@uniformdev/mesh-sdk-react 17.4.1-alpha.0 → 17.4.1-alpha.230

package/dist/index.mjs

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