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

package/dist/index.js

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