@uniformdev/mesh-sdk-react 16.1.1-alpha.319 → 16.2.0

package/dist/index.js

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