@uniformdev/mesh-sdk-react 17.4.1-alpha.1 → 17.4.1-alpha.250

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enumerable:!0})};import{jsx as l}from"@emotion/react";import*as x from"react";import{createContext as zo,useContext as Uo,useEffect as Ao,useState as Go}from"react";import{createContext as Eo,useContext as Mo}from"react";import{Theme as Vo}from"@uniformdev/design-system";import{jsx as it,jsxs as Do}from"@emotion/react/jsx-runtime";var xe=Eo(void 0),va=({children:e})=>{let r;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(r={sdk:window.UniformMeshSDK}),Do(xe.Provider,{value:r,children:[it(Vo,{}),it(we,{children:e})]})},st=()=>{let e=Mo(xe);if(!e)throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");return e};function ct(){let{sdk:e}=st();return e}import{jsx as Bo}from"@emotion/react/jsx-runtime";var dt=zo(void 0),we=({children:e})=>{let r=ct(),[o,t]=Go(r.getCurrentLocation()),n=a=>{t(d=>({...d,value:a.newValue}))};return Ao(()=>(r.events.on("onValueChanged",n),()=>{r.events.off("onValueChanged",n)}),[r]),Bo(dt.Provider,{value:{location:o},children:e})},Ce=()=>{let e=Uo(dt);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};function Ea(){let{location:e}=Ce();return e}import{initializeUniformMeshSDK as Oo}from"@uniformdev/mesh-sdk";import{useEffect as Ho,useRef as $o,useState as lt}from"react";var pt=({autoResizingDisabled:e}={})=>{let[r,o]=lt(),[t,n]=lt(),a=$o(!1);return Ho(()=>{typeof window=="undefined"||t||(typeof window.UniformMeshSDK=="undefined"&&!a.current?(a.current=!0,Oo({autoResizingDisabled:e}).then(d=>{n(d)}).catch(d=>{o(d)}).finally(()=>{a.current=!1})):n(window.UniformMeshSDK))},[e]),{initializing:!t&&!r,error:r,sdk:t}};function Oa(e){let{location:r}=Ce();if(e&&r.type!==e)throw new Error(`Expected location type ${e} but got ${r.type}`);return r}import Zo,{useMemo as Re,useContext as Xo}from"react";import{css as Fo}from"@emotion/react";import{Icon as Ko,InputSelect as No}from"@uniformdev/design-system";import{CgClose as Qo}from"react-icons/cg";import{Fragment as mt,jsxs as ut}from"@emotion/react/jsx-runtime";var gt=({value:e,text:r,loading:o})=>ut(mt,{children:[!!r&&r,!r&&ut(mt,{children:[o&&`${e} (Loading...)`,!o&&`${e} (Unresolvable)`]})]});import{css as Ae}from"@emotion/react";var ft=Ae`
+var Ca=Object.defineProperty;var Ra=(e,r)=>{for(var a in r)Ca(e,a,{get:r[a],enumerable:!0})};import{jsx as l}from"@emotion/react";import*as b from"react";import{createContext as _a,useContext as Ia,useEffect as Va,useState as Ea}from"react";import{createContext as Pa,useContext as ka}from"react";import{Theme as Ta}from"@uniformdev/design-system";import{jsx as Lt,jsxs as La}from"@emotion/react/jsx-runtime";var Ie=Pa(void 0),Oi=({children:e})=>{let r;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(r={sdk:window.UniformMeshSDK}),La(Ie.Provider,{value:r,children:[Lt(Ta,{}),Lt(Ve,{children:e})]})},_t=()=>{let e=ka(Ie);if(!e)throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");return e};function It(){let{sdk:e}=_t();return e}import{jsx as Da}from"@emotion/react/jsx-runtime";var Vt=_a(void 0),Ve=({children:e})=>{let r=It(),[a,o]=Ea(r.getCurrentLocation()),t=n=>{o(i=>({...i,value:n.newValue}))};return Va(()=>(r.events.on("onValueChanged",t),()=>{r.events.off("onValueChanged",t)}),[r]),Da(Vt.Provider,{value:{location:a},children:e})},Ee=()=>{let e=Ia(Vt);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};function ts(){let{location:e}=Ee();return e}import{initializeUniformMeshSDK as Ma}from"@uniformdev/mesh-sdk";import{useEffect as Ua,useRef as za,useState as Et}from"react";var Dt=({autoResizingDisabled:e}={})=>{let[r,a]=Et(),[o,t]=Et(),n=za(!1);return Ua(()=>{typeof window=="undefined"||o||(typeof window.UniformMeshSDK=="undefined"&&!n.current?(n.current=!0,Ma({autoResizingDisabled:e}).then(i=>{t(i)}).catch(i=>{a(i)}).finally(()=>{n.current=!1})):t(window.UniformMeshSDK))},[e]),{initializing:!o&&!r,error:r,sdk:o}};function cs(e){let{location:r}=Ee();if(e&&r.type!==e)throw new Error(`Expected location type ${e} but got ${r.type}`);return r}import $a,{useMemo as Ue,useContext as Fa}from"react";import{css as Ba}from"@emotion/react";import{Icon as Aa,InputSelect as Ha}from"@uniformdev/design-system";import{CgClose as Ga}from"react-icons/cg";import{Fragment as Mt,jsxs as Ut}from"@emotion/react/jsx-runtime";var zt=({value:e,text:r,loading:a})=>Ut(Mt,{children:[!!r&&r,!r&&Ut(Mt,{children:[a&&`${e} (Loading...)`,!a&&`${e} (Unresolvable)`]})]});import{css as Ye}from"@emotion/react";var Bt=Ye`
   align-items: center;
   background: var(--gray-100);
   border: 1px solid var(--gray-300);
@@ -7,66 +7,66 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   justify-content: space-between;
   margin-bottom: var(--spacing-sm);
   margin-right: var(--spacing-sm);
-`,vt=Ae`
+`,At=Ye`
   color: var(--gray-800);
   padding: var(--spacing-3);
-`,ht=Ae`
+`,Ht=Ye`
   border: none;
   border-left: 1px solid var(--gray-300);
   background: var(--gray-100);
   padding: var(--spacing-3);
-`;import{jsx as fe,jsxs as yt}from"@emotion/react/jsx-runtime";var bt=({id:e,label:r,loading:o,selectedValues:t,values:n,onAdd:a,onRemove:d})=>{var v;let f=(v=n==null?void 0:n.filter(i=>!(t!=null&&t.includes(i.id.toString()))))!=null?v:[],u=(i,p)=>{i.preventDefault(),d(p)};return yt("div",{children:[fe(No,{id:e,name:e,label:r,onChange:i=>a(i.target.value),disabled:o,options:[{value:"",label:"Add..."},...f.map(i=>({value:i.id,label:i.name||i.id}))],value:"",css:Array.isArray(t)&&t.length>0?Fo`
+`;import{jsx as Re,jsxs as Gt}from"@emotion/react/jsx-runtime";var Ot=({id:e,label:r,loading:a,selectedValues:o,values:t,onAdd:n,onRemove:i})=>{var f;let g=(f=t==null?void 0:t.filter(s=>!(o!=null&&o.includes(s.id.toString()))))!=null?f:[],d=(s,m)=>{s.preventDefault(),i(m)};return Gt("div",{children:[Re(Ha,{id:e,name:e,label:r,onChange:s=>n(s.target.value),disabled:a,options:[{value:"",label:"Add..."},...g.map(s=>({value:s.id,label:s.name||s.id}))],value:"",css:Array.isArray(o)&&o.length>0?Ba`
                 margin-bottom: var(--spacing-base);
-              `:""}),t==null?void 0:t.map(i=>{var p;return yt("div",{css:ft,children:[fe("span",{css:vt,children:fe(gt,{value:i,loading:o,text:(p=n.find(h=>h.id===i))==null?void 0:p.name})}),fe("button",{css:ht,title:"remove",onClick:h=>u(h,i),children:fe(Ko,{icon:Qo,iconColor:"currentColor",size:20})})]},i)})]})};import{jsx as St}from"@emotion/react/jsx-runtime";var Wo=e=>St("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",role:"img",...e,children:St("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"})}),Pe=Wo;import{jsx as xt}from"@emotion/react/jsx-runtime";var _o=e=>xt("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img",...e,children:xt("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})}),Le=_o;import{useAsyncFn as qo,useDebounce as Yo}from"react-use";import{Input as wt,InputSelect as ke,mq as Ie}from"@uniformdev/design-system";import{css as L}from"@emotion/react";import{jsx as w,jsxs as se}from"@emotion/react/jsx-runtime";var Ct={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},yi=({value:e,setValue:r,brands:o,categories:t,loading:n,categoriesLoading:a,brandsLoading:d,logoIcon:f,onGetProducts:u,sortOptions:v,sortOrderOptions:i,categoryLabel:p="Product Category",brandLabel:h="Brand",disableBrands:z,restrictToSingleCategory:ae=!1})=>{var M,m,D;let S=async s=>{r({...Ct,...e||{},...s})},b=Re(()=>({...Ct,...e||{}}),[e]),[ie,me]=qo(async s=>await u(s),[u]);Yo(async()=>{await me({brand:b.brand,categories:b.categories,keyword:b.keyword,sort:b.sort,sortOrder:b.sortOrder,count:b.count})},250,[b]);let O=Re(()=>{let s=[];return t==null||t.forEach(U=>{let C=Lt(U,void 0);s.push(...C)}),s},[t]),_=Re(()=>[{value:"",label:"All categories"},...O.map(s=>({label:s.name,value:s.id}))],[O]),W=Re(()=>(o==null?void 0:o.map(s=>({id:s.id.toString(),name:s.name})))||[],[o]),ue=s=>{if(!s)return;let U=(e==null?void 0:e.categories)||[];S({categories:[...U,s]})},Se=s=>{var U;S({categories:(U=e==null?void 0:e.categories)==null?void 0:U.filter(C=>C!==s)})},j=s=>{S({brand:s.target.value})},E=s=>{S({count:s||1})};return n?w("div",{children:"Loading..."}):w(Rt.Provider,{value:{categories:t,logoIcon:f},children:se("div",{css:L`
+              `:""}),o==null?void 0:o.map(s=>{var m;return Gt("div",{css:Bt,children:[Re("span",{css:At,children:Re(zt,{value:s,loading:a,text:(m=t.find(c=>c.id===s))==null?void 0:m.name})}),Re("button",{css:Ht,title:"remove",onClick:c=>d(c,s),children:Re(Aa,{icon:Ga,iconColor:"currentColor",size:20})})]},s)})]})};import{jsx as qt}from"@emotion/react/jsx-runtime";var Oa=e=>qt("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:qt("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"})}),De=Oa;import{jsx as $t}from"@emotion/react/jsx-runtime";var qa=e=>$t("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:$t("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})}),Me=qa;import{useAsyncFn as Na,useDebounce as Wa}from"react-use";import{Input as Ft,InputSelect as ze,mq as Be}from"@uniformdev/design-system";import{css as T}from"@emotion/react";import{jsx as C,jsxs as ge}from"@emotion/react/jsx-runtime";var Nt={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},$s=({value:e,setValue:r,brands:a,categories:o,loading:t,categoriesLoading:n,brandsLoading:i,logoIcon:g,onGetProducts:d,sortOptions:f,sortOrderOptions:s,categoryLabel:m="Product Category",brandLabel:c="Brand",disableBrands:y,restrictToSingleCategory:P=!1})=>{var D,v,B;let w=async p=>{r({...Nt,...e||{},...p})},S=Ue(()=>({...Nt,...e||{}}),[e]),[ue,Se]=Na(async p=>await d(p),[d]);Wa(async()=>{await Se({brand:S.brand,categories:S.categories,keyword:S.keyword,sort:S.sort,sortOrder:S.sortOrder,count:S.count})},250,[S]);let q=Ue(()=>{let p=[];return o==null||o.forEach(A=>{let R=Kt(A,void 0);p.push(...R)}),p},[o]),ee=Ue(()=>[{value:"",label:"All categories"},...q.map(p=>({label:p.name,value:p.id}))],[q]),Z=Ue(()=>(a==null?void 0:a.map(p=>({id:p.id.toString(),name:p.name})))||[],[a]),Ce=p=>{if(!p)return;let A=(e==null?void 0:e.categories)||[];w({categories:[...A,p]})},_e=p=>{var A;w({categories:(A=e==null?void 0:e.categories)==null?void 0:A.filter(R=>R!==p)})},ie=p=>{w({brand:p.target.value})},E=p=>{w({count:p||1})};return t?C("div",{children:"Loading..."}):C(Qt.Provider,{value:{categories:o,logoIcon:g},children:ge("div",{css:T`
           > :not(:last-child) {
             margin-bottom: var(--spacing-md);
           }
-        `,children:[ae?w(ke,{id:"selection-field-product-category",label:p,disabled:n,value:(m=(M=b.categories)==null?void 0:M[0])!=null?m:"",options:_,onChange:s=>{S({categories:s.target.value===""?[]:[s.target.value]})}}):w(bt,{loading:a||!1,id:"selection-field-product-category",label:p,onAdd:ue,onRemove:Se,selectedValues:b.categories,values:O}),se("div",{css:L`
+        `,children:[P?C(ze,{id:"selection-field-product-category",label:m,disabled:t,value:(v=(D=S.categories)==null?void 0:D[0])!=null?v:"",options:ee,onChange:p=>{w({categories:p.target.value===""?[]:[p.target.value]})}}):C(Ot,{loading:n||!1,id:"selection-field-product-category",label:m,onAdd:Ce,onRemove:_e,selectedValues:S.categories,values:q}),ge("div",{css:T`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${Ie("md")} {
+            ${Be("md")} {
               flex-wrap: nowrap;
             }
-          `,children:[z?null:w("div",{css:L`
+          `,children:[y?null:C("div",{css:T`
                 width: 50%;
-              `,children:w(ke,{id:"brand",name:"brand",label:h,disabled:d,value:b.brand,onChange:j,options:[{value:"",label:"Choose..."},...W.map(s=>({value:s.id,label:s.name}))]})}),w("div",{css:L`
+              `,children:C(ze,{id:"brand",name:"brand",label:c,disabled:i,value:S.brand,onChange:ie,options:[{value:"",label:"Choose..."},...Z.map(p=>({value:p.id,label:p.name}))]})}),C("div",{css:T`
               flex-grow: 1;
               position: relative;
-            `,children:w(wt,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:b.keyword,placeholder:"Enter keyword",onChange:s=>S({keyword:s.target.value})})})]}),se("div",{css:L`
+            `,children:C(Ft,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:S.keyword,placeholder:"Enter keyword",onChange:p=>w({keyword:p.target.value})})})]}),ge("div",{css:T`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${Ie("md")} {
+            ${Be("md")} {
               flex-wrap: nowrap;
             }
-          `,children:[se("div",{css:L`
+          `,children:[ge("div",{css:T`
               width: 100%;
-              ${Ie("md")} {
+              ${Be("md")} {
                 width: 33.333333%;
               }
               position: relative;
-            `,children:[w(wt,{id:"count",name:"count",type:"number",min:1,step:1,value:b.count,onChange:s=>E(s.target.valueAsNumber),label:"Count"}),se("div",{css:L`
+            `,children:[C(Ft,{id:"count",name:"count",type:"number",min:1,step:1,value:S.count,onChange:p=>E(p.target.valueAsNumber),label:"Count"}),ge("div",{css:T`
                 position: absolute;
                 bottom: var(--spacing-sm);
                 right: var(--spacing-sm);
                 display: flex;
                 gap: var(--spacing-sm);
-              `,children:[w(Pt,{onCountChange:()=>E(b.count-1),countIcon:"decrement",disabled:b.count===1}),w(Pt,{onCountChange:()=>E(b.count+1),countIcon:"increment"})]})]}),Array.isArray(v)&&v.length>0?w("div",{css:L`
+              `,children:[C(Wt,{onCountChange:()=>E(S.count-1),countIcon:"decrement",disabled:S.count===1}),C(Wt,{onCountChange:()=>E(S.count+1),countIcon:"increment"})]})]}),Array.isArray(f)&&f.length>0?C("div",{css:T`
                 flex-grow: 1;
-                ${Ie("md")} {
+                ${Be("md")} {
                   width: 33.333333%;
                 }
-              `,children:w(ke,{id:"sort",name:"sort",label:"Sort",value:b.sort,onChange:s=>S({sort:s.target.value}),options:[{value:"",label:"Select a sort"},...v.map(s=>({value:s.sortKey,label:s.name}))]})}):null,Array.isArray(i)&&i.length>0?w("div",{css:L`
+              `,children:C(ze,{id:"sort",name:"sort",label:"Sort",value:S.sort,onChange:p=>w({sort:p.target.value}),options:[{value:"",label:"Select a sort"},...f.map(p=>({value:p.sortKey,label:p.name}))]})}):null,Array.isArray(s)&&s.length>0?C("div",{css:T`
                 flex-grow: 1;
-              `,children:w(ke,{id:"sort-order",name:"sort-order",label:"Sort Order",value:b.sortOrder,onChange:s=>S({sortOrder:s.target.value}),options:i.map(s=>({value:s.sortOrderKey,label:s.name}))})}):null]}),se("div",{children:[w("h3",{css:L`
+              `,children:C(ze,{id:"sort-order",name:"sort-order",label:"Sort Order",value:S.sortOrder,onChange:p=>w({sortOrder:p.target.value}),options:s.map(p=>({value:p.sortOrderKey,label:p.name}))})}):null]}),ge("div",{children:[C("h3",{css:T`
               font-size: var(--fs-md);
               line-height: var(--spacing-md);
               font-weight: var(--fw-bold);
               margin-bottom: var(--spacing-xs);
-            `,children:"Result Preview"}),w(It,{products:(D=ie.value)==null?void 0:D.products})]})]})})};function Lt(e,r){var a;let o=[],t=r?`${r.name} > `:"",n={id:e.id.toString(),name:`${t}${e.name}`};return o.push(n),(a=e.children)==null||a.forEach(d=>{let f=Lt(d,n);o.push(...f)}),o}function Pt({onCountChange:e,countIcon:r,disabled:o}){return w("button",{css:L`
+            `,children:"Result Preview"}),C(Zt,{products:(B=ue.value)==null?void 0:B.products})]})]})})};function Kt(e,r){var n;let a=[],o=r?`${r.name} > `:"",t={id:e.id.toString(),name:`${o}${e.name}`};return a.push(t),(n=e.children)==null||n.forEach(i=>{let g=Kt(i,t);a.push(...g)}),a}function Wt({onCountChange:e,countIcon:r,disabled:a}){return C("button",{css:T`
         width: 2.25rem;
         height: 2.25rem;
         border: 1px solid var(--gray-300);
@@ -78,17 +78,17 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
         &:hover {
           background-color: var(--gray-200);
         }
-        ${o?L`
+        ${a?T`
               cursor: not-allowed;
               opacity: 0.3;
             `:""}
-      `,onClick:e,disabled:o,children:r==="increment"?w(Pe,{css:L`
+      `,onClick:e,disabled:a,children:r==="increment"?C(De,{css:T`
             width: 1rem;
             height: 1rem;
-          `}):w(Le,{css:L`
+          `}):C(Me,{css:T`
             width: 1rem;
             height: 1rem;
-          `})})}var Rt=Zo.createContext(void 0),kt=()=>{let e=Xo(Rt);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};import{jsx as Tt}from"@emotion/react/jsx-runtime";function H({src:e,alt:r,className:o}){let t=e&&typeof e!="string"?e:null;return t?Tt(t,{className:o}):Tt("img",{src:e,alt:r,className:o})}import{css as Ot}from"@emotion/react";import{scrollbarStyles as Jo}from"@uniformdev/design-system";import{css as $}from"@emotion/react";var Et=$`
+          `})})}var Qt=$a.createContext(void 0),Yt=()=>{let e=Fa(Qt);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};import{jsx as Xt}from"@emotion/react/jsx-runtime";function $({src:e,alt:r,className:a}){let o=e&&typeof e!="string"?e:null;return o?Xt(o,{className:a}):Xt("img",{src:e,alt:r,className:a})}import{css as sr}from"@emotion/react";import{scrollbarStyles as Ka}from"@uniformdev/design-system";import{css as F}from"@emotion/react";var Jt=F`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -103,55 +103,55 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   &:hover {
     background: var(--gray-50);
   }
-`,Mt=$`
+`,jt=F`
   font-size: var(--fs-sm);
-`,Vt=$`
+`,er=F`
   width: 1rem;
   height: 1rem;
-`,Ge=$`
+`,Ze=F`
   margin-right: var(--spacing-lg);
   font-size: var(--fs-sm);
-`,Dt=$`
+`,tr=F`
   border: 1px solid var(--gray-200);
   border-radius: var(--rounded-md);
   background: var(--gray-50);
   margin: var(--spacing-base) 0;
-`,zt=$`
+`,rr=F`
   align-items: center;
   display: flex;
   flex-grow: 1;
   gap: var(--spacing-base);
   padding: var(--spacing-sm);
   margin-right: var(--spacing-sm);
-`,Ut=$`
+`,or=F`
   background: var(--gray-200);
   width: 3.5rem;
   height: 3.5rem;
   object-fit: cover;
-`,At=$`
+`,ar=F`
   background: var(--gray-100);
   height: 3.5rem;
   width: 3.5rem;
-`,Gt=$`
+`,nr=F`
   margin-top: 0;
   font-weight: var(--fw-bold);
   font-size: var(--fs-sm);
   width: calc(100% / 3);
-`,Bt=$`
+`,ir=F`
   display: block;
   font-weight: var(--fw-regular);
-`;import{Fragment as Ht,jsx as q,jsxs as X}from"@emotion/react/jsx-runtime";var It=({products:e})=>{let{categories:r,logoIcon:o}=kt();return X(Ht,{children:[X("p",{css:Ot`
+`;import{Fragment as lr,jsx as oe,jsxs as re}from"@emotion/react/jsx-runtime";var Zt=({products:e})=>{let{categories:r,logoIcon:a}=Yt();return re(lr,{children:[re("p",{css:sr`
           margin-bottom: var(--spacing-base);
-        `,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),q("ul",{css:[Ot`
+        `,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),oe("ul",{css:[sr`
             max-height: 24rem;
             overflow-x: auto;
-          `,Jo],children:e==null?void 0:e.map((t,n)=>{var f,u;let[a]=(t==null?void 0:t.categories)||[],d=typeof a=="undefined"||!r||(f=r.find(v=>v.id===a.id))==null?void 0:f.name;return q("li",{css:Dt,children:X("div",{css:zt,"data-test-id":`product-item-${t.sku||t.id}`,children:[t.thumbnailUrl?q("img",{src:t.thumbnailUrl,alt:typeof t.title=="string"?t.title:t.name||`Product ${n}`,css:Ut,"data-test-id":"product-image"}):q("div",{css:At}),X("h4",{css:Gt,"data-test-id":"product-name",children:[t.title||t.name,d&&q("span",{css:Bt,children:d})]}),t&&X(Ht,{children:[X("p",{css:Ge,"data-test-id":"product-sku",children:["SKU: ",t.sku||t.id,q("br",{})]}),t.price!==void 0?X("p",{css:Ge,"data-test-id":"product-price",children:["Price: ",t.price]}):null,t.editLink||t.url?X("a",{css:Et,href:(u=t.editLink)!=null?u:t.url,title:`Go to ${t.title||t.name}`,target:"_blank",rel:"noopener noreferrer","data-test-id":"edit-product-button",children:[q("span",{css:Mt,children:"Edit"}),o?q(H,{src:o,alt:"Logo",css:Vt}):null]}):null]})]})},`product-${t.id}`)})})]})};import Kn,{useContext as Nn,useMemo as Qn,useRef as Wn}from"react";import*as N from"react";var Oe={};To(Oe,{Caution:()=>Ft,Checkmark:()=>Te,ChevronDown:()=>Ee,Close:()=>Qt,Danger:()=>_t,ExclamationPoint:()=>Xt,Info:()=>Me,Lightbulb:()=>Jt,MagnifyingGlass:()=>er,MaximizeAlt:()=>rr,Minus:()=>Le,MoreVerticalAlt:()=>he,Plus:()=>Pe});import{jsx as $t}from"@emotion/react/jsx-runtime";var jo=e=>$t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",role:"img",...e,children:$t("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"})}),Ft=jo;import{jsx as Kt}from"@emotion/react/jsx-runtime";var en=e=>Kt("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",role:"img",...e,children:Kt("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"})}),Te=en;import{jsx as Nt}from"@emotion/react/jsx-runtime";var tn=e=>Nt("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",role:"img",...e,children:Nt("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"})}),Ee=tn;import{jsx as Be,jsxs as on}from"@emotion/react/jsx-runtime";var rn=e=>Be("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",role:"img",...e,children:on("g",{fillRule:"evenodd",children:[Be("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"}),Be("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"})]})}),Qt=rn;import{jsx as Wt}from"@emotion/react/jsx-runtime";var nn=e=>Wt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",role:"img",...e,children:Wt("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"})}),_t=nn;import{jsx as Zt}from"@emotion/react/jsx-runtime";var an=e=>Zt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",role:"img",...e,children:Zt("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"})}),Xt=an;import{jsx as qt,jsxs as cn}from"@emotion/react/jsx-runtime";var sn=e=>cn("svg",{width:"1em",height:"1em",fill:"currentColor",role:"img",...e,children:[qt("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"}),qt("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=sn;import{jsx as Yt}from"@emotion/react/jsx-runtime";var dn=e=>Yt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",role:"img",...e,children:Yt("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"})}),Jt=dn;import{jsx as ve,jsxs as jt}from"@emotion/react/jsx-runtime";var ln=e=>jt("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",role:"img",...e,children:[jt("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[ve("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"}),ve("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"})]}),ve("defs",{children:ve("clipPath",{id:"magnifying-glass_svg__a",children:ve("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),er=ln;import{jsx as tr}from"@emotion/react/jsx-runtime";var pn=e=>tr("svg",{width:"1em",height:"1em",fill:"currentColor",role:"img",...e,children:tr("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"})}),rr=pn;import{jsx as or}from"@emotion/react/jsx-runtime";var mn=e=>or("svg",{width:"1em",height:"1em",fill:"currentColor",role:"img",...e,children:or("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"})}),he=mn;import{useDebounce as Ln}from"react-use";import{v4 as Rn}from"uuid";import{useState as gn,useRef as mr,useEffect as fn}from"react";function Ve(e,r){let o=window.open(e,"_blank"),t=setInterval(()=>{o!=null&&o.closed&&(clearInterval(t),r())},500)}import{format as vn}from"timeago.js";import{css as A}from"@emotion/react";import{mq as un}from"@uniformdev/design-system";var nr=A`
+          `,Ka],children:e==null?void 0:e.map((o,t)=>{var g,d;let[n]=(o==null?void 0:o.categories)||[],i=typeof n=="undefined"||!r||(g=r.find(f=>f.id===n.id))==null?void 0:g.name;return oe("li",{css:tr,children:re("div",{css:rr,"data-test-id":`product-item-${o.sku||o.id}`,children:[o.thumbnailUrl?oe("img",{src:o.thumbnailUrl,alt:typeof o.title=="string"?o.title:o.name||`Product ${t}`,css:or,"data-test-id":"product-image"}):oe("div",{css:ar}),re("h4",{css:nr,"data-test-id":"product-name",children:[o.title||o.name,i&&oe("span",{css:ir,children:i})]}),o&&re(lr,{children:[re("p",{css:Ze,"data-test-id":"product-sku",children:["SKU: ",o.sku||o.id,oe("br",{})]}),o.price!==void 0?re("p",{css:Ze,"data-test-id":"product-price",children:["Price: ",o.price]}):null,o.editLink||o.url?re("a",{css:Jt,href:(d=o.editLink)!=null?d:o.url,title:`Go to ${o.title||o.name}`,target:"_blank",rel:"noopener noreferrer","data-test-id":"edit-product-button",children:[oe("span",{css:jt,children:"Edit"}),a?oe($,{src:a,alt:"Logo",css:er}):null]}):null]})]})},`product-${o.id}`)})})]})};import An,{useContext as Hn,useMemo as Gn,useRef as On}from"react";import*as K from"react";var Je={};Ra(Je,{Caution:()=>cr,Checkmark:()=>Ae,ChevronDown:()=>He,Close:()=>gr,Danger:()=>fr,ExclamationPoint:()=>hr,Info:()=>Ge,Lightbulb:()=>xr,MagnifyingGlass:()=>Sr,MaximizeAlt:()=>Rr,Minus:()=>Me,MoreVerticalAlt:()=>ke,Plus:()=>De});import{jsx as dr}from"@emotion/react/jsx-runtime";var Qa=e=>dr("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e,children:dr("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"})}),cr=Qa;import{jsx as pr}from"@emotion/react/jsx-runtime";var Ya=e=>pr("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:pr("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"})}),Ae=Ya;import{jsx as ur}from"@emotion/react/jsx-runtime";var Za=e=>ur("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e,children:ur("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"})}),He=Za;import{jsx as Xe,jsxs as Ja}from"@emotion/react/jsx-runtime";var Xa=e=>Xe("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e,children:Ja("g",{fillRule:"evenodd",children:[Xe("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"}),Xe("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"})]})}),gr=Xa;import{jsx as mr}from"@emotion/react/jsx-runtime";var ja=e=>mr("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:mr("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"})}),fr=ja;import{jsx as vr}from"@emotion/react/jsx-runtime";var en=e=>vr("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e,children:vr("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"})}),hr=en;import{jsx as yr,jsxs as rn}from"@emotion/react/jsx-runtime";var tn=e=>rn("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:[yr("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"}),yr("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"})]}),Ge=tn;import{jsx as br}from"@emotion/react/jsx-runtime";var on=e=>br("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:br("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"})}),xr=on;import{jsx as Pe,jsxs as wr}from"@emotion/react/jsx-runtime";var an=e=>wr("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[wr("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[Pe("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"}),Pe("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"})]}),Pe("defs",{children:Pe("clipPath",{id:"magnifying-glass_svg__a",children:Pe("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),Sr=an;import{jsx as Cr}from"@emotion/react/jsx-runtime";var nn=e=>Cr("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:Cr("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"})}),Rr=nn;import{jsx as Pr}from"@emotion/react/jsx-runtime";var sn=e=>Pr("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:Pr("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"})}),ke=sn;import{useDebounce as xn}from"react-use";import{v4 as wn}from"uuid";import{useState as dn,useRef as Mr,useEffect as cn}from"react";function Oe(e,r){let a=window.open(e,"_blank"),o=setInterval(()=>{a!=null&&a.closed&&(clearInterval(o),r())},500)}import{format as pn}from"timeago.js";import{css as H}from"@emotion/react";import{mq as ln}from"@uniformdev/design-system";var kr=H`
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
   width: 100%;
-`,ar=A`
+`,Tr=H`
   align-items: center;
   display: flex;
   flex-grow: 1;
@@ -159,22 +159,22 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   margin-inline: 0 var(--spacing-sm);
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
   position: relative;
-`,ir=A`
+`,Lr=H`
   flex-grow: 1;
-`,sr=A`
+`,_r=H`
   align-items: start;
   display: inline-flex;
   position: relative;
-`,cr=A`
+`,Ir=H`
   color: var(--brand-secondary-1);
   font-size: var(--fs-base);
   font-weight: var(--fw-bold);
   line-height: 1;
   margin: 0;
-`,dr=A`
+`,Vr=H`
   width: 1.5rem;
   height: 1.5rem;
-`,lr=A`
+`,Er=H`
   background: var(--white);
   border-radius: var(--rounded-base);
   border-left: 4px solid var(--brand-secondary-3);
@@ -183,22 +183,22 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   padding: var(--spacing-base);
   z-index: var(--z-10);
   width: max-content;
-`,te=A`
+`,le=H`
   font-size: var(--fs-sm);
-`,ye=A`
+`,Te=H`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,pr=A`
+`,Dr=H`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${un("md")} {
+  ${ln("md")} {
     flex-direction: row;
     min-width: 200px;
     justify-content: end;
   }
-`,He=A`
+`,je=H`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -213,39 +213,39 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   &:hover {
     background: var(--gray-50);
   }
-`;import{css as Y}from"@emotion/react";import{Icon as ur}from"@uniformdev/design-system";import{CgClose as hn,CgInfo as yn}from"react-icons/cg";import{Fragment as bn,jsx as F,jsxs as R}from"@emotion/react/jsx-runtime";var gr=({selectedItem:e,logoIcon:r,onDeselect:o,onEditClosed:t})=>{var v;let n=mr(null),a=mr(null),[d,f]=gn(!1);fn(()=>{let i=h=>{n.current&&!n.current.contains(h.target)&&a.current&&!a.current.contains(h.target)&&f(!1)},p=()=>{f(!1)};return window.addEventListener("resize",p,!0),document.addEventListener("scroll",i,!0),document.addEventListener("mousedown",i),()=>{window.removeEventListener("resize",p,!0),document.removeEventListener("scroll",i,!0),document.removeEventListener("mousedown",i)}},[a]);let u=()=>{var i;if(f(!d),a.current&&n.current){let p=(i=n==null?void 0:n.current)==null?void 0:i.getBoundingClientRect(),h=a.current.offsetWidth;a.current.style.top=`${p.top+30}px`,a.current.style.left=`${p.left-h+30}px`}};return F("div",{css:nr,children:R("div",{css:ar,children:[R("div",{css:ir,children:[R("div",{css:sr,children:[F("h4",{css:[cr,e.popoverData?Y`
+`;import{css as ae}from"@emotion/react";import{Icon as Ur}from"@uniformdev/design-system";import{CgClose as un,CgInfo as gn}from"react-icons/cg";import{Fragment as mn,jsx as N,jsxs as L}from"@emotion/react/jsx-runtime";var zr=({selectedItem:e,logoIcon:r,onDeselect:a,onEditClosed:o})=>{var f;let t=Mr(null),n=Mr(null),[i,g]=dn(!1);cn(()=>{let s=c=>{t.current&&!t.current.contains(c.target)&&n.current&&!n.current.contains(c.target)&&g(!1)},m=()=>{g(!1)};return window.addEventListener("resize",m,!0),document.addEventListener("scroll",s,!0),document.addEventListener("mousedown",s),()=>{window.removeEventListener("resize",m,!0),document.removeEventListener("scroll",s,!0),document.removeEventListener("mousedown",s)}},[n]);let d=()=>{var s;if(g(!i),n.current&&t.current){let m=(s=t==null?void 0:t.current)==null?void 0:s.getBoundingClientRect(),c=n.current.offsetWidth;n.current.style.top=`${m.top+30}px`,n.current.style.left=`${m.left-c+30}px`}};return N("div",{css:kr,children:L("div",{css:Tr,children:[L("div",{css:Lr,children:[L("div",{css:_r,children:[N("h4",{css:[Ir,e.popoverData?ae`
                       margin-bottom: var(--spacing-sm);
-                    `:""],title:`ID: ${e.id}`,"data-test-id":"entry-id",children:e.title||e.id||""}),e.popoverData?R(bn,{children:[F("button",{type:"button",ref:n,css:Y`
+                    `:""],title:`ID: ${e.id}`,"data-test-id":"entry-id",children:e.title||e.id||""}),e.popoverData?L(mn,{children:[N("button",{type:"button",ref:t,css:ae`
                     margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
-                  `,"aria-controls":"path-details","aria-expanded":d,onClick:u,children:F(ur,{icon:yn,iconColor:"gray",size:24,css:Y`
+                  `,"aria-controls":"path-details","aria-expanded":i,onClick:d,children:N(Ur,{icon:gn,iconColor:"gray",size:24,css:ae`
                       opacity: var(--opacity-75);
-                    `})}),F("div",{id:"path-details","aria-hidden":!d,ref:a,css:[lr,d?Y`
+                    `})}),N("div",{id:"path-details","aria-hidden":!i,ref:n,css:[Er,i?ae`
                           visibility: visible;
-                        `:Y`
+                        `:ae`
                           visibility: hidden;
-                        `],children:Object.entries(e.popoverData).map(([i,p],h)=>R("div",{css:te,children:[R("span",{css:ye,children:[i,":"]}),p]},h))})]}):null]}),e.createdDate&&R("div",{css:te,children:[F("span",{css:ye,children:"Created:"}),vn((v=e.createdDate)!=null?v:0)]}),e.metadata?Object.entries(e.metadata).filter(([i])=>["type","status"].includes(i.toLocaleLowerCase())).map(([i,p])=>R("div",{css:[te,Y`
+                        `],children:Object.entries(e.popoverData).map(([s,m],c)=>L("div",{css:le,children:[L("span",{css:Te,children:[s,":"]}),m]},c))})]}):null]}),e.createdDate&&L("div",{css:le,children:[N("span",{css:Te,children:"Created:"}),pn((f=e.createdDate)!=null?f:0)]}),e.metadata?Object.entries(e.metadata).filter(([s])=>["type","status"].includes(s.toLocaleLowerCase())).map(([s,m])=>L("div",{css:[le,ae`
                           order: 1;
-                        `],children:[R("span",{css:ye,children:[i,":"]}),p]},i)):null,e.metadata?Object.entries(e.metadata).filter(([i])=>!["type","status"].includes(i.toLocaleLowerCase())).map(([i,p])=>R("div",{css:[te,Y`
+                        `],children:[L("span",{css:Te,children:[s,":"]}),m]},s)):null,e.metadata?Object.entries(e.metadata).filter(([s])=>!["type","status"].includes(s.toLocaleLowerCase())).map(([s,m])=>L("div",{css:[le,ae`
                           order: 1;
-                        `],children:[R("span",{css:[ye,Y`
+                        `],children:[L("span",{css:[Te,ae`
                             order: 1;
-                          `],children:[i,":"]}),p]},i)):null]}),R("div",{css:pr,children:[e.editLink?R("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:i=>{t&&(Ve(i.currentTarget.href,()=>t(e)),i.preventDefault())},css:He,children:[F("span",{css:te,children:"Edit"}),F(H,{src:r,css:dr,alt:"Logo"})]}):null,R("button",{type:"button",onClick:()=>{o(e)},css:He,children:[F("span",{css:te,children:"Unlink"}),F(ur,{icon:hn,iconColor:"red",size:16})]})]})]})},e.id)};import{useState as Sn,useRef as Sr,useEffect as xn}from"react";import{css as re}from"@emotion/react";var fr=re`
+                          `],children:[s,":"]}),m]},s)):null]}),L("div",{css:Dr,children:[e.editLink?L("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:s=>{o&&(Oe(s.currentTarget.href,()=>o(e)),s.preventDefault())},css:je,children:[N("span",{css:le,children:"Edit"}),N($,{src:r,css:Vr,alt:"Logo"})]}):null,L("button",{type:"button",onClick:()=>{a(e)},css:je,children:[N("span",{css:le,children:"Unlink"}),N(Ur,{icon:un,iconColor:"red",size:16})]})]})]})},e.id)};import{useState as fn,useRef as qr,useEffect as vn}from"react";import{css as de}from"@emotion/react";var Br=de`
   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);
-`,vr=re`
+`,Ar=de`
   padding-right: var(--spacing-lg);
-`,hr=re`
+`,Hr=de`
   background: var(--brand-secondary-3);
   color: var(--white);
-`,$e=re`
+`,et=de`
   font-size: var(--fs-xs);
-`,Fe=re`
+`,tt=de`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,yr=re`
+`,Gr=de`
   background: var(--white);
   border-left: 4px solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
@@ -257,20 +257,20 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   right: var(--spacing-xl);
   z-index: var(--z-10);
   width: max-content;
-`,br=re`
+`,Or=de`
   position: absolute;
   inset: 0 var(--spacing-sm) 0 auto;
-`;import{css as xr}from"@emotion/react";import{Fragment as wn,jsx as wr,jsxs as oe}from"@emotion/react/jsx-runtime";var Cr=({result:e,isSelected:r,triggerSelection:o})=>{let t=Sr(null),n=Sr(null),[a,d]=Sn(!1);xn(()=>{function u(v){t.current&&!t.current.contains(v.target)&&n.current&&!n.current.contains(v.target)&&d(!1)}return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[n]);let f=u=>{u.stopPropagation(),d(!a)};return oe("div",{css:[fr,r?hr:void 0,e.popoverData?vr:void 0],"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>o(),children:[e.title,e.popoverData&&r?oe(wn,{children:[wr("button",{type:"button",ref:t,css:br,"aria-controls":"path-details",onClick:u=>f(u),"aria-expanded":a,children:wr(Me,{width:24,height:24})}),oe("div",{id:"path-details","aria-hidden":!a,ref:n,css:[yr,a?xr`
+`;import{css as $r}from"@emotion/react";import{Fragment as hn,jsx as Fr,jsxs as ce}from"@emotion/react/jsx-runtime";var Nr=({result:e,isSelected:r,triggerSelection:a})=>{let o=qr(null),t=qr(null),[n,i]=fn(!1);vn(()=>{function d(f){o.current&&!o.current.contains(f.target)&&t.current&&!t.current.contains(f.target)&&i(!1)}return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[t]);let g=d=>{d.stopPropagation(),i(!n)};return ce("div",{css:[Br,r?Hr:void 0,e.popoverData?Ar:void 0],"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>a(),children:[e.title,e.popoverData&&r?ce(hn,{children:[Fr("button",{type:"button",ref:o,css:Or,"aria-controls":"path-details",onClick:d=>g(d),"aria-expanded":n,children:Fr(Ge,{width:24,height:24})}),ce("div",{id:"path-details","aria-hidden":!n,ref:t,css:[Gr,n?$r`
                     visibility: visible;
-                  `:xr`
+                  `:$r`
                     visibility: hidden;
-                  `],children:[e.metadata&&Object.entries(e.metadata).map(([u,v],i)=>oe("div",{css:$e,children:[oe("span",{css:Fe,children:[u,":"]}),v]},i)),Object.entries(e.popoverData).map(([u,v],i)=>oe("div",{css:$e,children:[oe("span",{css:Fe,children:[u,":"]}),v]},i))]})]}):null]},e.id)};import{Droppable as kn,DragDropContext as In,Draggable as Tn}from"react-beautiful-dnd";import{css as P}from"@emotion/react";var Pr=P`
+                  `],children:[e.metadata&&Object.entries(e.metadata).map(([d,f],s)=>ce("div",{css:et,children:[ce("span",{css:tt,children:[d,":"]}),f]},s)),Object.entries(e.popoverData).map(([d,f],s)=>ce("div",{css:et,children:[ce("span",{css:tt,children:[d,":"]}),f]},s))]})]}):null]},e.id)};import{Droppable as Sn,DragDropContext as Cn,Draggable as Rn}from"react-beautiful-dnd";import{css as k}from"@emotion/react";var Wr=k`
   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);
-`,Lr=P`
+`,Kr=k`
   align-items: center;
   display: flex;
   position: relative;
@@ -278,7 +278,7 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   width: 100%;
   background-color: transparent;
   border: 0;
-`,Rr=P`
+`,Qr=k`
   color: var(--brand-secondary-1);
   display: block;
   font-weight: var(--fw-bold);
@@ -294,15 +294,15 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
     background: var(--gray-100);
     outline: none;
   }
-`,kr=P`
+`,Yr=k`
   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;
-`,Ir=P`
+`,Zr=k`
   display: none;
-`,Tr=P`
+`,Xr=k`
   overflow-y: auto;
   height: 16rem;
   margin-bottom: var(--spacing-base);
@@ -311,122 +311,127 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   & > :not(:last-child) {
     border-bottom: 1px solid var(--gray-200);
   }
-`,ac=P`
+`,Id=k`
   background-color: var(--gray-50);
   max-width: 33.33%;
-`,Er=P`
+`,Jr=k`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 0 0 auto;
   pointer-events: none;
   padding-right: var(--spacing-sm);
-`,Mr=P`
+`,jr=k`
   color: var(--brand-secondary-1);
   width: 1.25rem;
   height: 1.25rem;
   transition: transform var(--duration-fast) var(--timing-ease-out);
   transform: rotate(0);
-`,ic=P`
+`,Vd=k`
   background: var(--white);
   color: var(--brand-secondary-1);
-`,Vr=P`
+`,eo=k`
   position: relative;
   margin-block: var(--spacing-sm) 0;
 
   &:hover > span {
     opacity: 0.3;
   }
-`,Dr=P`
+
+  &[data-dragging='true'] {
+    left: auto !important;
+    top: auto !important;
+  }
+`,to=k`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 auto 0 0;
   margin-block: auto;
   opacity: 0;
-`,Ke=P`
+`,rt=k`
   color: var(--brand-secondary-1);
-`,zr=P`
+`,ro=k`
   position: absolute;
   left: 0.375rem;
-`,Ne=P`
+`,ot=k`
   width: calc(var(--spacing-lg) + var(--spacing-xs));
   height: calc(var(--spacing-lg) + var(--spacing-xs));
-`;import{css as K}from"@emotion/react";import{InputSelect as En,scrollbarStyles as Mn,Button as Qe,Callout as Vn,InputKeywordSearch as Dn,LoadingIndicator as zn,Menu as Un,MenuItem as An,LoadingOverlay as Gn}from"@uniformdev/design-system";import{useState as Cn,useEffect as Ur,useRef as Pn}from"react";function Ar(e,{delay:r=500,minDuration:o=200}={delay:500,minDuration:200}){let[t,n]=Cn("IDLE"),a=Pn(void 0);return Ur(()=>{e&&t==="IDLE"&&(clearTimeout(a.current),a.current=setTimeout(()=>{if(!e)return n("IDLE");a.current=setTimeout(()=>{n("EXPIRE")},o),n("DISPLAY")},r),n("DELAY")),!e&&t!=="DISPLAY"&&(clearTimeout(a.current),n("IDLE"))},[e,t,r,o]),Ur(()=>()=>clearTimeout(a.current),[]),t==="DISPLAY"||t==="EXPIRE"}import{Fragment as On,jsx as g,jsxs as G}from"@emotion/react/jsx-runtime";var Bn=({searchText:e,selectedContentType:r})=>{let o="No content found";return r&&r!=="any"&&(o=`No ${r} content was found`),e&&(o=`${o} for keyword '${e}'.`),g(Vn,{type:"info",children:o})},Gr=({search:e,results:r,contentTypes:o,selectedItems:t,logoIcon:n,select:a,multiSelect:d,multiSelectId:f,rowComponent:u,selectedItemComponent:v,totalResults:i,cursor:p,resultsLoading:h,requireContentType:z,onAddNew:ae,onEditClosed:S,onCancel:b,noResultsComponent:ie,helpComponent:me,onSort:O,typeSelectorLabel:_="Content Type Select",typeSelectorAllTypesOptionText:W="All content types",loadingIndicatorDelay:ue=1e3})=>{var ot,nt,at;let j=()=>z?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[E,M]=N.useState(""),[m,D]=N.useState(j),[s,U]=N.useState(!1),[C,ee]=N.useState([]),[go,je]=N.useState(!1),Ue=N.useRef(`x${Rn()}`);Ln(()=>{e(E,{count:5,offset:0,contentType:m==="any"?void 0:m})},300,[E]);let fo=Ar(h,{delay:ue}),vo=c=>{C.some(y=>y.id===c.id)?ee(y=>y.filter(Z=>Z.id!==c.id)):ee(d?y=>[...y,c]:[c])},ho=t==null?void 0:t.map(c=>c.id+c.title).join(",");N.useEffect(()=>{Array.isArray(t)&&ee(t)},[ho]);let yo=()=>{D(j()),M(""),ee(t!=null&&t.length?t:[])},bo=()=>{U(c=>!c),s||yo()},et=c=>{let y=(C==null?void 0:C.filter(Z=>Z.id!==c.id))||[];ee(y),a(y,"")},So=c=>{c.preventDefault(),a(C,m),U(!1)},xo=c=>{c.preventDefault(),U(!1),b&&b()},wo=()=>{e(E,{count:5,offset:(r==null?void 0:r.length)||0,contentType:m==="any"?void 0:m,cursor:p}),je(!0);let c=setTimeout(()=>{je(!1)},750);return()=>clearTimeout(c)},Co=!(t==null?void 0:t.length)||d,Po=u||Cr,tt=v||gr,Lo=ie||Bn,rt=n&&typeof n!="string"?n:null,Ro=rt?g(rt,{css:Ne}):g("img",{src:n,alt:"Logo",css:Ne}),ko=c=>{var y,Z;if(c.destination&&c.source.droppableId===((y=c.destination)==null?void 0:y.droppableId)){let V=[...t||[]],[ge]=(Z=V==null?void 0:V.splice(c.source.index,1))!=null?Z:[];return V==null||V.splice(c.destination.index,0,ge),O&&(ee(V),O==null||O(V)),V}};return g("div",{css:K`
+`;import{css as W}from"@emotion/react";import{InputSelect as Pn,scrollbarStyles as kn,Button as at,Callout as Tn,InputKeywordSearch as Ln,LoadingIndicator as _n,Menu as In,MenuItem as Vn,LoadingOverlay as En}from"@uniformdev/design-system";import{useState as yn,useEffect as oo,useRef as bn}from"react";function ao(e,{delay:r=500,minDuration:a=200}={delay:500,minDuration:200}){let[o,t]=yn("IDLE"),n=bn(void 0);return oo(()=>{e&&o==="IDLE"&&(clearTimeout(n.current),n.current=setTimeout(()=>{if(!e)return t("IDLE");n.current=setTimeout(()=>{t("EXPIRE")},a),t("DISPLAY")},r),t("DELAY")),!e&&o!=="DISPLAY"&&(clearTimeout(n.current),t("IDLE"))},[e,o,r,a]),oo(()=>()=>clearTimeout(n.current),[]),o==="DISPLAY"||o==="EXPIRE"}import{Fragment as Mn,jsx as h,jsxs as G}from"@emotion/react/jsx-runtime";var Dn=({searchText:e,selectedContentType:r})=>{let a="No content found";return r&&r!=="any"&&(a=`No ${r} content was found`),e&&(a=`${a} for keyword '${e}'.`),h(Tn,{type:"info",children:a})},no=({search:e,results:r,contentTypes:a,selectedItems:o,logoIcon:t,select:n,multiSelect:i,multiSelectId:g,rowComponent:d,selectedItemComponent:f,totalResults:s,cursor:m,resultsLoading:c,requireContentType:y,onAddNew:P,onEditClosed:w,onCancel:S,noResultsComponent:ue,helpComponent:Se,onSort:q,typeSelectorLabel:ee="Content Type Select",typeSelectorAllTypesOptionText:Z="All content types",loadingIndicatorDelay:Ce=1e3})=>{var Pt,kt,Tt;let ie=()=>y?Array.isArray(a)&&a.length>0?a[0].id:"":"any",[E,D]=K.useState(""),[v,B]=K.useState(ie),[p,A]=K.useState(!1),[R,se]=K.useState([]),[da,wt]=K.useState(!1),We=K.useRef(`x${wn()}`);xn(()=>{e(E,{count:5,offset:0,contentType:v==="any"?void 0:v})},300,[E,v]);let ca=ao(c,{delay:Ce}),pa=u=>{R.some(x=>x.id===u.id)?se(x=>x.filter(te=>te.id!==u.id)):se(i?x=>[...x,u]:[u])},ua=o==null?void 0:o.map(u=>u.id+u.title).join(",");K.useEffect(()=>{Array.isArray(o)&&se(o)},[ua]);let ga=()=>{B(ie()),D(""),se(o!=null&&o.length?o:[])},ma=()=>{A(u=>!u),p||ga()},St=u=>{let x=(R==null?void 0:R.filter(te=>te.id!==u.id))||[];se(x),n(x,"")},fa=u=>{u.preventDefault(),n(R,v),A(!1)},va=u=>{u.preventDefault(),A(!1),S&&S()},ha=()=>{e(E,{count:5,offset:(r==null?void 0:r.length)||0,contentType:v==="any"?void 0:v,cursor:m}),wt(!0);let u=setTimeout(()=>{wt(!1)},750);return()=>clearTimeout(u)},ya=!(o==null?void 0:o.length)||i,ba=d||Nr,Ct=f||zr,xa=ue||Dn,Rt=t&&typeof t!="string"?t:null,wa=Rt?h(Rt,{css:ot}):h("img",{src:t,alt:"Logo",css:ot}),Sa=u=>{var x,te;if(u.destination&&u.source.droppableId===((x=u.destination)==null?void 0:x.droppableId)){let M=[...o||[]],[Ke]=(te=M==null?void 0:M.splice(u.source.index,1))!=null?te:[];return M==null||M.splice(u.destination.index,0,Ke),q&&(se(M),q==null||q(M)),M}};return h("div",{css:W`
         width: 100%;
-      `,children:G("div",{css:K`
+      `,children:G("div",{css:W`
           position: relative;
           margin-block: var(--spacing-base);
-        `,children:[Co?G(On,{children:[g("div",{css:Pr,"data-test-id":"component-search",children:G("button",{css:Lr,onClick:bo,type:"button","aria-haspopup":!0,"aria-expanded":s,"aria-controls":`entry-search-config-${Ue.current}`,children:[Ro,g("span",{css:K`
+        `,children:[ya?G(Mn,{children:[h("div",{css:Wr,"data-test-id":"component-search",children:G("button",{css:Kr,onClick:ma,type:"button","aria-haspopup":!0,"aria-expanded":p,"aria-controls":`entry-search-config-${We.current}`,children:[wa,h("span",{css:W`
                     margin-left: var(--spacing-base);
-                  `,children:"Select"}),g("span",{css:Er,children:g(Ee,{css:[Mr,s?K`
+                  `,children:"Select"}),h("span",{css:Jr,children:h(He,{css:[jr,p?W`
                             transform: rotate(180deg);
-                          `:void 0]})})]})}),G("div",{id:`entry-search-config-${Ue.current}`,"aria-hidden":!s,css:[kr,s?void 0:Ir],children:[me||null,G("div",{css:K`
+                          `:void 0]})})]})}),G("div",{id:`entry-search-config-${We.current}`,"aria-hidden":!p,css:[Yr,p?void 0:Zr],children:[Se||null,G("div",{css:W`
                   display: flex;
                   gap: calc(var(--spacing-base) - 0.25rem);
                   margin-bottom: var(--spacing-base);
-                `,children:[g(En,{onChange:c=>D(c.target.value),value:m,label:_,showLabel:!1,options:[...z?[]:[{value:"any",label:W}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),g("div",{css:K`
+                `,children:[h(Pn,{onChange:u=>B(u.target.value),value:v,label:ee,showLabel:!1,options:[...y?[]:[{value:"any",label:Z}],...a?a.map(u=>({value:u.id,label:u.name})):[]]}),h("div",{css:W`
                     flex-grow: 1;
-                  `,children:g(Dn,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:M,disabledFieldSubmission:!0,value:E})})]}),G("div",{css:[Tr,Mn],id:Ue.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list",children:[g(Gn,{isActive:fo}),Array.isArray(r)&&r.length>0?r.map(c=>g(Po,{isSelected:C.some(y=>y.id===c.id),result:c,triggerSelection:()=>vo(c)},c.id)):h?null:g(Lo,{searchText:E||E,selectedContentType:(nt=(ot=o==null?void 0:o.find(c=>c.id===m))==null?void 0:ot.name)!=null?nt:m}),!h&&typeof i!="undefined"&&r&&(r==null?void 0:r.length)<i&&g("button",{type:"button",css:Rr,onClick:wo,children:go?g(zn,{}):"Load More"})]}),G("div",{css:K`
+                  `,children:h(Ln,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:D,disabledFieldSubmission:!0,value:E})})]}),G("div",{css:[Xr,kn],id:We.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list",children:[h(En,{isActive:ca}),Array.isArray(r)&&r.length>0?r.map(u=>h(ba,{isSelected:R.some(x=>x.id===u.id),result:u,triggerSelection:()=>pa(u)},u.id)):c?null:h(xa,{searchText:E||E,selectedContentType:(kt=(Pt=a==null?void 0:a.find(u=>u.id===v))==null?void 0:Pt.name)!=null?kt:v}),!c&&typeof s!="undefined"&&r&&(r==null?void 0:r.length)<s&&h("button",{type:"button",css:Qr,onClick:ha,children:da?h(_n,{}):"Load More"})]}),G("div",{css:W`
                   display: flex;
                   justify-content: space-between;
-                `,children:[g("div",{children:ae&&((at=o==null?void 0:o.length)!=null?at:0)>0?g(Un,{menuLabel:"Add new menu",menuTrigger:g(Qe,{buttonType:"secondary",children:"Add New"}),children:o==null?void 0:o.map(c=>g(An,{css:K`
+                `,children:[h("div",{children:P&&((Tt=a==null?void 0:a.length)!=null?Tt:0)>0?h(In,{menuLabel:"Add new menu",menuTrigger:h(at,{buttonType:"secondary",children:"Add New"}),children:a==null?void 0:a.map(u=>h(Vn,{css:W`
                             background: var(--white);
                             color: var(--brand-secondary-1);
-                          `,onClick:()=>ae(c),children:c.name},c.id))}):null}),G("div",{css:K`
+                          `,onClick:()=>P(u),children:u.name},u.id))}):null}),G("div",{css:W`
                     display: flex;
                     gap: var(--spacing-base);
-                  `,children:[g(Qe,{buttonType:"unimportant",onClick:xo,children:"Cancel"}),g(Qe,{disabled:!C.length,onClick:So,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,s?null:d&&C.length>1?g(In,{onDragEnd:c=>ko(c),children:g(kn,{droppableId:f||"canvas-multi-select",children:c=>G("div",{...c.droppableProps,ref:c.innerRef,css:K`
+                  `,children:[h(at,{buttonType:"unimportant",onClick:va,children:"Cancel"}),h(at,{disabled:!R.length,onClick:fa,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,p?null:i&&R.length>1?h(Cn,{onDragEnd:u=>Sa(u),children:h(Sn,{droppableId:g||"canvas-multi-select",children:u=>G("div",{...u.droppableProps,ref:u.innerRef,css:W`
                       margin-block: var(--spacing-sm) 0;
-                    `,children:[C==null?void 0:C.map((y,Z)=>{if(y!=null&&y.id)return g(Tn,{draggableId:y.id,index:Z,children:V=>G("div",{css:Vr,ref:V.innerRef,...V.draggableProps,...V.dragHandleProps,children:[G("span",{css:Dr,children:[g(he,{css:[Ke,zr],width:24,height:24}),g(he,{css:Ke,width:24,height:24})]}),g(tt,{logoIcon:n,selectedItem:y,onDeselect:ge=>et(ge),onEditClosed:S?ge=>S(ge):void 0},`selected-item-${y.id}`)]})},y.id)}),c.placeholder]})})}):C==null?void 0:C.map(c=>g(tt,{logoIcon:n,selectedItem:c,onDeselect:y=>et(y),onEditClosed:S?y=>S(y):void 0},`selected-item-${c.id}`))]})})};import{css as ne}from"@emotion/react";var Br=ne`
+                    `,children:[R==null?void 0:R.map((x,te)=>{if(x!=null&&x.id)return h(Rn,{draggableId:x.id,index:te,children:(M,Ke)=>G("div",{css:eo,ref:M.innerRef,"data-dragging":Ke.isDragging,...M.draggableProps,...M.dragHandleProps,children:[G("span",{css:to,children:[h(ke,{css:[rt,ro],width:24,height:24}),h(ke,{css:rt,width:24,height:24})]}),h(Ct,{logoIcon:t,selectedItem:x,onDeselect:Qe=>St(Qe),onEditClosed:w?Qe=>w(Qe):void 0},`selected-item-${x.id}`)]})},x.id)}),u.placeholder]})})}):R==null?void 0:R.map(u=>h(Ct,{logoIcon:t,selectedItem:u,onDeselect:x=>St(x),onEditClosed:w?x=>w(x):void 0},`selected-item-${u.id}`))]})})};import{css as pe}from"@emotion/react";var io=pe`
   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);
-`,Or=ne`
+`,so=pe`
   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);
-`,Hr=ne`
+`,lo=pe`
   background-color: var(--green-50);
-`,$r=ne`
+`,co=pe`
   font-size: var(--fs-sm);
   font-weight: var(--fw-bold);
   width: 50%;
-`,Fr=ne`
+`,po=pe`
   font-weight: var(--fw-normal);
   display: block;
-`,Kr=ne`
+`,uo=pe`
   font-size: var(--fs-sm);
   > * {
     display: block;
   }
-`,Nr=ne`
+`,go=pe`
   display: block;
   height: 1.5rem;
   width: 1.5rem;
   color: var(--brand-secondary-3);
   margin-left: auto;
-`;import{css as Qr}from"@emotion/react";import{jsx as ce,jsxs as We}from"@emotion/react/jsx-runtime";function Wr({result:e,isSelected:r,triggerSelection:o}){var f;let{categories:t,logoIcon:n}=De(),[a]=e.categories||[{id:"",name:""}],d=typeof a=="undefined"||!t||(f=t.find(u=>u.id===a.id))==null?void 0:f.name;return ce("div",{"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Br],children:We("div",{css:[Or,r?Hr:void 0],children:[e.thumbnailUrl?ce("img",{src:e.thumbnailUrl,alt:`Thumbnail for ${e.title}`,css:Qr`
+`;import{css as mo}from"@emotion/react";import{jsx as me,jsxs as nt}from"@emotion/react/jsx-runtime";function fo({result:e,isSelected:r,triggerSelection:a}){var g;let{categories:o,logoIcon:t}=qe(),[n]=e.categories||[{id:"",name:""}],i=typeof n=="undefined"||!o||(g=o.find(d=>d.id===n.id))==null?void 0:g.name;return me("div",{"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>a(),css:[io],children:nt("div",{css:[so,r?lo:void 0],children:[e.thumbnailUrl?me("img",{src:e.thumbnailUrl,alt:`Thumbnail for ${e.title}`,css:mo`
               background-color: var(--gray-200);
               width: 3rem;
               height: 3rem;
               object-fit: cover;
-            `}):ce(H,{src:n,alt:"Logo",css:Qr`
+            `}):me($,{src:t,alt:"Logo",css:mo`
               height: 2.25rem;
               width: 2.25rem;
-            `}),We("h4",{css:[$r],children:[e.title,d?ce("span",{css:[Fr],children:d}):null]}),We("p",{css:[Kr],children:["SKU: ",e.sku||e.id,e.price!==void 0?ce("span",{children:e.price}):null]}),r?ce(Te,{css:[Nr]}):null]})},e.id)}import{css as J}from"@emotion/react";import{mq as _r}from"@uniformdev/design-system";var Zr=J`
+            `}),nt("h4",{css:[co],children:[e.title,i?me("span",{css:[po],children:i}):null]}),nt("p",{css:[uo],children:["SKU: ",e.sku||e.id,e.price!==void 0?me("span",{children:e.price}):null]}),r?me(Ae,{css:[go]}):null]})},e.id)}import{css as ne}from"@emotion/react";import{mq as vo}from"@uniformdev/design-system";var ho=ne`
   border: 1px solid var(--gray-200);
   border-radius: var(--rounded-base);
   background: var(--gray-50);
   display: flex;
   width: 100%;
-`,Xr=J`
+`,yo=ne`
   align-items: center;
   display: flex;
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
@@ -434,22 +439,22 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   flex-grow: 1;
   gap: var(--spacing-sm);
   margin-inline: 0 var(--spacing-sm);
-`,qr=J`
+`,bo=ne`
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
   flex-grow: 1;
 
-  ${_r("lg")} {
+  ${vo("lg")} {
     width: 50%;
     margin-bottom: 0;
   }
-`,_e=J`
+`,it=ne`
   background-color: var(--gray-200);
   width: 3.5rem;
   height: 3.5rem;
   object-fit: cover;
-`,Ze=J`
+`,st=ne`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -464,50 +469,50 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   &:hover {
     background: var(--gray-50);
   }
-`,Xe=J`
+`,lt=ne`
   font-size: var(--fs-sm);
-`,Yr=J`
+`,xo=ne`
   display: block;
   width: 1rem;
   height: 1rem;
-`,Jr=J`
+`,wo=ne`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${_r("md")} {
+  ${vo("md")} {
     flex-direction: row;
     min-width: 200px;
     justify-content: end;
   }
-`;import{css as de}from"@emotion/react";import{Icon as Hn,mq as $n}from"@uniformdev/design-system";import{CgClose as Fn}from"react-icons/cg";import{jsx as B,jsxs as Q}from"@emotion/react/jsx-runtime";function jr({selectedItem:e,onDeselect:r}){var d;let{categories:o,logoIcon:t}=De(),[n]=e.categories||[{id:"",name:""}],a=typeof n=="undefined"||!o||(d=o.find(f=>f.id===n.id))==null?void 0:d.name;return B("div",{css:[Zr],children:Q("article",{css:[Xr],children:[Q("div",{css:[qr],children:[e.thumbnailUrl?B("img",{src:e.thumbnailUrl,alt:a,css:[_e],loading:"lazy"}):B("div",{css:[_e]}),Q("div",{css:de`
+`;import{css as fe}from"@emotion/react";import{Icon as Un,mq as zn}from"@uniformdev/design-system";import{CgClose as Bn}from"react-icons/cg";import{jsx as O,jsxs as Q}from"@emotion/react/jsx-runtime";function So({selectedItem:e,onDeselect:r}){var i;let{categories:a,logoIcon:o}=qe(),[t]=e.categories||[{id:"",name:""}],n=typeof t=="undefined"||!a||(i=a.find(g=>g.id===t.id))==null?void 0:i.name;return O("div",{css:[ho],children:Q("article",{css:[yo],children:[Q("div",{css:[bo],children:[e.thumbnailUrl?O("img",{src:e.thumbnailUrl,alt:n,css:[it],loading:"lazy"}):O("div",{css:[it]}),Q("div",{css:fe`
               > :not(:last-child) {
                 margin-bottom: var(--spacing-xs);
               }
-            `,children:[Q("h4",{css:de`
+            `,children:[Q("h4",{css:fe`
                 margin-top: 0px;
                 font-weight: var(--fw-bold);
-              `,children:[e.title||e.id||"",a&&B("span",{css:de`
+              `,children:[e.title||e.id||"",n&&O("span",{css:fe`
                     display: block;
                     font-weight: var(--fw-regular);
-                  `,children:a})]}),Q("ul",{css:de`
+                  `,children:n})]}),Q("ul",{css:fe`
                 font-size: var(--fs-sm);
 
-                ${$n("sm")} {
+                ${zn("sm")} {
                   display: flex;
                   gap: var(--spacing-base);
                 }
-              `,children:[Q("li",{children:[B("span",{css:de`
+              `,children:[Q("li",{children:[O("span",{css:fe`
                     margin-right: var(--spacing-xs);
-                  `,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?Q("li",{children:[B("span",{css:de`
+                  `,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?Q("li",{children:[O("span",{css:fe`
                       margin-right: var(--spacing-xs);
-                    `,children:"Price:"}),B("span",{children:e.price})]}):null]})]})]}),Q("div",{css:Jr,children:[e.editLink?Q("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:Ze,children:[B("span",{css:Xe,children:"Edit"}),B(H,{src:t,alt:"Logo",css:Yr})]}):null,Q("button",{type:"button",onClick:()=>{r==null||r(e)},css:Ze,children:[B("span",{css:Xe,children:"Unlink"}),B(Hn,{icon:Fn,iconColor:"red",size:16})]})]})]})},e.id)}import{Callout as _n}from"@uniformdev/design-system";import{useAsync as Zn,useAsyncFn as Xn}from"react-use";import{jsx as qe,jsxs as qn}from"@emotion/react/jsx-runtime";function sd({selectedProducts:e,setSelectedProducts:r,onGetCategories:o,onSearchProducts:t,logoIcon:n,multiSelect:a,multiSelectId:d,selectedItemComponent:f,rowComponent:u,errorComponent:v,helpComponent:i,noResultsComponent:p,onSort:h,typeSelectorAllTypesOptionText:z="All categories",typeSelectorLabel:ae="Select Category"}){var j,E;let{value:S,loading:b,error:ie}=Zn(async()=>await o(),[o]),me=S==null?void 0:S.map(M=>M.id).join(","),O=Qn(()=>S?S.map(m=>({id:m.id,name:m.name})):void 0,[me]),_=Wn(),[W,ue]=Xn(async(M,m)=>{let D=await t({text:M,options:{limit:m==null?void 0:m.count,offset:m==null?void 0:m.offset,categoryId:m==null?void 0:m.contentType,cursor:m==null?void 0:m.cursor}});return(m==null?void 0:m.offset)===0&&(_.current=[]),(_.current=_.current||[]).push(...D.products),D},[t]),Se=async M=>{await r(M)};return ie||W.error?qe(v||(({categoriesError:m,searchError:D})=>qn(_n,{type:"error",children:["There was an error: ",(m==null?void 0:m.message)||(D==null?void 0:D.message)]})),{categoriesError:ie,searchError:W.error}):qe(eo.Provider,{value:{categories:S,logoIcon:n},children:qe(Gr,{search:ue,results:_.current,logoIcon:n,selectedItems:e,select:Se,multiSelectId:d||"product-search-multi-select",multiSelect:a,contentTypes:O,selectedItemComponent:f||jr,rowComponent:u||Wr,totalResults:(j=W.value)==null?void 0:j.total,cursor:(E=W.value)==null?void 0:E.cursor,resultsLoading:W.loading||b,helpComponent:i,noResultsComponent:p,onSort:h,typeSelectorAllTypesOptionText:z,typeSelectorLabel:ae})})}var eo=Kn.createContext(void 0),De=()=>{let e=Nn(eo);if(!e)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return e};import{css as k}from"@emotion/react";import{mq as Yn}from"@uniformdev/design-system";var to=k`
+                    `,children:"Price:"}),O("span",{children:e.price})]}):null]})]})]}),Q("div",{css:wo,children:[e.editLink?Q("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:st,children:[O("span",{css:lt,children:"Edit"}),O($,{src:o,alt:"Logo",css:xo})]}):null,Q("button",{type:"button",onClick:()=>{r==null||r(e)},css:st,children:[O("span",{css:lt,children:"Unlink"}),O(Un,{icon:Bn,iconColor:"red",size:16})]})]})]})},e.id)}import{Callout as qn}from"@uniformdev/design-system";import{useAsync as $n,useAsyncFn as Fn}from"react-use";import{jsx as dt,jsxs as Nn}from"@emotion/react/jsx-runtime";function Ec({selectedProducts:e,setSelectedProducts:r,onGetCategories:a,onSearchProducts:o,logoIcon:t,multiSelect:n,multiSelectId:i,selectedItemComponent:g,rowComponent:d,errorComponent:f,helpComponent:s,noResultsComponent:m,onSort:c,typeSelectorAllTypesOptionText:y="All categories",typeSelectorLabel:P="Select Category"}){var ie,E;let{value:w,loading:S,error:ue}=$n(async()=>await a(),[a]),Se=w==null?void 0:w.map(D=>D.id).join(","),q=Gn(()=>w?w.map(v=>({id:v.id,name:v.name})):void 0,[Se]),ee=On(),[Z,Ce]=Fn(async(D,v)=>{let B=await o({text:D,options:{limit:v==null?void 0:v.count,offset:v==null?void 0:v.offset,categoryId:v==null?void 0:v.contentType,cursor:v==null?void 0:v.cursor}});return(v==null?void 0:v.offset)===0&&(ee.current=[]),(ee.current=ee.current||[]).push(...B.products),B},[o]),_e=async D=>{await r(D)};return ue||Z.error?dt(f||(({categoriesError:v,searchError:B})=>Nn(qn,{type:"error",children:["There was an error: ",(v==null?void 0:v.message)||(B==null?void 0:B.message)]})),{categoriesError:ue,searchError:Z.error}):dt(Co.Provider,{value:{categories:w,logoIcon:t},children:dt(no,{search:Ce,results:ee.current,logoIcon:t,selectedItems:e,select:_e,multiSelectId:i||"product-search-multi-select",multiSelect:n,contentTypes:q,selectedItemComponent:g||So,rowComponent:d||fo,totalResults:(ie=Z.value)==null?void 0:ie.total,cursor:(E=Z.value)==null?void 0:E.cursor,resultsLoading:Z.loading||S,helpComponent:s,noResultsComponent:m,onSort:c,typeSelectorAllTypesOptionText:y,typeSelectorLabel:P})})}var Co=An.createContext(void 0),qe=()=>{let e=Hn(Co);if(!e)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return e};import{css as _}from"@emotion/react";import{mq as Wn}from"@uniformdev/design-system";var Ro=_`
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
   width: 100%;
-`,ro=k`
+`,Po=_`
   align-items: center;
   display: flex;
   flex-grow: 1;
@@ -515,23 +520,23 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   margin-inline: 0 var(--spacing-sm);
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
   position: relative;
-`,oo=k`
+`,ko=_`
   flex-grow: 1;
-`,no=k`
+`,To=_`
   align-items: center;
   display: flex;
   position: relative;
-`,ao=k`
+`,Lo=_`
   color: var(--brand-secondary-1);
   font-size: var(--fs-base);
   font-weight: var(--fw-bold);
   line-height: 1;
   margin: 0;
   word-break: break-word;
-`,io=k`
+`,_o=_`
   width: 1.5rem;
   height: 1.5rem;
-`,so=k`
+`,Io=_`
   background: var(--white);
   border-radius: var(--rounded-base);
   border-left: 4px solid var(--brand-secondary-3);
@@ -540,22 +545,22 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   padding: var(--spacing-base);
   z-index: var(--z-10);
   width: max-content;
-`,le=k`
+`,ve=_`
   font-size: var(--fs-sm);
-`,ze=k`
+`,$e=_`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,co=k`
+`,Vo=_`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${Yn("md")} {
+  ${Wn("md")} {
     flex-direction: row;
     justify-content: end;
     min-width: 200px;
   }
-`,Ye=k`
+`,ct=_`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -570,30 +575,563 @@ var Io=Object.defineProperty;var To=(e,r)=>{for(var o in r)Io(e,o,{get:r[o],enum
   &:hover {
     background: var(--gray-50);
   }
-`,lo=k`
+`,Eo=_`
   display: flex;
   margin-top: var(--spacing-sm);
   gap: var(--spacing-sm);
-`,po=k`
+`,Do=_`
   background: none;
   outline: none;
   border: none;
   margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
-`,Je=k`
+`,pt=_`
   display: block;
   max-width: 100%;
   min-width: 100px;
   height: auto;
-`;import{useState as Jn,useRef as mo,useEffect as jn}from"react";import{CgInfo as ea,CgClose as ta}from"react-icons/cg";import{format as ra}from"timeago.js";import{css as pe}from"@emotion/react";import{Icon as uo}from"@uniformdev/design-system";import{Fragment as na,jsx as I,jsxs as T}from"@emotion/react/jsx-runtime";function Pd({selectedItem:e,onDeselect:r,onEditClosed:o,logoIcon:t,itemDetailsRendererComponent:n}){let a=mo(null),d=mo(null),[f,u]=Jn(!1);jn(()=>{let p=z=>{a.current&&!a.current.contains(z.target)&&d.current&&!d.current.contains(z.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)}},[d]);let v=()=>{var p;if(u(!f),d.current&&a.current){let h=(p=a==null?void 0:a.current)==null?void 0:p.getBoundingClientRect();d.current.style.top=`${h.top+30}px`}},i=n!=null?n:oa;return I("div",{css:[to,pe`
+`;import{useState as Kn,useRef as Mo,useEffect as Qn}from"react";import{CgInfo as Yn,CgClose as Zn}from"react-icons/cg";import{format as Xn}from"timeago.js";import{css as he}from"@emotion/react";import{Icon as Uo}from"@uniformdev/design-system";import{Fragment as jn,jsx as I,jsxs as V}from"@emotion/react/jsx-runtime";function Yc({selectedItem:e,onDeselect:r,onEditClosed:a,logoIcon:o,itemDetailsRendererComponent:t}){let n=Mo(null),i=Mo(null),[g,d]=Kn(!1);Qn(()=>{let m=y=>{n.current&&!n.current.contains(y.target)&&i.current&&!i.current.contains(y.target)&&d(!1)},c=()=>{d(!1)};return window.addEventListener("resize",c,!0),document.addEventListener("scroll",m,!0),document.addEventListener("mousedown",m),()=>{window.removeEventListener("resize",c,!0),document.removeEventListener("scroll",m,!0),document.removeEventListener("mousedown",m)}},[i]);let f=()=>{var m;if(d(!g),i.current&&n.current){let c=(m=n==null?void 0:n.current)==null?void 0:m.getBoundingClientRect();i.current.style.top=`${c.top+30}px`}},s=t!=null?t:Jn;return I("div",{css:[Ro,he`
           margin: 0 0 1rem 0;
-        `],children:T("div",{css:ro,children:[T("div",{css:oo,children:[T("div",{css:no,children:[I("h4",{css:[ao],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?T(na,{children:[I("button",{type:"button",ref:a,css:po,"aria-controls":"path-details","aria-expanded":f,onClick:v,children:I(uo,{icon:ea,iconColor:"gray",size:24,css:pe`
+        `],children:V("div",{css:Po,children:[V("div",{css:ko,children:[V("div",{css:To,children:[I("h4",{css:[Lo],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?V(jn,{children:[I("button",{type:"button",ref:n,css:Do,"aria-controls":"path-details","aria-expanded":g,onClick:f,children:I(Uo,{icon:Yn,iconColor:"gray",size:24,css:he`
                       opacity: var(--opacity-75);
-                    `})}),I("div",{id:"path-details","aria-hidden":!f,ref:d,css:[so,f?pe`
+                    `})}),I("div",{id:"path-details","aria-hidden":!g,ref:i,css:[Io,g?he`
                           visibility: visible;
-                        `:pe`
+                        `:he`
                           visibility: hidden;
-                        `],children:Object.entries(e.popoverData).map(([p,h],z)=>T("div",{css:le,children:[T("span",{css:ze,children:[p,":"]}),h]},z))})]}):null]}),I(i,{item:e})]}),T("div",{css:co,children:[e.editLink?typeof e.editLink=="string"?T("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:p=>{o&&(Ve(p.currentTarget.href,()=>o(e)),p.preventDefault())},css:Ye,children:[I("span",{css:le,children:"Edit"}),t?I(H,{src:t,css:io,alt:"Logo"}):null]}):e.editLink:null,T("button",{type:"button",onClick:()=>{r(e)},css:Ye,children:[I("span",{css:le,children:"Unlink"}),I(uo,{icon:ta,iconColor:"red",size:16})]})]})]})},e.id)}function oa({item:e}){let r=null;return e.previewUrl&&typeof e.previewUrl=="string"?e.type==="image"?r=I("img",{src:e.previewUrl,alt:e.id,width:"200",css:Je}):e.type==="video"&&(r=I("video",{src:e.previewUrl,title:e.id,width:"200",controls:!0,css:Je})):e.previewUrl&&typeof e.previewUrl!="string"&&(r=e.previewUrl),r||e.metadata?T("div",{css:lo,children:[r?I("div",{children:r}):null,T("ul",{children:[e.metadata?Object.entries(e.metadata).map(([o,t])=>T("li",{css:[le,pe`
+                        `],children:Object.entries(e.popoverData).map(([m,c],y)=>V("div",{css:ve,children:[V("span",{css:$e,children:[m,":"]}),c]},y))})]}):null]}),I(s,{item:e})]}),V("div",{css:Vo,children:[e.editLink?typeof e.editLink=="string"?V("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:m=>{a&&(Oe(m.currentTarget.href,()=>a(e)),m.preventDefault())},css:ct,children:[I("span",{css:ve,children:"Edit"}),o?I($,{src:o,css:_o,alt:"Logo"}):null]}):e.editLink:null,V("button",{type:"button",onClick:()=>{r(e)},css:ct,children:[I("span",{css:ve,children:"Unlink"}),I(Uo,{icon:Zn,iconColor:"red",size:16})]})]})]})},e.id)}function Jn({item:e}){let r=null;return e.previewUrl&&typeof e.previewUrl=="string"?e.type==="image"?r=I("img",{src:e.previewUrl,alt:e.id,width:"200",css:pt}):e.type==="video"&&(r=I("video",{src:e.previewUrl,title:e.id,width:"200",controls:!0,css:pt})):e.previewUrl&&typeof e.previewUrl!="string"&&(r=e.previewUrl),r||e.metadata?V("div",{css:Eo,children:[r?I("div",{children:r}):null,V("ul",{children:[e.metadata?Object.entries(e.metadata).map(([a,o])=>V("li",{css:[ve,he`
                       order: 1;
-                    `],children:[T("span",{css:[ze,pe`
+                    `],children:[V("span",{css:[$e,he`
                         order: 1;
-                      `],children:[o,":"]}),t]},o)):null,e.createdDate?T("li",{css:le,children:[I("span",{css:ze,children:"Date:"}),ra(e.createdDate)]}):null]})]}):null}import{LoadingIndicator as aa,Theme as ia}from"@uniformdev/design-system";import{jsx as be,jsxs as sa}from"@emotion/react/jsx-runtime";var Vd=({children:e,loadingComponent:r,errorComponent:o})=>{let{initializing:t,error:n,sdk:a}=pt();if(t||!a){let d=r;return d?be(d,{}):be(aa,{})}if(n){let d=o;if(d)return be(d,{error:n});throw n}return sa(xe.Provider,{value:{sdk:a},children:[be(ia,{}),be(we,{children:e})]})};export*from"@uniformdev/mesh-sdk";import{Button as Qd,Callout as Wd,LoadingIndicator as _d,LoadingOverlay as Zd,Menu as Xd,MenuItem as qd,Input as Yd,InputSelect as Jd,InputToggle as jd,Theme as el,InputKeywordSearch as tl,Heading as rl,ScrollableList as ol,ScrollableListItem as nl,Textarea as al,Switch as il,Label as sl,AddListButton as cl}from"@uniformdev/design-system";export{cl as AddListButton,Qd as Button,Wd as Callout,Pd as DamSelectedItem,Cr as DefaultSearchRow,gr as DefaultSelectedItem,Gr as EntrySearch,rl as Heading,Oe as Icons,Yd as Input,Jd as InputSelect,jd as InputToggle,tl as KeywordSearchInput,sl as Label,_d as LoadingIndicator,Zd as LoadingOverlay,Xd as Menu,qd as MenuItem,Vd as MeshApp,It as ProductPreviewList,yi as ProductQuery,Rt as ProductQueryContext,sd as ProductSearch,eo as ProductSearchContext,Wr as ProductSearchRow,jr as ProductSelectedItem,gt as ResolvableLoadingValue,ol as ScrollableList,nl as ScrollableListItem,bt as SelectionField,il as Switch,al as Textarea,el as Theme,dt as UniformMeshLocationContext,we as UniformMeshLocationContextProvider,xe as UniformMeshSdkContext,va as UniformMeshSdkContextProvider,Ne as badgeIcon,Je as damSelectItemImage,to as damSelectedItemContainer,no as damSelectedItemCopy,oo as damSelectedItemDetails,io as damSelectedItemIcon,po as damSelectedItemInfoBtn,ro as damSelectedItemInner,Ye as damSelectedItemLinkBtn,co as damSelectedItemLinkContainer,lo as damSelectedItemMediaContainer,so as damSelectedItemPopover,ze as damSelectedItemPopoverLabel,le as damSelectedItemSmallText,ao as damSelectedItemTitle,Vr as draggableContainer,Ke as draggableIcon,zr as draggableIconOffset,Dr as draggableIconWrapper,Lr as entrySearchBtn,kr as entrySearchConfig,Ir as entrySearchConfigHidden,Rr as entrySearchLoadMoreBtn,Tr as entrySearchResultList,Er as entrySearchSelectIcon,Mr as entrySearchSelectImg,ac as entrySearchSelectInput,ic as entrySearchSelectOption,Pr as entrySearchWrapper,Nr as productSearchRowActiveIcon,Fr as productSearchRowCategory,Br as productSearchRowContainer,Or as productSearchRowContent,Hr as productSearchRowContentActive,Kr as productSearchRowDetails,$r as productSearchRowTitle,Zr as productSelectedItemContainer,qr as productSelectedItemContent,Xr as productSelectedItemDetails,Yr as productSelectedItemIcon,_e as productSelectedItemImage,Jr as productSelectedItemLinkContainer,Ze as productedSelectedItemLinkBtn,Xe as productedSelectedItemSmallText,br as searchRowBtn,fr as searchRowContainer,hr as searchRowContainerActive,vr as searchRowContainerWithPopover,yr as searchRowPopover,Fe as searchRowText,$e as searchRowTextSmall,He as selectItemLinkBtn,pr as selectItemLinkContainer,lr as selectItemPopover,ye as selectItemPopoverLabel,te as selectItemSmallText,nr as selectedItemContainer,sr as selectedItemCopy,ir as selectedItemDetails,dr as selectedItemIcon,ar as selectedItemInner,cr as selectedItemTitle,pt as useInitializeUniformMeshSdk,Oa as useMeshLocation,kt as useProductQueryContext,De as useProductSearchContext,Ea as useUniformMeshLocation,Ce as useUniformMeshLocationContext,ct as useUniformMeshSdk,st as useUniformMeshSdkContext};
+                      `],children:[a,":"]}),o]},a)):null,e.createdDate?V("li",{css:ve,children:[I("span",{css:$e,children:"Date:"}),Xn(e.createdDate)]}):null]})]}):null}import{LoadingIndicator as ei,Theme as ti}from"@uniformdev/design-system";import{jsx as Le,jsxs as ri}from"@emotion/react/jsx-runtime";var op=({children:e,loadingComponent:r,errorComponent:a})=>{let{initializing:o,error:t,sdk:n}=Dt();if(o||!n){let i=r;return i?Le(i,{}):Le(ei,{})}if(t){let i=a;if(i)return Le(i,{error:t});throw t}return ri(Ie.Provider,{value:{sdk:n},children:[Le(ti,{}),Le(Ve,{children:e})]})};function zo(e){return Object.entries(e||{}).sort(([r,a],[o,t])=>{var n,i;return a.order&&t.order?a.order-t.order:a.order?1:t.order?-1:((n=a.displayName)!=null?n:r).localeCompare((i=t.displayName)!=null?i:o)}).map(([r,a])=>({name:r,...a}))}import*as xe from"react";import{Button as Oo,Input as gt}from"@uniformdev/design-system";import{Form as oi,Formik as ai}from"formik";import{css as ut}from"@emotion/react";var Bo=ut`
+  > * {
+    margin: var(--spacing-base) 0 0;
+  }
+`,Ao=ut`
+  display: flex;
+  gap: var(--spacing-sm);
+`,Ho=ut`
+  :root {
+    --tagify-dd-color-primary: rgb(53, 149, 246);
+    --tagify-dd-bg-color: var(--white);
+    --tagify-dd-item-pad: var(--spacing-xs) var(--spacing-sm);
+  }
+
+  .tagify {
+    --tags-disabled-bg: #f1f1f1;
+    --tags-border-color: var(--gray-400);
+    --tags-hover-border-color: var(--gray-300);
+    --tags-focus-border-color: var(--brand-secondary-1);
+    --tag-border-radius: var(--rounded-md);
+    --tag-bg: var(--gray-100);
+    --tag-hover: var(--gray-200);
+    --tag-text-color: var(--brand-secondary-1);
+    --tag-text-color--edit: var(--brand-secondary-1);
+    --tag-pad: var(--spacing-2xs) var(--spacing-sm);
+    --tag-inset-shadow-size: 1rem;
+    --tag-invalid-color: #d39494;
+    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
+    --tag-remove-bg: rgba(211, 148, 148, 0.3);
+    --tag-remove-btn-color: black;
+    --tag-remove-btn-bg: none;
+    --tag-remove-btn-bg--hover: #c77777;
+    --input-color: inherit;
+    --tag--min-width: 1ch;
+    --tag--max-width: auto;
+    --tag-hide-transition: 0.3s;
+    --placeholder-color: rgba(0, 0, 0, 0.4);
+    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
+    --loader-size: 0.8em;
+    --readonly-striped: 1;
+
+    background: var(--white);
+    display: inline-flex;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    border-radius: var(--rounded-md);
+    outline: 1px solid var(--gray-400);
+    padding: 0;
+    line-height: 0;
+    cursor: text;
+    position: relative;
+    box-sizing: border-box;
+    transition: 0.1s;
+    word-break: break-word;
+  }
+  .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
+    --tags-border-color: var(--tags-hover-border-color);
+  }
+  .tagify[disabled] {
+    background: var(--tags-disabled-bg);
+    filter: saturate(0);
+    opacity: 0.5;
+    pointer-events: none;
+  }
+  .tagify[disabled].tagify--select,
+  .tagify[readonly].tagify--select {
+    pointer-events: none;
+  }
+  .tagify[disabled]:not(.tagify--mix):not(.tagify--select),
+  .tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
+    cursor: default;
+  }
+  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input,
+  .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
+    visibility: hidden;
+    width: 0;
+    margin: 5px 0;
+  }
+  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div,
+  .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
+    padding: var(--tag-pad);
+  }
+  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before,
+  .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
+    animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
+  }
+
+  .tagify[disabled] .tagify__tag__removeBtn,
+  .tagify[readonly] .tagify__tag__removeBtn {
+    display: none;
+  }
+  .tagify--loading .tagify__input > br:last-child {
+    display: none;
+  }
+  .tagify--loading .tagify__input::before {
+    content: none;
+  }
+  .tagify--loading .tagify__input::after {
+    content: '';
+    vertical-align: middle;
+    opacity: 1;
+    width: 0.7em;
+    height: 0.7em;
+    width: var(--loader-size);
+    height: var(--loader-size);
+    min-width: 0;
+    border: 3px solid;
+    border-color: #eee #bbb #888 transparent;
+    border-radius: 50%;
+    animation: rotateLoader 0.4s infinite linear;
+    content: '' !important;
+    margin: -2px 0 -2px 0.5em;
+  }
+  .tagify--loading .tagify__input:empty::after {
+    margin-left: 0;
+  }
+  .tagify + input,
+  .tagify + textarea {
+    position: absolute !important;
+    left: -9999em !important;
+    transform: scale(0) !important;
+  }
+  .tagify__tag {
+    display: inline-flex;
+    align-items: center;
+    margin: 5px 0 5px 5px;
+    position: relative;
+    z-index: 1;
+    outline: 0;
+    line-height: normal;
+    cursor: default;
+    transition: 0.13s ease-out;
+  }
+  .tagify__tag > div {
+    vertical-align: top;
+    box-sizing: border-box;
+    max-width: 100%;
+    padding: var(--tag-pad);
+    color: var(--tag-text-color);
+    line-height: inherit;
+    border-radius: var(--tag-border-radius);
+    white-space: nowrap;
+    transition: 0.13s ease-out;
+  }
+  .tagify__tag > div > * {
+    white-space: pre-wrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    vertical-align: top;
+    min-width: var(--tag--min-width);
+    max-width: var(--tag--max-width);
+    transition: 0.8s ease, 0.1s color;
+  }
+  .tagify__tag > div > [contenteditable] {
+    outline: 0;
+    -webkit-user-select: text;
+    user-select: text;
+    cursor: text;
+    margin: -2px;
+    padding: 2px;
+    max-width: 350px;
+  }
+  .tagify__tag > div::before {
+    content: '';
+    position: absolute;
+    border-radius: inherit;
+    inset: var(--tag-bg-inset, 0);
+    z-index: -1;
+    pointer-events: none;
+    transition: 120ms ease;
+    animation: tags--bump 0.3s ease-out 1;
+    background: var(--tag-bg);
+  }
+  .tagify__tag:focus div::before,
+  .tagify__tag:hover:not([readonly]) div::before {
+    --tag-bg-inset: -2.5px;
+    --tag-bg: var(--tag-hover);
+  }
+  .tagify__tag--loading {
+    pointer-events: none;
+  }
+  .tagify__tag--loading .tagify__tag__removeBtn {
+    display: none;
+  }
+  .tagify__tag--loading::after {
+    --loader-size: 0.4em;
+    content: '';
+    vertical-align: middle;
+    opacity: 1;
+    width: 0.7em;
+    height: 0.7em;
+    width: var(--loader-size);
+    height: var(--loader-size);
+    min-width: 0;
+    border: 3px solid;
+    border-color: #eee #bbb #888 transparent;
+    border-radius: 50%;
+    animation: rotateLoader 0.4s infinite linear;
+    margin: 0 0.5em 0 -0.1em;
+  }
+  .tagify__tag--flash div::before {
+    animation: none;
+  }
+  .tagify__tag--hide {
+    width: 0 !important;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
+    opacity: 0;
+    transform: scale(0);
+    transition: var(--tag-hide-transition);
+    pointer-events: none;
+  }
+  .tagify__tag--hide > div > * {
+    white-space: nowrap;
+  }
+  .tagify__tag.tagify--noAnim > div::before {
+    animation: none;
+  }
+  .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
+    opacity: 0.5;
+  }
+  .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
+    --tag-bg: var(--tag-invalid-bg);
+    transition: 0.2s;
+  }
+  .tagify__tag[readonly] .tagify__tag__removeBtn {
+    display: none;
+  }
+  .tagify__tag[readonly] > div::before {
+    animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
+  }
+
+  .tagify__tag--editable > div {
+    color: var(--tag-text-color--edit);
+  }
+  .tagify__tag--editable > div::before {
+    background-color: var(--tag-hover) !important;
+  }
+  .tagify__tag--editable > .tagify__tag__removeBtn {
+    pointer-events: none;
+  }
+  .tagify__tag--editable > .tagify__tag__removeBtn::after {
+    opacity: 0;
+    transform: translateX(100%) translateX(5px);
+  }
+  .tagify__tag--editable.tagify--invalid > div::before {
+    background-color: var(--tag-invalid-color) !important;
+  }
+  .tagify__tag__removeBtn {
+    order: 5;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50px;
+    cursor: pointer;
+    font: 14px/1 Arial;
+    background: var(--tag-remove-btn-bg);
+    color: var(--tag-remove-btn-color);
+    width: 14px;
+    height: 14px;
+    margin-right: 4.6666666667px;
+    margin-left: auto;
+    overflow: hidden;
+    transition: 0.2s ease-out;
+  }
+  .tagify__tag__removeBtn::after {
+    content: '×';
+    transition: 0.3s, color 0s;
+  }
+  .tagify__tag__removeBtn:hover {
+    color: var(--white);
+    background: var(--tag-remove-btn-bg--hover);
+  }
+  .tagify__tag__removeBtn:hover + div > span {
+    opacity: 0.5;
+  }
+  .tagify__tag__removeBtn:hover + div::before {
+    background: var(--tag-remove-bg);
+    transition: background-color 0.2s;
+  }
+  .tagify:not(.tagify--mix) .tagify__input br {
+    display: none;
+  }
+  .tagify:not(.tagify--mix) .tagify__input * {
+    display: inline;
+    white-space: nowrap;
+  }
+  .tagify__input {
+    border-radius: var(--rounded-md);
+    flex-grow: 1;
+    display: inline-block;
+    min-width: 110px;
+    margin: 5px;
+    padding: var(--spacing-base) var(--spacing-md) var(--spacing-base) var(--spacing-base);
+    line-height: normal;
+    position: relative;
+    white-space: pre-wrap;
+    color: var(--input-color);
+    box-sizing: inherit;
+  }
+  .tagify__input:empty::before {
+    position: static;
+  }
+  .tagify__input:focus {
+    outline: 0;
+  }
+  .tagify__input:focus::before {
+    transition: 0.2s ease-out;
+    opacity: 0;
+    transform: translatex(6px);
+  }
+  .tagify__input:focus:empty::before {
+    transition: 0.2s ease-out;
+    opacity: 1;
+    transform: none;
+    color: rgba(0, 0, 0, 0.25);
+    color: var(--placeholder-color-focus);
+  }
+  .tagify__input::before {
+    content: attr(data-placeholder);
+    height: 1em;
+    line-height: 1em;
+    margin: auto 0;
+    z-index: 1;
+    color: var(--placeholder-color);
+    white-space: nowrap;
+    pointer-events: none;
+    opacity: 0;
+    position: absolute;
+  }
+  .tagify__input::after {
+    content: attr(data-suggest);
+    display: inline-block;
+    vertical-align: middle;
+    position: absolute;
+    min-width: calc(100% - 1.5em);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: pre;
+    color: var(--tag-text-color);
+    opacity: 0.3;
+    pointer-events: none;
+    max-width: 100px;
+  }
+  .tagify__input .tagify__tag {
+    margin: 0 1px;
+  }
+  .tagify--mix {
+    display: block;
+  }
+  .tagify--mix .tagify__input {
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6C13.5523 6 14 5.55228 14 5C14 4.44772 13.5523 4 13 4L5 4C4.44771 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6L13 6Z' fill='%23D1D5DB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 5C18 7.76142 15.7614 10 13 10L5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0L13 0C15.7614 0 18 2.23858 18 5ZM13 8L5 8C3.34315 8 2 6.65685 2 5C2 3.34315 3.34315 2 5 2L13 2C14.6569 2 16 3.34315 16 5C16 6.65685 14.6569 8 13 8Z' fill='%23D1D5DB'/%3E%3C/svg%3E%0A");
+    background-repeat: no-repeat;
+    background-position: right var(--spacing-sm) center;
+    padding: var(--spacing-base) var(--spacing-xl) var(--spacing-base) var(--spacing-base);
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    min-height: 54px;
+  }
+  .tagify--mix .tagify__input::before {
+    height: auto;
+    display: none;
+    line-height: inherit;
+  }
+  .tagify--mix .tagify__input::after {
+    content: none;
+  }
+  .tagify--select::after {
+    content: '>';
+    opacity: 0.5;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    bottom: 0;
+    font: 16px monospace;
+    line-height: 8px;
+    height: 8px;
+    pointer-events: none;
+    transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
+    transition: 0.2s ease-in-out;
+  }
+  .tagify--select[aria-expanded='true']::after {
+    transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
+  }
+  .tagify--select .tagify__tag {
+    position: absolute;
+    top: 0;
+    right: 1.8em;
+    bottom: 0;
+  }
+  .tagify--select .tagify__tag div {
+    display: none;
+  }
+  .tagify--select .tagify__input {
+    width: 100%;
+  }
+  .tagify--empty .tagify__input::before {
+    transition: 0.2s ease-out;
+    opacity: 1;
+    transform: none;
+    display: inline-block;
+    width: auto;
+  }
+  .tagify--mix .tagify--empty .tagify__input::before {
+    display: inline-block;
+  }
+  .tagify--focus {
+    --tags-border-color: var(--tags-focus-border-color);
+    transition: 0s;
+  }
+  .tagify--invalid {
+    --tags-border-color: #d39494;
+  }
+  .tagify__dropdown {
+    position: absolute;
+    z-index: 9999;
+    transform: translateY(1px);
+    overflow: hidden;
+  }
+  .tagify__dropdown[placement='top'] {
+    margin-top: 0;
+    transform: translateY(-100%);
+  }
+  .tagify__dropdown[placement='top'] .tagify__dropdown__wrapper {
+    border-top-width: 1.1px;
+    border-bottom-width: 0;
+  }
+  .tagify__dropdown[position='text'] {
+    box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
+    font-size: 0.9em;
+  }
+  .tagify__dropdown[position='text'] .tagify__dropdown__wrapper {
+    border-width: 1px;
+  }
+  .tagify__dropdown__wrapper {
+    max-height: 300px;
+    overflow: auto;
+    overflow-x: hidden;
+    background: var(--tagify-dd-bg-color);
+    border: 1px solid;
+    border-color: var(--tagify-dd-color-primary);
+    border-bottom-width: 1.5px;
+    border-top-width: 0;
+    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
+    transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
+  }
+  .tagify__dropdown__header:empty {
+    display: none;
+  }
+  .tagify__dropdown__footer {
+    display: inline-block;
+    margin-top: 0.5em;
+    padding: var(--tagify-dd-item-pad);
+    font-size: 0.7em;
+    font-style: italic;
+    opacity: 0.5;
+  }
+  .tagify__dropdown__footer:empty {
+    display: none;
+  }
+  .tagify__dropdown--initial .tagify__dropdown__wrapper {
+    max-height: 20px;
+    transform: translateY(-1em);
+  }
+  .tagify__dropdown--initial[placement='top'] .tagify__dropdown__wrapper {
+    transform: translateY(2em);
+  }
+  .tagify__dropdown__item {
+    box-sizing: border-box;
+    padding: var(--tagify-dd-item-pad);
+    margin: 1px;
+    cursor: pointer;
+    border-radius: 2px;
+    position: relative;
+    outline: 0;
+    max-height: 60px;
+    max-width: 100%;
+  }
+  .tagify__dropdown__item--active {
+    background: var(--tagify-dd-color-primary);
+    color: #fff;
+  }
+  .tagify__dropdown__item:active {
+    filter: brightness(105%);
+  }
+  .tagify__dropdown__item--hidden {
+    padding-top: 0;
+    padding-bottom: 0;
+    margin: 0 1px;
+    pointer-events: none;
+    overflow: hidden;
+    max-height: 0;
+    transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
+  }
+  .tagify__dropdown__item--hidden > * {
+    transform: translateY(-100%);
+    opacity: 0;
+    transition: inherit;
+  }
+`;import{jsx as ye,jsxs as qo}from"@emotion/react/jsx-runtime";function $o({variable:e,onSubmit:r,onCancel:a}){var t,n,i,g,d,f,s,m,c;let{variables:o}=be();return ye(ai,{initialValues:{name:e,default:(n=(t=o[e])==null?void 0:t.default)!=null?n:"",displayName:(g=(i=o[e])==null?void 0:i.displayName)!=null?g:"",helpText:(f=(d=o[e])==null?void 0:d.helpText)!=null?f:"",order:(s=o[e])==null?void 0:s.order,type:(c=(m=o[e])==null?void 0:m.type)!=null?c:""},onSubmit:y=>{let P={...y,helpText:y.helpText||void 0,type:y.type||void 0,displayName:y.displayName||void 0};return r(P)},children:({getFieldProps:y})=>qo(oi,{css:Bo,children:[ye(gt,{...y("name"),label:"Name"}),ye(gt,{...y("helpText"),label:"Help Text",caption:"Appears in the composition data resource when entering a value for this variable.",autoComplete:"off"}),ye(gt,{...y("default"),label:"Default Value",autoComplete:"off"}),qo("div",{css:Ao,children:[ye(Oo,{type:"submit",children:"Save"}),ye(Oo,{type:"button",buttonType:"ghost",onClick:a,children:"cancel"})]})]})})}import{jsx as ni,jsxs as ii}from"@emotion/react/jsx-runtime";var Fo=xe.createContext(null);function bp({value:e,onChange:r,editVariableComponent:a,children:o}){let[t,n]=xe.useState(),i=a!=null?a:$o,g={dispatch:d=>{if(d.type==="set"){let{name:f,...s}=d.variable;r({...g.variables,[d.variable.name]:s}),d.openEditor&&n(d.variable.name)}else if(d.type==="edit")n(d.variable);else if(d.type==="remove"){let f={...e};delete f[d.variable],r(f)}else throw new Error(`Unknown event ${JSON.stringify(d)}`)},variables:e};return ii(Fo.Provider,{value:g,children:[o,typeof t!="undefined"?ni(i,{onSubmit:d=>{n(void 0);let{name:f,...s}=d;r({...e,[f]:s})},onCancel:()=>n(void 0),variable:t}):null]})}function be(){let e=xe.useContext(Fo);if(!e)throw new Error("No VariablesProvider present");return e}import{AddListButton as si,button as li,Icon as di,Table as ci,TableBody as pi,TableCellData as mt,TableCellHead as ft,TableHead as ui,TableRow as No}from"@uniformdev/design-system";import{css as vt}from"@emotion/react";import{Fragment as gi,jsx as U,jsxs as Fe}from"@emotion/react/jsx-runtime";function Tp(){let{variables:e,dispatch:r}=be(),a=zo(e);return Fe(gi,{children:[Fe(ci,{children:[U(ui,{children:Fe(No,{children:[U(ft,{children:"Name"}),U(ft,{children:"Default Value"}),U(ft,{})]})}),U(pi,{children:a.map(({name:o,displayName:t,default:n})=>{let i=t!=null?t:o;return Fe(No,{id:i,children:[U(mt,{children:U("button",{css:vt`
+                      border: none;
+                      color: var(--brand-secondary-5);
+                      font-weight: var(--fw-medium);
+                      padding: 0;
+                      background: none;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      white-space: nowrap;
+                      max-width: 20ch;
+                    `,type:"button",onClick:g=>{g.preventDefault(),r({type:"edit",variable:o})},title:i,children:i})}),U(mt,{children:U("span",{css:vt`
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      white-space: nowrap;
+                      max-width: 20ch;
+                    `,title:n,children:n})}),U(mt,{align:"right",children:U("button",{type:"button",title:`delete ${i}`,css:[li,vt`
+                        background: transparent;
+                      `],"aria-controls":i,onClick:()=>r({type:"remove",variable:o}),children:U(di,{icon:"trash",iconColor:"red"})})})]},o)})})]}),U(si,{onButtonClick:()=>r({type:"edit",variable:""}),"aria-label":"Add variable",buttonText:"add variable",icon:"math-plus",css:{marginLeft:"var(--spacing-md)"}})]})}import*as z from"react";import mi from"@yaireo/tagify/dist/react.tagify";import{Global as fi}from"@emotion/react";import{Fragment as vi,jsx as Ko,jsxs as hi}from"@emotion/react/jsx-runtime";function Wo(e){return e.replace(/\${{.*?"value":"([^"]+)".*?}}/g,"${$1}").replace(/[\r\n]+/g,"")}function Qo({label:e,value:r,disableVariables:a,onChange:o}){let{variables:t,dispatch:n}=be(),i=z.useRef(t),g=z.useRef(n),d=z.useRef(o),f=z.useRef();z.useEffect(()=>{i.current=t},[t]),z.useEffect(()=>{g.current=n},[n]),z.useEffect(()=>{d.current=o},[o]),z.useEffect(()=>{var y,P,w;let c=Wo((P=(y=f.current)==null?void 0:y.getInputValue())!=null?P:"");r!==c&&((w=f.current)==null||w.loadOriginalValues(r))},[r]);let s=z.useCallback(c=>{d.current(Wo(c))},[]),m=z.useCallback(c=>{i.current[c]||g.current({type:"set",variable:{name:c,default:""},openEditor:!0})},[]);return hi(vi,{children:[Ko(fi,{styles:Ho}),Ko(mi,{tagifyRef:f,"aria-label":e,defaultValue:r,autoFocus:!1,whitelist:Object.entries(t).map(([c,y])=>{var P;return{name:(P=y.displayName)!=null?P:c,value:c}}),settings:{pattern:a?null:/\$/,enforceWhitelist:a,mixTagsInterpolator:["${","}"],duplicates:!0,tagTextProp:"name",dropdown:{position:"text",enabled:0,mapValueTo:c=>c.name,includeSelectedTags:!0,searchKeys:["name","value"],highlightFirst:!0}},InputMode:"textarea",onAdd:c=>{var P;let y=(P=c.detail.data)==null?void 0:P.value;y&&m(y)},onRemove:c=>{s(c.detail.tagify.getInputValue())},onChange:c=>{s(c.detail.value)},onInput:c=>{s(c.detail.tagify.getInputValue())}})]})}import xi from"@monaco-editor/react";import{InputSelect as wi}from"@uniformdev/design-system";import{useState as Si}from"react";import*as we from"react";import{jsx as yi}from"@emotion/react/jsx-runtime";var Zo=we.createContext(null);function Bp({value:e,onChange:r,children:a}){let o=we.useMemo(()=>({dispatch:t=>{if(t.type==="setRelativeUrl")r({...e,relativeUrl:t.relativeUrl,parameters:X(t.relativeUrl)});else if(t.type==="updateParameter"){let n=Yo(e.relativeUrl,i=>{let g=`${t.parameter.key}=${t.parameter.value}`;typeof t.index!="undefined"?i[t.index]=g:i.push(g)});r({...e,relativeUrl:n,parameters:X(n)})}else if(t.type==="removeParameter"){let n=Yo(e.relativeUrl,i=>{i.splice(t.index,1)});r({...e,relativeUrl:n,parameters:X(n)})}else if(t.type==="updateHeader"){let n=[...e.headers];typeof t.index!="undefined"?n[t.index]=t.header:n.push(t.header),r({...e,headers:n,parameters:X(e.relativeUrl)})}else if(t.type==="removeHeader"){let n=[...e.headers];n.splice(t.index,1),r({...e,headers:n,parameters:X(e.relativeUrl)})}else if(t.type==="setMethod")r({...e,method:t.method,parameters:X(e.relativeUrl)});else if(t.type==="setBody")r({...e,body:t.body,parameters:X(e.relativeUrl)});else throw new Error(`Unknown event ${JSON.stringify(t)}`)},request:{...e,parameters:X(e.relativeUrl)}}),[r,e]);return yi(Zo.Provider,{value:o,children:a})}function Y(){let e=we.useContext(Zo);if(!e)throw new Error("No RequestProvider present");return e}function Yo(e,r){let[a,o]=e.split("?"),t=a,n=(o!=null?o:"").split("&");return r(n),t+=`?${n.join("&")}`,t}function X(e){var r,a;return((a=(r=e.split("?")[1])==null?void 0:r.split("&").map(o=>{let[t,n]=o.split("=");return{key:t,value:n!=null?n:""}}))!=null?a:[]).filter(o=>o.key)}function Ap(e){let[r]=e.split("?");return[r,X(e)]}import{css as Xo}from"@emotion/react";var Ne=Xo`
+  background: var(--white);
+`,Jo=e=>Xo`
+  align-items: start;
+  background: ${e};
+  display: grid;
+  grid-template-columns: 12ch 1fr;
+  gap: var(--spacing-sm);
+`;import{jsx as bi}from"@emotion/react/jsx-runtime";var jo=({bgColor:e="transparent",children:r,...a})=>bi("div",{css:Jo(e),...a,children:r});import{css as ea}from"@emotion/react";import{jsx as yt,jsxs as Ci}from"@emotion/react/jsx-runtime";function jp(){let{request:e,dispatch:r}=Y(),[a,o]=Si("json");return Ci("div",{css:ea`
+        background: var(--white);
+      `,children:[yt(jo,{bgColor:"var(--gray-100)",css:ea`
+          padding: var(--spacing-sm) var(--spacing-base);
+        `,children:yt(wi,{label:"Language",showLabel:!1,options:[{label:"Text",value:"plaintext"},{label:"JSON",value:"json"},{label:"YAML",value:"yaml"},{label:"JavaScript",value:"javascript"},{label:"XML",value:"xml"},{label:"HTML",value:"html"}],value:a,onChange:t=>{o(t.currentTarget.value)}})}),yt(xi,{height:200,value:e.body,language:a,options:{language:a,minimap:{enabled:!1},folding:!1},onChange:t=>{!t||r({type:"setBody",body:t})}})]})}import{Table as Ri,TableHead as Pi,TableRow as ta,TableCellHead as ra,TableBody as ki,TableCellData as oa,Input as aa}from"@uniformdev/design-system";import{jsx as J,jsxs as bt}from"@emotion/react/jsx-runtime";function nu({disableVariables:e}){let{dispatch:r,request:a}=Y(),o=[...a.headers,{key:"",value:""}];return J("div",{css:Ne,children:bt(Ri,{children:[J(Pi,{children:bt(ta,{children:[J(ra,{children:"Name"}),J(ra,{children:"Value"})]})}),J(ki,{children:o.map((t,n)=>bt(ta,{children:[J(oa,{width:"50%",children:J(aa,{label:t.key,value:t.key,showLabel:!1,onChange:i=>{i.currentTarget.value?r({type:"updateHeader",header:{key:i.currentTarget.value,value:t.value},index:n}):r({type:"removeHeader",index:n})}})}),J(oa,{width:"50%",children:t.key?J(aa,{showLabel:!1,label:t.value,value:t.value,onChange:i=>r({type:"updateHeader",header:{key:t.key,value:i.currentTarget.value},index:n})}):null})]},n))})]})})}import{InputSelect as Ti}from"@uniformdev/design-system";import{jsx as Li}from"@emotion/react/jsx-runtime";function uu(e){var o;let{request:r,dispatch:a}=Y();return Li(Ti,{...e,options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"HEAD",value:"HEAD"}],value:(o=r.method)!=null?o:"GET",onChange:t=>a({type:"setMethod",method:t.currentTarget.value})})}import{Table as _i,TableHead as Ii,TableRow as na,TableCellHead as ia,TableBody as Vi,TableCellData as sa,Input as la}from"@uniformdev/design-system";import{jsx as j,jsxs as xt}from"@emotion/react/jsx-runtime";function yu({disableVariables:e}){let{dispatch:r,request:a}=Y(),o=[...a.parameters,{key:"",value:""}];return j("div",{css:Ne,children:xt(_i,{children:[j(Ii,{children:xt(na,{children:[j(ia,{children:"Name"}),j(ia,{children:"Value"})]})}),j(Vi,{children:o.map((t,n)=>xt(na,{children:[j(sa,{width:"50%",children:j(la,{label:t.key,value:t.key,showLabel:!1,onChange:i=>{i.currentTarget.value?r({type:"updateParameter",parameter:{key:i.currentTarget.value,value:t.value},index:n}):r({type:"removeParameter",index:n})}})}),j(sa,{width:"50%",children:t.key?j(la,{showLabel:!1,label:t.value,value:t.value,onChange:i=>r({type:"updateParameter",parameter:{key:t.key,value:i.currentTarget.value},index:n})}):null})]},n))})]})})}import{jsx as Ei}from"@emotion/react/jsx-runtime";function Pu(e){let{request:r,dispatch:a}=Y();return Ei(Qo,{...e,value:r.relativeUrl,onChange:o=>{let t=o;r.baseUrl&&t.startsWith(r.baseUrl)&&(t=t.substring(r.baseUrl.length)),a({type:"setRelativeUrl",relativeUrl:t})}})}export*from"@uniformdev/mesh-sdk";import{Button as Au,Callout as Hu,LoadingIndicator as Gu,LoadingOverlay as Ou,Menu as qu,MenuItem as $u,Input as Fu,InputSelect as Nu,InputToggle as Wu,Theme as Ku,InputKeywordSearch as Qu,Heading as Yu,ScrollableList as Zu,ScrollableListItem as Xu,Textarea as Ju,Switch as ju,Label as eg,AddListButton as tg}from"@uniformdev/design-system";export{tg as AddListButton,Au as Button,Hu as Callout,Yc as DamSelectedItem,Nr as DefaultSearchRow,zr as DefaultSelectedItem,no as EntrySearch,Yu as Heading,Je as Icons,Fu as Input,Nu as InputSelect,Wu as InputToggle,Qo as InputVariables,Qu as KeywordSearchInput,eg as Label,Gu as LoadingIndicator,Ou as LoadingOverlay,qu as Menu,$u as MenuItem,op as MeshApp,Zt as ProductPreviewList,$s as ProductQuery,Qt as ProductQueryContext,Ec as ProductSearch,Co as ProductSearchContext,fo as ProductSearchRow,So as ProductSelectedItem,jp as RequestBody,nu as RequestHeaders,uu as RequestMethodSelect,yu as RequestParameters,Bp as RequestProvider,jo as RequestTypeContainer,Pu as RequestUrlInput,zt as ResolvableLoadingValue,Zu as ScrollableList,Xu as ScrollableListItem,Ot as SelectionField,ju as Switch,Ju as Textarea,Ku as Theme,Vt as UniformMeshLocationContext,Ve as UniformMeshLocationContextProvider,Ie as UniformMeshSdkContext,Oi as UniformMeshSdkContextProvider,$o as VariableEditor,Tp as VariablesList,bp as VariablesProvider,ot as badgeIcon,pt as damSelectItemImage,Ro as damSelectedItemContainer,To as damSelectedItemCopy,ko as damSelectedItemDetails,_o as damSelectedItemIcon,Do as damSelectedItemInfoBtn,Po as damSelectedItemInner,ct as damSelectedItemLinkBtn,Vo as damSelectedItemLinkContainer,Eo as damSelectedItemMediaContainer,Io as damSelectedItemPopover,$e as damSelectedItemPopoverLabel,ve as damSelectedItemSmallText,Lo as damSelectedItemTitle,Ap as decomposeRelativeUrl,eo as draggableContainer,rt as draggableIcon,ro as draggableIconOffset,to as draggableIconWrapper,Kr as entrySearchBtn,Yr as entrySearchConfig,Zr as entrySearchConfigHidden,Qr as entrySearchLoadMoreBtn,Xr as entrySearchResultList,Jr as entrySearchSelectIcon,jr as entrySearchSelectImg,Id as entrySearchSelectInput,Vd as entrySearchSelectOption,Wr as entrySearchWrapper,go as productSearchRowActiveIcon,po as productSearchRowCategory,io as productSearchRowContainer,so as productSearchRowContent,lo as productSearchRowContentActive,uo as productSearchRowDetails,co as productSearchRowTitle,ho as productSelectedItemContainer,bo as productSelectedItemContent,yo as productSelectedItemDetails,xo as productSelectedItemIcon,it as productSelectedItemImage,wo as productSelectedItemLinkContainer,st as productedSelectedItemLinkBtn,lt as productedSelectedItemSmallText,Or as searchRowBtn,Br as searchRowContainer,Hr as searchRowContainerActive,Ar as searchRowContainerWithPopover,Gr as searchRowPopover,tt as searchRowText,et as searchRowTextSmall,je as selectItemLinkBtn,Dr as selectItemLinkContainer,Er as selectItemPopover,Te as selectItemPopoverLabel,le as selectItemSmallText,kr as selectedItemContainer,_r as selectedItemCopy,Lr as selectedItemDetails,Vr as selectedItemIcon,Tr as selectedItemInner,Ir as selectedItemTitle,Dt as useInitializeUniformMeshSdk,cs as useMeshLocation,Yt as useProductQueryContext,qe as useProductSearchContext,Y as useRequest,ts as useUniformMeshLocation,Ee as useUniformMeshLocationContext,It as useUniformMeshSdk,_t as useUniformMeshSdkContext,be as useVariables,zo as variablesToList};