@uniformdev/mesh-sdk-react 16.1.0 → 16.1.1-alpha.169

package/dist/index.js

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