@uniformdev/mesh-sdk-react 16.0.1-alpha.128 → 16.0.1-alpha.143

package/dist/index.js

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