@uniformdev/mesh-sdk-react 14.2.1-alpha.256 → 16.0.0

package/dist/index.js

@@ -1 +1,517 @@
-var yt=Object.create;var W=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Mt=Object.getPrototypeOf,Nt=Object.prototype.hasOwnProperty;var We=e=>W(e,"__esModule",{value:!0});var Xe=(e,t)=>{for(var o in t)W(e,o,{get:t[o],enumerable:!0})},S=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of St(t))!Nt.call(e,n)&&(o||n!=="default")&&W(e,n,{get:()=>t[n],enumerable:!(a=wt(t,n))||a.enumerable});return e},c=(e,t)=>S(We(W(e!=null?yt(Mt(e)):{},"default",!t&&e&&e.__esModule?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),Lt=(e=>(t,o)=>e&&e.get(t)||(o=S(We({}),t,1),e&&e.set(t,o),o))(typeof WeakMap!="undefined"?new WeakMap:0);var M={};Xe(M,{Button:()=>F,Callout:()=>Me,CmsEntrySearch:()=>_t,DefaultSearchRow:()=>Ue,DefaultSelectedItem:()=>Ge,Icons:()=>se,Input:()=>te,KeywordSearchInput:()=>Ne,LoadingIcon:()=>it,LoadingIndicator:()=>re,LoadingOverlay:()=>jt,Menu:()=>Pe,MenuContext:()=>Le,MenuItem:()=>Ve,UniformMeshLocationContext:()=>ue,UniformMeshLocationContextProvider:()=>ce,UniformMeshSdkContext:()=>fe,UniformMeshSdkContextProvider:()=>kt,useInitializeUniformMeshSdk:()=>Pt,useMenuContext:()=>Ee,useUniformMeshLocation:()=>Et,useUniformMeshLocationContext:()=>pe,useUniformMeshSdk:()=>Vt,useUniformMeshSdkContext:()=>ge});var E=c(require("react")),ue=(0,E.createContext)(void 0),ce=({children:e})=>{let[t,o]=(0,E.useState)(),a;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let n=t||window.UniformMeshSDK.getCurrentLocation();a={location:{getValue:n.getValue,getMetadata:n.getMetadata,setValue:async s=>{await n.setValue(s),o(window.UniformMeshSDK.getCurrentLocation())}}}}return E.default.createElement(ue.Provider,{value:a},e)},pe=()=>{let e=(0,E.useContext)(ue);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};function Et(){let{location:e}=pe();return{value:e==null?void 0:e.getValue(),setValue:e==null?void 0:e.setValue,metadata:e==null?void 0:e.getMetadata()}}var qe=require("@uniformdev/mesh-sdk"),H=require("react"),Pt=({autoResizingDisabled:e}={})=>{let[t,o]=(0,H.useState)(),[a,n]=(0,H.useState)();return(0,H.useEffect)(()=>{typeof window=="undefined"||a||(typeof window.UniformMeshSDK=="undefined"?(0,qe.initializeUniformMeshSDK)({autoResizingDisabled:e}).then(s=>{n(s)}).catch(s=>{o(s)}):n(window.UniformMeshSDK))},[e]),{initializing:!a&&!t,error:t,sdk:a}};var D=c(require("react"));var fe=(0,D.createContext)(void 0),kt=({children:e})=>{let t;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(t={sdk:window.UniformMeshSDK}),D.default.createElement(fe.Provider,{value:t},D.default.createElement(ce,null,e))},ge=()=>{let e=(0,D.useContext)(fe);if(!e)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return e};function Vt(){let{sdk:e}=ge();return e}var xe=c(require("react")),Qe=require("reakit"),ve={primary:{default:"bg-primary text-white hover:bg-opacity-75 border focus:border-gray-700 active:bg-opacity-75 focus:ring",disabled:"bg-gray-500 text-white"},secondary:{default:"bg-secondary text-white hover:bg-opacity-75 border focus:border-gray-700 active:bg-opacity-75 focus:ring",disabled:"bg-gray-500 text-white"},tertiary:{default:"bg-tertiary text-white hover:bg-opacity-75 border focus:border-gray-700 active:bg-opacity-75 focus:ring",disabled:"bg-gray-500 text-white"},quaternary:{default:"bg-primary text-white hover:bg-opacity-75 border-2 border-gray-500 active:bg-opacity-75 focus:ring",disabled:"bg-gray-500 text-white"},unimportant:{default:"bg-brand-secondary-2 text-primary hover:bg-opacity-75 border focus:border-gray-700 active:bg-opacity-75 focus:ring",disabled:"bg-brand-secondary-2 text-gray-600 cursor-not-allowed"}},he={base:"inline-flex items-center border-transparent font-medium focus:outline-none focus:ring",size:(e,t)=>({xs:`${t?"px-2.5 py-1.5 ":""}text-xs leading-4 ${e?"rounded":""}`,sm:`${t?"px-3 py-2 ":""}text-sm leading-4 ${e?"rounded-md":""}`,md:`${t?"px-4 py-2 ":""}text-sm leading-5 tracking-wider ${e?"rounded-md":""}`,lg:`${t?"px-4 py-2 ":""}text-base leading-6 tracking-wider ${e?"rounded-md":""}`,xl:`${t?"px-6 py-3 ":""}text-base leading-6 tracking-wider ${e?"rounded-md":""}`}),buttonType:(e,t)=>{if(!(!e||!ve[e]))return t?ve[e].disabled:ve[e].default}},F=xe.default.forwardRef(({size:e="md",buttonType:t="primary",children:o,className:a,rounded:n=!1,disablePadding:s=!1,...f},g)=>{let p=[he.base,he.size(n,!s)[e],he.buttonType(t,f.disabled),a].join(" ");return xe.default.createElement(Qe.Button,{className:p,ref:g,...f},o)});var k=c(require("react"));var be=c(require("react")),Tt=e=>be.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e},be.createElement("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"})),X=Tt;var Ce=c(require("react")),Dt=e=>Ce.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e},Ce.createElement("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"})),q=Dt;var Q=c(require("react")),Bt=e=>Q.createElement("svg",{width:"1em",height:"1em",fill:"currentColor",...e},Q.createElement("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"}),Q.createElement("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"})),P=Bt;var ye=c(require("react")),Gt=e=>ye.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e},ye.createElement("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"})),Y=Gt;var we=c(require("react")),Ut=e=>we.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e},we.createElement("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"})),K=Ut;var Se=c(require("react")),zt=e=>Se.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},Se.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})),ee=zt;var It={caution:{icon:K,descriptionColor:"text-yellow-700",iconColor:"text-yellow-400",titleColor:"text-yellow-800",containerColor:"bg-yellow-50"},danger:{icon:q,descriptionColor:"text-red-700",iconColor:"text-red-400",titleColor:"text-red-800",containerColor:"bg-red-50"},error:{icon:K,descriptionColor:"text-red-700",iconColor:"text-red-400",titleColor:"text-red-800",containerColor:"bg-red-50"},info:{icon:X,descriptionColor:"text-blue-700",iconColor:"text-blue-400",titleColor:"text-blue-800",containerColor:"bg-blue-50"},note:{icon:P,descriptionColor:"text-gray-700",iconColor:"text-gray-400",titleColor:"text-gray-800",containerColor:"bg-gray-50"},success:{icon:ee,descriptionColor:"text-green-700",iconColor:"text-green-400",titleColor:"text-green-800",containerColor:"bg-green-50"},tip:{icon:Y,descriptionColor:"text-green-700",iconColor:"text-green-400",titleColor:"text-green-800",containerColor:"bg-green-50"}},Me=({type:e="info",title:t,children:o,className:a})=>{let n=It[e];if(!n)return null;let s=n.icon;return k.default.createElement("div",{"data-testid":"sdk-ui-callout",className:`rounded-md p-4 ${n.containerColor} ${a||""}`},k.default.createElement("div",{className:"flex"},k.default.createElement("div",{className:"flex-shrink-0"},k.default.createElement(s,{className:`h-5 w-5 ${n.iconColor}`})),k.default.createElement("div",{className:"ml-3"},t?k.default.createElement("h3",{className:`text-sm font-medium mb-2 ${n.titleColor}`},t):null,o?k.default.createElement("div",{className:`text-sm ${n.descriptionColor}`},o):null)))};var V=c(require("react")),Ye=require("reakit"),te=({classNameContainer:e,classNameControl:t,classNameLabel:o,label:a,icon:n,id:s,disabled:f,...g})=>{let p={container:`uniform-input-container ${e||""}`,control:`uniform-input uniform-input-text${f?" uniform-input-disabled":""}${n?" pr-10":""} ${t||""}`,label:`uniform-input-label ${o||""}`};return V.default.createElement(V.default.Fragment,null,a?V.default.createElement("label",{htmlFor:s,className:p.label},a):null,V.default.createElement("div",{className:p.container},V.default.createElement(Ye.Input,{className:p.control,id:s,disabled:f,...g},v=>V.default.createElement("input",{...v,style:g.style})),n?V.default.createElement("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"},n):null))};te.displayName="Input";var ne=c(require("react"));var T=c(require("react")),$t=e=>T.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},T.createElement("g",{clipPath:"url(#magnifying-glass_svg__a)"},T.createElement("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"}),T.createElement("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"})),T.createElement("defs",null,T.createElement("clipPath",{id:"magnifying-glass_svg__a"},T.createElement("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})))),oe=$t;function Ne({onSearchTextChanged:e,disabled:t=!1,placeholder:o="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:n=!1}){return ne.default.createElement(te,{type:"text",name:a,placeholder:o,icon:ne.default.createElement("div",{className:"pr-1"},ne.default.createElement(oe,{className:"w-5 h-5 text-primary"})),onChange:g=>{e==null||e(g.currentTarget.value)},onKeyPress:g=>{g.key==="Enter"&&n&&g.preventDefault()},className:"uniform-input uniform-input-text pr-12 bg-gray-100",disabled:t,"aria-label":o})}var O=c(require("react")),re=()=>O.default.createElement("span",{className:"loader",role:"presentation"},O.default.createElement("i",{className:"loader__dot"}),O.default.createElement("i",{className:"loader__dot"}),O.default.createElement("i",{className:"loader__dot"}));var B=c(require("react")),U=require("reakit/Menu"),Le=B.default.createContext({}),Ee=()=>B.default.useContext(Le),Pe=({menuLabel:e,menuTrigger:t,menuItemsContainerCssClasses:o,placement:a="auto",children:n})=>{let s=(0,U.useMenuState)();return B.default.createElement(Le.Provider,{value:s},B.default.createElement(U.MenuButton,{...s,ref:t.ref,...t.props},f=>B.default.cloneElement(t,f)),B.default.createElement(U.Menu,{...s,placement:a,"aria-label":e,className:`uniform-menu divide-y divide-gray-500 shadow-xl z-50 ${o}`},n))};var z=c(require("react")),ke=require("reakit");var Ve=({children:e,className:t,hideMenuOnClick:o=!0,icon:a,...n})=>{let s=Ee(),f=`uniform-menu-item bg-white ${n!=null&&n.disabled?"text-gray-500":"text-primary"} ${t||""}`,g=v=>{let x={...v};if(x.onClick){let y=x.onClick;x.onClick=m=>{s.hide(),y(m)}}return x};if(typeof e=="function")return z.default.createElement(ke.MenuItem,{...s,...n,className:f},v=>{let x=o?g(v):v,y=e(x);return a?et(y,a):y});let p=o?g(n):n;return z.default.createElement(ke.MenuItem,{...s,...p,className:f},a?et(e,a):e)};function et(e,t){return z.default.createElement("div",{className:"flex items-center justify-between"},z.default.createElement("div",null,e),z.default.createElement("div",{className:"ml-4"},t))}var r=c(require("react"));var se={};Xe(se,{Caution:()=>K,Checkmark:()=>ee,ChevronDown:()=>ae,Close:()=>ie,Danger:()=>q,ExclamationPoint:()=>X,Info:()=>P,Lightbulb:()=>Y,MagnifyingGlass:()=>oe,MaximizeAlt:()=>tt,MoreVerticalAlt:()=>_});var Te=c(require("react")),Ht=e=>Te.createElement("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e},Te.createElement("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"})),ae=Ht;var A=c(require("react")),Ft=e=>A.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e},A.createElement("g",{fillRule:"evenodd"},A.createElement("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"}),A.createElement("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"}))),ie=Ft;var De=c(require("react")),Kt=e=>De.createElement("svg",{width:"1em",height:"1em",fill:"currentColor",...e},De.createElement("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"})),tt=Kt;var Be=c(require("react")),Ot=e=>Be.createElement("svg",{width:"1em",height:"1em",fill:"currentColor",...e},Be.createElement("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"})),_=Ot;var rt=require("react-use"),at=require("uuid");var l=c(require("react"));function ot(e,t){let o=window.open(e,"_blank"),a=setInterval(()=>{o!=null&&o.closed&&(clearInterval(a),t())},500)}var nt=require("timeago.js"),Ge=({selectedItem:e,logoIcon:t,onDeselect:o,onEditClosed:a})=>{var y;let n=(0,l.useRef)(null),s=(0,l.useRef)(null),[f,g]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let m=N=>{n.current&&!n.current.contains(N.target)&&s.current&&!s.current.contains(N.target)&&g(!1)},b=()=>{g(!1)};return window.addEventListener("resize",b,!0),document.addEventListener("scroll",m,!0),document.addEventListener("mousedown",m),()=>{window.removeEventListener("resize",b,!0),document.removeEventListener("scroll",m,!0),document.removeEventListener("mousedown",m)}},[s]);let p=()=>{var m;if(g(!f),s.current&&n.current){let b=(m=n==null?void 0:n.current)==null?void 0:m.getBoundingClientRect();s.current.style.top=`${b.top+30}px`}},v=t&&typeof t!="string"?t:null,x=v?l.default.createElement(v,{className:"h-7 w-7"}):l.default.createElement("img",{src:t,alt:"CMS logo",className:"h-7 w-7"});return l.default.createElement("div",{className:"flex w-full border border-gray-300 rounded-md bg-gray-100",key:e.id},l.default.createElement("div",{className:"p-4 pl-8 flex flex-grow mr-2 gap-2 items-center relative"},l.default.createElement("div",{className:"flex-grow"},l.default.createElement("div",{className:"inline-flex relative items-start"},l.default.createElement("h4",{className:"text-primary font-bold leading-none mb-2",title:`ID: ${e.id}`,"data-test-id":"entry-id"},e.title||e.id||""),e.popoverData&&l.default.createElement(l.default.Fragment,null,l.default.createElement("button",{type:"button",ref:n,className:"ml-2 -my-1","aria-controls":"path-details",onClick:p},l.default.createElement(P,{className:"text-gray-700"})),l.default.createElement("div",{ref:s,className:`fixed bg-white p-4 rounded shadow-md border-l-4 border-green-500 w-max z-10 ${f?"visible":"invisible"}`},Object.entries(e.popoverData).map(([m,b],N)=>l.default.createElement("div",{className:"text-xs",key:N},l.default.createElement("span",{className:"font-bold mr-2"},m,":"),b))))),e.createdDate&&l.default.createElement("div",{className:"text-xs"},l.default.createElement("span",{className:"font-bold mr-2"},"Created:"),(0,nt.format)((y=e.createdDate)!=null?y:0)),l.default.createElement("div",{className:"flex gap-4"},e.metadata?Object.entries(e.metadata).filter(([m])=>["type","status"].includes(m.toLocaleLowerCase())).map(([m,b])=>l.default.createElement("span",{className:"text-sm",key:m},b)):null),e.metadata?Object.entries(e.metadata).filter(([m])=>!["type","status"].includes(m.toLocaleLowerCase())).map(([m,b])=>l.default.createElement("div",{className:"text-xs order-1",key:m},l.default.createElement("span",{className:"font-bold mr-2 order-1"},m,":"),b)):null),l.default.createElement("div",{className:"flex md:flex-row flex-col gap-2"},e.editLink?l.default.createElement("a",{href:e.editLink,title:"edit",rel:"noopener",target:"__blank",onClick:m=>{a&&(ot(m.currentTarget.href,()=>a(e)),m.preventDefault())},className:"flex justify-between items-center pl-4 pr-2 bg-white rounded border-2 border-gray-400 hover:bg-gray-100"},l.default.createElement("span",{className:"mr-2 text-sm"},"Edit"),x):null,l.default.createElement("button",{type:"button",onClick:m=>{m.preventDefault(),o(e)},className:"flex justify-between items-center px-4 bg-white rounded border-2 border-gray-400 h-10 hover:bg-gray-100"},l.default.createElement("span",{className:"mr-2 text-sm"},"Unlink"),l.default.createElement(ie,{className:"w-4 h-4 text-red-600"})))))};var h=c(require("react"));var Ue=({result:e,isSelected:t,triggerSelection:o})=>{let a=(0,h.useRef)(null),n=(0,h.useRef)(null),[s,f]=(0,h.useState)(!1);(0,h.useEffect)(()=>{function p(v){a.current&&!a.current.contains(v.target)&&n.current&&!n.current.contains(v.target)&&f(!1)}return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[n]);let g=p=>{p.stopPropagation(),f(!s)};return h.default.createElement("div",{key:e.id,className:`p-2 cursor-pointer relative ${t?"bg-green-400 text-white":""}`,"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>o()},e.title,e.popoverData&&t?h.default.createElement(h.default.Fragment,null,h.default.createElement("button",{type:"button",ref:a,className:"absolute top-0 bottom-0 right-2","aria-controls":"path-details",onClick:p=>g(p)},h.default.createElement(P,null)),h.default.createElement("div",{ref:n,className:`absolute top-4 right-10 bg-white p-4 rounded shadow-md border-l-4 border-green-500 w-max z-10 text-black ${s?"visible":"invisible"}`},e.metadata&&Object.entries(e.metadata).map(([p,v],x)=>h.default.createElement("div",{className:"text-xs",key:x},h.default.createElement("span",{className:"font-bold mr-2"},p,":"),v)),Object.entries(e.popoverData).map(([p,v],x)=>h.default.createElement("div",{className:"text-xs",key:x},h.default.createElement("span",{className:"font-bold mr-2"},p,":"),v)))):null)};var I=require("react-beautiful-dnd"),At=({searchText:e,selectedContentType:t})=>{let o="No content found";return t&&(o=`No ${t} content was found`),e&&(o=`${o} for keyword '${e}'.`),r.default.createElement(Me,{type:"info"},o)},_t=({search:e,results:t,contentTypes:o,selectedItems:a,logoIcon:n,select:s,multiSelect:f,multiSelectId:g,rowComponent:p,selectedItemComponent:v,totalResults:x,resultsLoading:y,requireContentType:m,onAddNew:b,onEditClosed:N,onCancel:ze,noResultsComponent:st,helpComponent:lt,onSort:le})=>{var Re,Ze,Je;let Ie=()=>m?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[$e,He]=(0,r.useState)(""),[L,Fe]=(0,r.useState)(Ie),[j,de]=(0,r.useState)(!1),[R,Z]=(0,r.useState)([]),[dt,Ke]=(0,r.useState)(!1),J=(0,rt.useThrottle)($e,750);(0,r.useEffect)(()=>{e(J,{count:5,offset:0,contentType:L==="any"?void 0:L})},[J,L]);let mt=i=>{R.includes(i.id)?Z(u=>u.filter(G=>G!==i.id)):Z(f?u=>[...u,i==null?void 0:i.id]:[i.id])},ut=()=>{Fe(Ie()),He(""),Z(a!=null&&a.length?a.map(i=>i.id):[])},ct=()=>{de(i=>!i),j||ut()},Oe=i=>{s((a==null?void 0:a.filter(u=>u.id!==i.id).map(u=>u.id))||[],"")},pt=i=>{i.preventDefault(),s(R,L),de(!1)},ft=i=>{i.preventDefault(),de(!1),ze&&ze()},gt=i=>{i.preventDefault(),e(J,{count:5,offset:(t==null?void 0:t.length)||0,contentType:L==="any"?void 0:L}),Ke(!0);let u=setTimeout(()=>{Ke(!1)},750);return()=>clearTimeout(u)},Ae=(0,r.useRef)((0,at.v4)()),vt=!(a==null?void 0:a.length)||f,ht=p||Ue,_e=v||Ge,xt=st||At,je=n&&typeof n!="string"?n:null,bt=je?r.default.createElement(je,{className:"h-9 w-9"}):r.default.createElement("img",{src:n,alt:"CMS logo",className:"h-9 w-9"}),Ct=i=>{var u,G;if(i.destination&&i.source.droppableId===((u=i.destination)==null?void 0:u.droppableId)){let w=[...a||[]],[me]=(G=w==null?void 0:w.splice(i.source.index,1))!=null?G:[];return w==null||w.splice(i.destination.index,0,me),le==null||le(w.map($=>$.id)),w}};return r.default.createElement("div",{className:"w-full"},r.default.createElement("div",{className:"relative my-4"},vt&&r.default.createElement("div",{className:"space-y-2"},r.default.createElement("div",{className:"py-3 px-2 bg-white rounded-lg border border-gray-300 mb-4","data-test-id":"component-search"},r.default.createElement("button",{className:"flex items-center w-full text-base relative",onClick:ct,type:"button","aria-haspopup":!0,"aria-expanded":j,"aria-controls":Ae.current},bt,r.default.createElement("span",{className:"ml-4"},"Select"),r.default.createElement("span",{className:"absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none"},r.default.createElement(ae,{className:`w-5 h-5 text-standard transform transition-transform ${j?"rotate-180":"rotate-0"}`})))),r.default.createElement("div",{className:`${j?"block":"hidden"} py-3 px-4 space-y-4 bg-white rounded-lg border border-gray-300`},lt||null,r.default.createElement("div",{className:"flex space-x-3"},r.default.createElement("select",{className:"uniform-input uniform-input-select w-1/3 bg-gray-100",onChange:i=>Fe(i.target.value),value:L},m?null:r.default.createElement("option",{value:"any",className:"bg-white text-primary"},"All content types"),o==null?void 0:o.map(i=>r.default.createElement("option",{value:i.id,key:i.id,className:"bg-white text-primary"},i.name))),r.default.createElement("div",{className:"flex-grow"},r.default.createElement(Ne,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:He,disabledFieldSubmission:!0}))),r.default.createElement("div",{className:"overflow-y-scroll max-h-64 divide-y divide-gray-200 scrollbar",id:Ae.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},!y&&Array.isArray(t)?t.map(i=>r.default.createElement(ht,{key:i.id,isSelected:R.includes(i.id),result:i,triggerSelection:()=>mt(i)})):y?null:r.default.createElement(xt,{searchText:J||$e,selectedContentType:(Ze=(Re=o==null?void 0:o.find(i=>i.id===L))==null?void 0:Re.name)!=null?Ze:L}),!y&&typeof x!="undefined"&&t&&(t==null?void 0:t.length)<x&&r.default.createElement("button",{className:"block p-4 text-center w-full hover:bg-gray-100 focus:bg-gray-100 font-bold text-primary text-sm focus:outline-none",onClick:gt},dt?r.default.createElement(re,null):"Load More"),y&&!(t!=null&&t.length)?r.default.createElement("div",{className:"p-4 text-center w-full"},r.default.createElement(re,null)):null),r.default.createElement("div",{className:"flex justify-between"},r.default.createElement("div",null,b&&((Je=o==null?void 0:o.length)!=null?Je:0)>0?r.default.createElement(Pe,{menuLabel:"Add new menu",menuTrigger:r.default.createElement(F,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(i=>r.default.createElement(Ve,{key:i.id,className:"bg-white text-primary",onClick:()=>b(i)},i.name))):null),r.default.createElement("div",null,r.default.createElement(F,{buttonType:"unimportant",onClick:ft},"Cancel"),r.default.createElement(F,{className:"ml-5",disabled:!R.length,onClick:pt,"data-test-id":"entry-accept-button"},"Accept"))))),f?r.default.createElement(I.DragDropContext,{onDragEnd:i=>Ct(i)},r.default.createElement(I.Droppable,{droppableId:g||"canvas-multi-select"},i=>r.default.createElement("div",{...i.droppableProps,ref:i.innerRef,className:"space-y-1"},a==null?void 0:a.map((u,G)=>{if(u!=null&&u.id)return r.default.createElement(I.Draggable,{key:u.id,draggableId:u.id,index:G},(w,me)=>r.default.createElement("div",{className:"relative group",ref:w.innerRef,...w.draggableProps,...w.dragHandleProps},r.default.createElement("span",{className:`absolute left-0 top-0 bottom-0 my-auto flex items-center ${me.isDragging?"":"opacity-0 group-hover:opacity-30"}`},r.default.createElement(_,{className:"text-brand-secondary-1 absolute left-1.5",width:24,height:24}),r.default.createElement(_,{className:"text-brand-secondary-1",width:24,height:24})),r.default.createElement(_e,{key:`selected-item-${u.id}`,logoIcon:n,selectedItem:u,onDeselect:$=>Oe($),onEditClosed:N?$=>N($):void 0})))}),i.placeholder))):a==null?void 0:a.map(i=>r.default.createElement(_e,{key:`selected-item-${i.id}`,logoIcon:n,selectedItem:i,onDeselect:u=>Oe(u),onEditClosed:N?u=>N(u):void 0}))))};var C=c(require("react")),jt=({isActive:e,statusMessage:t})=>C.default.createElement("div",{className:`${e?"flex":"hidden"} absolute bottom-0 left-0 right-0 top-0 items-center justify-center overflow-hidden z-50`,style:{zIndex:9999}},C.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 top-0 bg-white bg-opacity-50"}),C.default.createElement("div",{className:"relative"},C.default.createElement("div",{className:"flex flex-col items-center"},C.default.createElement(it,{height:128,width:128}),t?C.default.createElement("div",{className:"mt-4 text-gray-500"},t):null))),it=({height:e,width:t})=>C.default.createElement("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:t!=null?t:40,height:e!=null?e:40,className:"stroke-current"},C.default.createElement("g",{fill:"none",fillRule:"evenodd"},C.default.createElement("g",{transform:"translate(1 1)",strokeWidth:"2"},C.default.createElement("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),C.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},C.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));S(M,require("@uniformdev/mesh-sdk"));module.exports=Lt(M);0&&(module.exports={Button,Callout,CmsEntrySearch,DefaultSearchRow,DefaultSelectedItem,Icons,Input,KeywordSearchInput,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,useInitializeUniformMeshSdk,useMenuContext,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext});
+var Cr=Object.create;var Se=Object.defineProperty;var Pr=Object.getOwnPropertyDescriptor;var Rr=Object.getOwnPropertyNames;var kr=Object.getPrototypeOf,Lr=Object.prototype.hasOwnProperty;var Qt=(t,n)=>{for(var o in n)Se(t,o,{get:n[o],enumerable:!0})},ye=(t,n,o,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of Rr(n))!Lr.call(t,a)&&a!==o&&Se(t,a,{get:()=>n[a],enumerable:!(r=Pr(n,a))||r.enumerable});return t},U=(t,n,o)=>(ye(t,n,"default"),o&&ye(o,n,"default")),Z=(t,n,o)=>(o=t!=null?Cr(kr(t)):{},ye(n||!t||!t.__esModule?Se(o,"default",{value:t,enumerable:!0}):o,t)),xr=t=>ye(Se({},"__esModule",{value:!0}),t);var z={};Qt(z,{Button:()=>u.Button,Callout:()=>u.Callout,DefaultSearchRow:()=>lt,DefaultSelectedItem:()=>nt,EntrySearch:()=>Ct,Heading:()=>u.Heading,Icons:()=>xe,Input:()=>u.Input,InputSelect:()=>u.InputSelect,InputToggle:()=>u.InputToggle,KeywordSearchInput:()=>u.InputKeywordSearch,LoadingIndicator:()=>u.LoadingIndicator,LoadingOverlay:()=>u.LoadingOverlay,Menu:()=>u.Menu,MenuItem:()=>u.MenuItem,ProductPreviewList:()=>Ze,ProductQuery:()=>Gr,ProductQueryContext:()=>Ne,ProductSearch:()=>qr,ProductSearchContext:()=>Ut,ProductSearchRow:()=>Tt,ProductSelectedItem:()=>zt,ResolvableLoadingValue:()=>Ke,ScrollableList:()=>u.ScrollableList,ScrollableListItem:()=>u.ScrollableListItem,SelectionField:()=>Qe,Textarea:()=>u.Textarea,Theme:()=>u.Theme,UniformMeshLocationContext:()=>Ae,UniformMeshLocationContextProvider:()=>Be,UniformMeshSdkContext:()=>He,UniformMeshSdkContextProvider:()=>Er,badgeIcon:()=>Ie,draggableContainer:()=>yt,draggableIcon:()=>Te,draggableIconOffset:()=>wt,draggableIconWrapper:()=>St,entrySearchBtn:()=>ut,entrySearchConfig:()=>gt,entrySearchConfigHidden:()=>ft,entrySearchLoadMoreBtn:()=>mt,entrySearchResultList:()=>vt,entrySearchSelectIcon:()=>ht,entrySearchSelectImg:()=>bt,entrySearchSelectInput:()=>_r,entrySearchSelectOption:()=>Zr,entrySearchWrapper:()=>pt,productSearchRowActiveIcon:()=>Vt,productSearchRowCategory:()=>xt,productSearchRowContainer:()=>Pt,productSearchRowContent:()=>Rt,productSearchRowContentActive:()=>kt,productSearchRowDetails:()=>Mt,productSearchRowTitle:()=>Lt,productSelectedItemContainer:()=>It,productSelectedItemContent:()=>Gt,productSelectedItemDetails:()=>Dt,productSelectedItemImage:()=>De,searchRowBtn:()=>ct,searchRowContainer:()=>at,searchRowContainerActive:()=>it,searchRowPopover:()=>st,searchRowText:()=>Ee,searchRowTextSmall:()=>Ve,selectItemLinkBtn:()=>Me,selectItemLinkContainer:()=>ot,selectItemPopover:()=>rt,selectItemPopoverLabel:()=>ge,selectItemSmallText:()=>q,selectedItemCloseIcon:()=>tt,selectedItemContainer:()=>qe,selectedItemCopy:()=>Ye,selectedItemDetails:()=>Xe,selectedItemIcon:()=>et,selectedItemInner:()=>Je,selectedItemTitle:()=>je,useInitializeUniformMeshSdk:()=>Vr,useProductQueryContext:()=>_e,useProductSearchContext:()=>fe,useUniformMeshLocation:()=>Mr,useUniformMeshLocationContext:()=>Oe,useUniformMeshSdk:()=>Tr,useUniformMeshSdkContext:()=>Fe});module.exports=xr(z);var e=require("@emotion/react"),I=Z(require("react"));var ae=require("react"),Ae=(0,ae.createContext)(void 0),Be=({children:t})=>{let[n,o]=(0,ae.useState)(),r;if(typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"){let a=n||window.UniformMeshSDK.getCurrentLocation();r={location:{getValue:a.getValue,getMetadata:a.getMetadata,setValue:async d=>{await a.setValue(d),o(window.UniformMeshSDK.getCurrentLocation())}}}}return(0,e.jsx)(Ae.Provider,{value:r},t)},Oe=()=>{let t=(0,ae.useContext)(Ae);if(!t)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return t};function Mr(){let{location:t}=Oe();return{value:t==null?void 0:t.getValue(),setValue:t==null?void 0:t.setValue,metadata:t==null?void 0:t.getMetadata()}}var Nt=require("@uniformdev/mesh-sdk"),ue=require("react"),Vr=({autoResizingDisabled:t}={})=>{let[n,o]=(0,ue.useState)(),[r,a]=(0,ue.useState)();return(0,ue.useEffect)(()=>{typeof window=="undefined"||r||(typeof window.UniformMeshSDK=="undefined"?(0,Nt.initializeUniformMeshSDK)({autoResizingDisabled:t}).then(d=>{a(d)}).catch(d=>{o(d)}):a(window.UniformMeshSDK))},[t]),{initializing:!r&&!n,error:n,sdk:r}};var we=require("react");var _t=require("@uniformdev/design-system"),He=(0,we.createContext)(void 0),Er=({children:t})=>{let n;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(n={sdk:window.UniformMeshSDK}),(0,e.jsx)(He.Provider,{value:n},(0,e.jsx)(_t.Theme,null),(0,e.jsx)(Be,null,t))},Fe=()=>{let t=(0,we.useContext)(He);if(!t)throw new Error("useUniformMeshSdkContext must be used within a UniformMeshSdkContextProvider");return t};function Tr(){let{sdk:t}=Fe();return t}var We=Z(require("react"));var H=Z(require("react"));var ie=require("@emotion/react"),Zt=require("@uniformdev/design-system");var $e=Z(require("react")),Ke=({value:t,text:n,loading:o})=>(0,e.jsx)($e.default.Fragment,null,!!n&&n,!n&&(0,e.jsx)($e.default.Fragment,null,o&&`${t} (Loading...)`,!o&&`${t} (Unresolvable)`));var Qe=({id:t,label:n,loading:o,selectedValues:r,values:a,onAdd:d,onRemove:m})=>{var b;let f=(b=a==null?void 0:a.filter(i=>!(r!=null&&r.includes(i.id.toString()))))!=null?b:[],v=(i,h)=>{i.preventDefault(),m(h)};return(0,e.jsx)("div",null,(0,e.jsx)(Zt.InputSelect,{id:t,name:t,label:n,onChange:i=>d(i.target.value),disabled:o,options:[{value:"",label:"Add..."},...f.map(i=>({value:i.id,label:i.name||i.id}))],css:Array.isArray(r)&&r.length>0?ie.css`
+                margin-bottom: var(--spacing-base);
+              `:""}),r==null?void 0:r.map(i=>{var h;return(0,e.jsx)("div",{css:ie.css`
+              font-size: var(--fs-sm);
+              display: inline-flex;
+              align-items: center;
+              justify-content: space-between;
+              background-color: var(--gray-100);
+              border: 1px solid var(--gray-300);
+              margin-bottom: var(--spacing-sm);
+              margin-right: var(--spacing-sm);
+            `,key:i},(0,e.jsx)("span",{css:ie.css`
+                padding: var(--spacing-3);
+                color: var(--gray-800);
+              `},(0,e.jsx)(Ke,{value:i,loading:o,text:(h=a.find(P=>P.id===i))==null?void 0:h.name})),(0,e.jsx)("button",{css:ie.css`
+                padding: var(--spacing-3);
+                border-left: 1px solid var(--gray-300);
+              `,title:"remove",onClick:P=>v(P,i)},(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",css:ie.css`
+                  height: 1.25rem;
+                  width: 1.25rem;
+                  pointer-events: none;
+                  display: block;
+                `,viewBox:"0 0 20 20",fill:"currentColor"},(0,e.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))))}))};var Ir=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{d:"M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z"})),Ce=Ir;var Dr=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{d:"M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",fill:"currentColor"})),Pe=Dr;var Re=require("react-use"),x=require("@uniformdev/design-system"),R=require("@emotion/react"),Wt={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},Gr=({value:t,setValue:n,brands:o,categories:r,loading:a,categoriesLoading:d,brandsLoading:m,logoIcon:f,onGetProducts:v,sortOptions:b,sortOrderOptions:i,categoryLabel:h="Product Category",brandLabel:P="Brand",disableBrands:ee,restrictToSingleCategory:K=!1})=>{var V,_,oe;let w=async s=>{n({...Wt,...t||{},...s})},y=(0,H.useMemo)(()=>({...Wt,...t||{}}),[t]),[te,Y]=(0,Re.useAsyncFn)(async s=>await v(s),[v]);(0,Re.useDebounce)(async()=>{await Y({brand:y.brand,categories:y.categories,keyword:y.keyword,sort:y.sort,sortOrder:y.sortOrder,count:y.count})},250,[y]);let A=(0,H.useMemo)(()=>{let s=[];return r==null||r.forEach(E=>{let le=Jt(E,void 0);s.push(...le)}),s},[r]),Q=(0,H.useMemo)(()=>[{value:"",label:"All categories"},...A.map(s=>({label:s.name,value:s.id}))],[A]),he=(0,H.useMemo)(()=>(o==null?void 0:o.map(s=>({id:s.id.toString(),name:s.name})))||[],[o]),re=s=>{let E=(t==null?void 0:t.categories)||[];w({categories:[...E,s]})},N=s=>{var E;w({categories:(E=t==null?void 0:t.categories)==null?void 0:E.filter(le=>le!==s)})},B=s=>{w({brand:s.target.value})},p=s=>{w({count:s||1})};return a?(0,e.jsx)("div",null,"Loading..."):(0,e.jsx)(Ne.Provider,{value:{categories:r,logoIcon:f}},(0,e.jsx)("div",{css:R.css`
+          > :not(:last-child) {
+            margin-bottom: var(--spacing-md);
+          }
+        `},K?(0,e.jsx)(x.InputSelect,{id:"selection-field-product-category",label:h,disabled:a,value:(_=(V=y.categories)==null?void 0:V[0])!=null?_:"",options:Q,onChange:s=>{w({categories:s.target.value===""?[]:[s.target.value]})}}):(0,e.jsx)(Qe,{loading:d||!1,id:"selection-field-product-category",label:h,onAdd:re,onRemove:N,selectedValues:y.categories,values:A}),(0,e.jsx)("div",{css:R.css`
+            display: flex;
+            flex-wrap: wrap;
+            column-gap: var(--spacing-lg);
+            row-gap: var(--spacing-md);
+            ${(0,x.mq)("md")} {
+              flex-wrap: nowrap;
+            }
+          `},ee?null:(0,e.jsx)("div",{css:R.css`
+                width: 50%;
+              `},(0,e.jsx)(x.InputSelect,{id:"brand",name:"brand",label:P,disabled:m,value:y.brand,onChange:B,options:[{value:"",label:"Choose..."},...he.map(s=>({value:s.id,label:s.name}))]})),(0,e.jsx)("div",{css:R.css`
+              flex-grow: 1;
+              position: relative;
+            `},(0,e.jsx)(x.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:y.keyword,placeholder:"Enter keyword",onChange:s=>w({keyword:s.target.value})}))),(0,e.jsx)("div",{css:R.css`
+            display: flex;
+            flex-wrap: wrap;
+            column-gap: var(--spacing-lg);
+            row-gap: var(--spacing-md);
+            ${(0,x.mq)("md")} {
+              flex-wrap: nowrap;
+            }
+          `},(0,e.jsx)("div",{css:R.css`
+              width: 100%;
+              ${(0,x.mq)("md")} {
+                width: 33.333333%;
+              }
+              position: relative;
+            `},(0,e.jsx)(x.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:y.count,onChange:s=>p(s.target.valueAsNumber),label:"Count"}),(0,e.jsx)("div",{css:R.css`
+                position: absolute;
+                bottom: var(--spacing-sm);
+                right: var(--spacing-sm);
+                display: flex;
+                gap: var(--spacing-sm);
+              `},(0,e.jsx)(qt,{onCountChange:()=>p(y.count-1),countIcon:"decrement",disabled:y.count===1}),(0,e.jsx)(qt,{onCountChange:()=>p(y.count+1),countIcon:"increment"}))),Array.isArray(b)&&b.length>0?(0,e.jsx)("div",{css:R.css`
+                flex-grow: 1;
+                ${(0,x.mq)("md")} {
+                  width: 33.333333%;
+                }
+              `},(0,e.jsx)(x.InputSelect,{id:"sort",name:"sort",label:"Sort",value:y.sort,onChange:s=>w({sort:s.target.value}),options:[{value:"",label:"Select a sort"},...b.map(s=>({value:s.sortKey,label:s.name}))]})):null,Array.isArray(i)&&i.length>0?(0,e.jsx)("div",{css:R.css`
+                flex-grow: 1;
+              `},(0,e.jsx)(x.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:y.sortOrder,onChange:s=>w({sortOrder:s.target.value}),options:i.map(s=>({value:s.sortOrderKey,label:s.name}))})):null),(0,e.jsx)("div",null,(0,e.jsx)("h3",{css:R.css`
+              font-size: var(--fs-md);
+              line-height: var(--spacing-md);
+              font-weight: var(--fw-bold);
+              margin-bottom: var(--spacing-xs);
+            `},"Result Preview"),(0,e.jsx)(Ze,{products:(oe=te.value)==null?void 0:oe.products}))))};function Jt(t,n){var d;let o=[],r=n?`${n.name} > `:"",a={id:t.id.toString(),name:`${r}${t.name}`};return o.push(a),(d=t.children)==null||d.forEach(m=>{let f=Jt(m,a);o.push(...f)}),o}function qt({onCountChange:t,countIcon:n,disabled:o}){return(0,e.jsx)("button",{css:R.css`
+        width: 2.25rem;
+        height: 2.25rem;
+        border: 1px solid var(--gray-300);
+        border-radius: var(--rounded-base);
+        background-color: var(--gray-100);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        &:hover {
+          background-color: var(--gray-200);
+        }
+        ${o?R.css`
+              cursor: not-allowed;
+              opacity: 0.3;
+            `:""}
+      `,onClick:t,disabled:o},n==="increment"?(0,e.jsx)(Ce,{css:R.css`
+            width: 1rem;
+            height: 1rem;
+          `}):(0,e.jsx)(Pe,{css:R.css`
+            width: 1rem;
+            height: 1rem;
+          `}))}var Ne=H.default.createContext(void 0),_e=()=>{let t=(0,H.useContext)(Ne);if(!t)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return t};function W({src:t,alt:n,className:o}){let r=t&&typeof t!="string"?t:null;return r?(0,e.jsx)(r,{className:o}):(0,e.jsx)("img",{src:t,alt:n,className:o})}var k=require("@emotion/react"),Xt=require("@uniformdev/design-system"),Ze=({products:t})=>{let{categories:n,logoIcon:o}=_e();return(0,e.jsx)(We.default.Fragment,null,(0,e.jsx)("p",{css:k.css`
+          margin-bottom: var(--spacing-base);
+        `},"Matching ",(t==null?void 0:t.length)||0," products"),(0,e.jsx)("ul",{css:[k.css`
+            max-height: 24rem;
+            overflow-x: auto;
+          `,Xt.scrollbarStyles]},t==null?void 0:t.map((r,a)=>{var f;let[d]=(r==null?void 0:r.categories)||[],m=typeof d=="undefined"||!n||(f=n.find(v=>v.id===d.id))==null?void 0:f.name;return(0,e.jsx)("li",{key:`product-${r.id}`,css:k.css`
+                border: 1px solid var(--gray-300);
+                border-radius: var(--rounded-md);
+                background-color: var(--gray-100);
+                margin: var(--spacing-base) 0;
+              `},(0,e.jsx)("div",{css:k.css`
+                  padding: var(--spacing-sm);
+                  display: flex;
+                  flex-grow: 1;
+                  margin-right: var(--spacing-sm);
+                  gap: var(--spacing-base);
+                  align-items: center;
+                `},r.thumbnailUrl?(0,e.jsx)("img",{src:r.thumbnailUrl,alt:r.name||`Product ${a}`,css:k.css`
+                      background-color: var(--gray-200);
+                      width: 3.5rem;
+                      height: 3.5rem;
+                      object-fit: cover;
+                    `}):(0,e.jsx)("div",{css:k.css`
+                      height: 3.5rem;
+                      width: 3.5rem;
+                      background-color: var(--gray-100);
+                    `}),(0,e.jsx)("h4",{css:k.css`
+                    font-weight: var(--fw-bold);
+                    width: 33.333333%;
+                    font-size: var(--fs-sm);
+                  `},r.name,m&&(0,e.jsx)("span",{css:k.css`
+                        display: block;
+                        font-weight: var(--fw-regular);
+                      `},m)),r&&(0,e.jsx)(We.default.Fragment,null,(0,e.jsx)("p",{css:k.css`
+                        margin-right: var(--spacing-lg);
+                        font-size: var(--fs-sm);
+                      `},"SKU: ",r.sku||r.id,(0,e.jsx)("br",null)),r.price!==void 0?(0,e.jsx)("p",{css:k.css`
+                          margin-right: var(--spacing-lg);
+                          font-size: var(--fs-sm);
+                        `},(0,e.jsx)("span",{css:k.css`
+                            display: block;
+                          `},"Price: ",r.price)):null,(0,e.jsx)("a",{css:k.css`
+                        display: inline-flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-base);
+                        background-color: var(--white);
+                        border-radius: var(--rounded-base);
+                        border: 2px solid var(--gray-400);
+                        margin-left: auto;
+                        &:hover {
+                          background-color: var(--gray-100);
+                        }
+                      `,href:r.url,title:`Goto ${r.name}`,target:"__blank",rel:"noopener"},(0,e.jsx)("span",{css:k.css`
+                          font-size: var(--fs-sm);
+                          margin-right: var(--spacing-sm);
+                        `},"Edit"),o?(0,e.jsx)(W,{src:o,alt:"Logo",css:k.css`
+                            width: 2.25rem;
+                            height: 2.25rem;
+                          `}):null))))})))};var X=Z(require("react"));var G=Z(require("react"));var xe={};Qt(xe,{Caution:()=>Yt,Checkmark:()=>ke,ChevronDown:()=>Le,Close:()=>se,Danger:()=>jt,ExclamationPoint:()=>er,Info:()=>ce,Lightbulb:()=>tr,MagnifyingGlass:()=>rr,MaximizeAlt:()=>or,Minus:()=>Pe,MoreVerticalAlt:()=>me,Plus:()=>Ce});var zr=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Yt=zr;var Ur=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"})),ke=Ur;var Ar=t=>(0,e.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...t},(0,e.jsx)("path",{d:"M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"})),Le=Ar;var Br=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...t},(0,e.jsx)("g",{fillRule:"evenodd"},(0,e.jsx)("path",{d:"M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z"}),(0,e.jsx)("path",{d:"M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z"}))),se=Br;var Or=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),jt=Or;var Hr=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),er=Hr;var Fr=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"})),ce=Fr;var $r=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...t},(0,e.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),tr=$r;var Kr=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...t},(0,e.jsx)("g",{clipPath:"url(#magnifying-glass_svg__a)"},(0,e.jsx)("path",{d:"M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z"}),(0,e.jsx)("path",{d:"m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"magnifying-glass_svg__a"},(0,e.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})))),rr=Kr;var Qr=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"})),or=Qr;var Nr=t=>(0,e.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...t},(0,e.jsx)("path",{xmlns:"http://www.w3.org/2000/svg",d:"M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"})),me=Nr;var sr=require("react-use"),cr=require("uuid");var F=Z(require("react"));function nr(t,n){let o=window.open(t,"_blank"),r=setInterval(()=>{o!=null&&o.closed&&(clearInterval(r),n())},500)}var ir=require("timeago.js");var M=require("@emotion/react"),ar=require("@uniformdev/design-system"),qe=M.css`
+  border: 1px solid var(--gray-200);
+  background: var(--gray-50);
+  border-radius: var(--rounded-base);
+  display: flex;
+  width: 100%;
+`,Je=M.css`
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  gap: var(--spacing-sm);
+  margin-inline: 0 var(--spacing-sm);
+  padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
+  position: relative;
+`,Xe=M.css`
+  flex-grow: 1;
+`,Ye=M.css`
+  align-items: start;
+  display: inline-flex;
+  position: relative;
+`,je=M.css`
+  color: var(--brand-secondary-1);
+  font-size: var(--fs-base);
+  font-weight: var(--fw-bold);
+  line-height: 1;
+`,et=M.css`
+  width: 1.5rem;
+  height: 1.5rem;
+`,tt=M.css`
+  width: 1rem;
+  height: 1rem;
+`,rt=M.css`
+  background: var(--white);
+  border-radius: var(--rounded-base);
+  border-left: 4px solid var(--brand-secondary-3);
+  position: fixed;
+  padding: var(--spacing-base);
+  z-index: var(--z-10);
+  width: max-content;
+`,q=M.css`
+  font-size: var(--fs-sm);
+`,ge=M.css`
+  font-weight: var(--fw-bold);
+  margin-right: var(--spacing-sm);
+`,ot=M.css`
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+
+  ${(0,ar.mq)("md")} {
+    flex-direction: row;
+  }
+`,Me=M.css`
+  align-items: center;
+  background: var(--white);
+  border-radius: var(--rounded-base);
+  border: 2px solid var(--gray-300);
+  display: flex;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-base);
+  justify-content: space-between;
+
+  &:hover {
+    background: var(--gray-50);
+  }
+`;var O=require("@emotion/react");var nt=({selectedItem:t,logoIcon:n,onDeselect:o,onEditClosed:r})=>{var b;let a=(0,F.useRef)(null),d=(0,F.useRef)(null),[m,f]=(0,F.useState)(!1);(0,F.useEffect)(()=>{let i=P=>{a.current&&!a.current.contains(P.target)&&d.current&&!d.current.contains(P.target)&&f(!1)},h=()=>{f(!1)};return window.addEventListener("resize",h,!0),document.addEventListener("scroll",i,!0),document.addEventListener("mousedown",i),()=>{window.removeEventListener("resize",h,!0),document.removeEventListener("scroll",i,!0),document.removeEventListener("mousedown",i)}},[d]);let v=()=>{var i;if(f(!m),d.current&&a.current){let h=(i=a==null?void 0:a.current)==null?void 0:i.getBoundingClientRect();d.current.style.top=`${h.top+30}px`}};return(0,e.jsx)("div",{css:qe,key:t.id},(0,e.jsx)("div",{css:Je},(0,e.jsx)("div",{css:Xe},(0,e.jsx)("div",{css:Ye},(0,e.jsx)("h4",{css:[je,t.popoverData?O.css`
+                      margin-bottom: var(--spacing-sm);
+                    `:""],title:`ID: ${t.id}`,"data-test-id":"entry-id"},t.title||t.id||""),t.popoverData?(0,e.jsx)(F.default.Fragment,null,(0,e.jsx)("button",{type:"button",ref:a,css:O.css`
+                    margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
+                  `,"aria-controls":"path-details","aria-expanded":m,onClick:v},(0,e.jsx)(ce,{width:24,height:24,css:O.css`
+                      color: var(--gray-400);
+                    `})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!m,ref:d,css:[rt,m?O.css`
+                          visibility: visible;
+                        `:O.css`
+                          visibility: hidden;
+                        `]},Object.entries(t.popoverData).map(([i,h],P)=>(0,e.jsx)("div",{css:q,key:P},(0,e.jsx)("span",{css:ge},i,":"),h)))):null),t.createdDate&&(0,e.jsx)("div",{css:q},(0,e.jsx)("span",{css:ge},"Created:"),(0,ir.format)((b=t.createdDate)!=null?b:0)),(0,e.jsx)("div",{css:O.css`
+              display: flex;
+              gap: var(--spacing-base);
+            `},t.metadata?Object.entries(t.metadata).filter(([i])=>["type","status"].includes(i.toLocaleLowerCase())).map(([i,h])=>(0,e.jsx)("span",{css:q,key:i},h)):null),t.metadata?Object.entries(t.metadata).filter(([i])=>!["type","status"].includes(i.toLocaleLowerCase())).map(([i,h])=>(0,e.jsx)("div",{css:[q,O.css`
+                          order: 1;
+                        `],key:i},(0,e.jsx)("span",{css:[ge,O.css`
+                            order: 1;
+                          `]},i,":"),h)):null),(0,e.jsx)("div",{css:ot},t.editLink?(0,e.jsx)("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",onClick:i=>{r&&(nr(i.currentTarget.href,()=>r(t)),i.preventDefault())},css:Me},(0,e.jsx)("span",{css:q},"Edit"),(0,e.jsx)(W,{src:n,css:et,alt:"Logo"})):null,(0,e.jsx)("button",{type:"button",onClick:i=>{i.preventDefault(),o(t)},css:Me},(0,e.jsx)("span",{css:q},"Unlink"),(0,e.jsx)(se,{css:[tt,O.css`
+                  color: var(--brand-secondary-5);
+                `]})))))};var $=Z(require("react"));var j=require("@emotion/react"),at=j.css`
+  cursor: pointer;
+  padding: var(--spacing-sm);
+  position: relative;
+  transition: background-color var(--duration-fast) var(--timing-ease-out),
+    color var(--duration-fast) var(--timing-ease-out);
+`,it=j.css`
+  background: var(--brand-secondary-3);
+  color: var(--white);
+`,Ve=j.css`
+  font-size: var(--fs-xs);
+`,Ee=j.css`
+  font-weight: var(--fw-bold);
+  margin-right: var(--spacing-sm);
+`,st=j.css`
+  background: var(--white);
+  border-left: 4px solid var(--brand-secondary-3);
+  border-radius: var(--rounded-base);
+  box-shadow: var(--shadow-base);
+  color: var(--brand-secondary-1);
+  padding: var(--spacing-base);
+  position: absolute;
+  top: var(--spacing-base);
+  right: var(--spacing-xl);
+  z-index: var(--z-10);
+  width: max-content;
+`,ct=j.css`
+  position: absolute;
+  inset: 0 var(--spacing-sm) 0 auto;
+`;var dt=require("@emotion/react"),lt=({result:t,isSelected:n,triggerSelection:o})=>{let r=(0,$.useRef)(null),a=(0,$.useRef)(null),[d,m]=(0,$.useState)(!1);(0,$.useEffect)(()=>{function v(b){r.current&&!r.current.contains(b.target)&&a.current&&!a.current.contains(b.target)&&m(!1)}return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[a]);let f=v=>{v.stopPropagation(),m(!d)};return(0,e.jsx)("div",{key:t.id,css:[at,n?it:void 0],"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o()},t.title,t.popoverData&&n?(0,e.jsx)($.default.Fragment,null,(0,e.jsx)("button",{type:"button",ref:r,css:ct,"aria-controls":"path-details",onClick:v=>f(v),"aria-expanded":d},(0,e.jsx)(ce,{width:24,height:24})),(0,e.jsx)("div",{id:"path-details","aria-hidden":!d,ref:a,css:[st,d?dt.css`
+                    visibility: visible;
+                  `:dt.css`
+                    visibility: hidden;
+                  `]},t.metadata&&Object.entries(t.metadata).map(([v,b],i)=>(0,e.jsx)("div",{css:Ve,key:i},(0,e.jsx)("span",{css:Ee},v,":"),b)),Object.entries(t.popoverData).map(([v,b],i)=>(0,e.jsx)("div",{css:Ve,key:i},(0,e.jsx)("span",{css:Ee},v,":"),b)))):null)};var de=require("react-beautiful-dnd");var C=require("@emotion/react"),pt=C.css`
+  background: var(--white);
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-sm);
+  margin-bottom: var(--spacing-base);
+`,ut=C.css`
+  align-items: center;
+  display: flex;
+  position: relative;
+  font-size: var(--fs-base);
+  width: 100%;
+  background-color: transparent;
+  border: 0;
+`,mt=C.css`
+  color: var(--brand-secondary-1);
+  display: block;
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sm);
+  padding: var(--spacing-base);
+  width: 100%;
+  text-align: center;
+  border: none;
+  background: none;
+
+  &:focus,
+  &:hover {
+    background: var(--gray-100);
+    outline: none;
+  }
+`,gt=C.css`
+  background: var(--white);
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  padding: calc(var(--spacing-base) - 0.25rem) var(--spacing-base);
+  display: block;
+`,ft=C.css`
+  display: none;
+`,vt=C.css`
+  overflow-y: auto;
+  max-height: 16rem;
+  margin-bottom: var(--spacing-base);
+
+  & > :not(:last-child) {
+    border-bottom: 1px solid var(--gray-200);
+  }
+`,_r=C.css`
+  background-color: var(--gray-50);
+  max-width: 33.33%;
+`,ht=C.css`
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 0 0 auto;
+  pointer-events: none;
+  padding-right: var(--spacing-sm);
+`,bt=C.css`
+  color: var(--brand-secondary-1);
+  width: 1.25rem;
+  height: 1.25rem;
+  transition: transform var(--duration-fast) var(--timing-ease-out);
+  transform: rotate(0);
+`,Zr=C.css`
+  background: var(--white);
+  color: var(--brand-secondary-1);
+`,yt=C.css`
+  position: relative;
+  margin-block: var(--spacing-sm) 0;
+
+  &:hover > span {
+    opacity: 0.3;
+  }
+`,St=C.css`
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 auto 0 0;
+  margin-block: auto;
+  opacity: 0;
+`,Te=C.css`
+  color: var(--brand-secondary-1);
+`,wt=C.css`
+  position: absolute;
+  left: 0.375rem;
+`,Ie=C.css`
+  width: calc(var(--spacing-lg) + var(--spacing-xs));
+  height: calc(var(--spacing-lg) + var(--spacing-xs));
+`;var D=require("@emotion/react"),S=require("@uniformdev/design-system"),Wr=({searchText:t,selectedContentType:n})=>{let o="No content found";return n&&(o=`No ${n} content was found`),t&&(o=`${o} for keyword '${t}'.`),(0,e.jsx)(S.Callout,{type:"info"},o)},Ct=({search:t,results:n,contentTypes:o,selectedItems:r,logoIcon:a,select:d,multiSelect:m,multiSelectId:f,rowComponent:v,selectedItemComponent:b,totalResults:i,resultsLoading:h,requireContentType:P,onAddNew:ee,onEditClosed:K,onCancel:w,noResultsComponent:y,helpComponent:te,onSort:Y,typeSelectorLabel:A="Content Type Select",typeSelectorAllTypesOptionText:Q="All content types"})=>{var Ft,$t,Kt;let re=()=>P?Array.isArray(o)&&o.length>0?o[0].id:"":"any",[N,B]=G.useState(""),[p,V]=G.useState(re),[_,oe]=G.useState(!1),[s,E]=G.useState([]),[le,At]=G.useState(!1),be=(0,sr.useThrottle)(N,750);G.useEffect(()=>{t(be,{count:5,offset:0,contentType:p==="any"?void 0:p})},[be,p]);let pr=c=>{s.some(g=>g.id===c.id)?E(g=>g.filter(ne=>ne.id!==c.id)):E(m?g=>[...g,c]:[c])},ur=()=>{V(re()),B(""),E(r!=null&&r.length?r:[])},mr=()=>{oe(c=>!c),_||ur()},Bt=c=>{d((r==null?void 0:r.filter(g=>g.id!==c.id))||[],"")},gr=c=>{c.preventDefault(),d(s,p),oe(!1)},fr=c=>{c.preventDefault(),oe(!1),w&&w()},vr=c=>{c.preventDefault(),t(be,{count:5,offset:(n==null?void 0:n.length)||0,contentType:p==="any"?void 0:p}),At(!0);let g=setTimeout(()=>{At(!1)},750);return()=>clearTimeout(g)},Ue=G.useRef((0,cr.v4)()),hr=!(r==null?void 0:r.length)||m,br=v||lt,Ot=b||nt,yr=y||Wr,Ht=a&&typeof a!="string"?a:null,Sr=Ht?(0,e.jsx)(Ht,{css:Ie}):(0,e.jsx)("img",{src:a,alt:"Logo",css:Ie}),wr=c=>{var g,ne;if(c.destination&&c.source.droppableId===((g=c.destination)==null?void 0:g.droppableId)){let T=[...r||[]],[pe]=(ne=T==null?void 0:T.splice(c.source.index,1))!=null?ne:[];return T==null||T.splice(c.destination.index,0,pe),Y==null||Y(T),T}};return(0,e.jsx)("div",{css:D.css`
+        width: 100%;
+      `},(0,e.jsx)("div",{css:D.css`
+          position: relative;
+          margin-block: var(--spacing-base);
+        `},hr&&(0,e.jsx)(G.Fragment,null,(0,e.jsx)("div",{css:pt,"data-test-id":"component-search"},(0,e.jsx)("button",{css:ut,onClick:mr,type:"button","aria-haspopup":!0,"aria-expanded":_,"aria-controls":`entry-search-config-${Ue.current}`},Sr,(0,e.jsx)("span",{css:D.css`
+                    margin-left: var(--spacing-base);
+                  `},"Select"),(0,e.jsx)("span",{css:ht},(0,e.jsx)(Le,{css:[bt,_?D.css`
+                            transform: rotate(180deg);
+                          `:void 0]})))),(0,e.jsx)("div",{id:`entry-search-config-${Ue.current}`,"aria-hidden":!_,css:[gt,_?void 0:ft]},te||null,(0,e.jsx)("div",{css:D.css`
+                  display: flex;
+                  gap: calc(var(--spacing-base) - 0.25rem);
+                  margin-bottom: var(--spacing-base);
+                `},(0,e.jsx)(S.InputSelect,{onChange:c=>V(c.target.value),value:p,label:A,showLabel:!1,options:[...P?[]:[{value:"any",label:Q}],...o?o.map(c=>({value:c.id,label:c.name})):[]]}),(0,e.jsx)("div",{css:D.css`
+                    flex-grow: 1;
+                  `},(0,e.jsx)(S.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:B,disabledFieldSubmission:!0,value:N}))),(0,e.jsx)("div",{css:[vt,S.scrollbarStyles],id:Ue.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list"},!h&&Array.isArray(n)?n.map(c=>(0,e.jsx)(br,{key:c.id,isSelected:s.some(g=>g.id===c.id),result:c,triggerSelection:()=>pr(c)})):h?null:(0,e.jsx)(yr,{searchText:be||N,selectedContentType:($t=(Ft=o==null?void 0:o.find(c=>c.id===p))==null?void 0:Ft.name)!=null?$t:p}),!h&&typeof i!="undefined"&&n&&(n==null?void 0:n.length)<i&&(0,e.jsx)("button",{css:mt,onClick:vr},le?(0,e.jsx)(S.LoadingIndicator,null):"Load More"),h&&!(n!=null&&n.length)?(0,e.jsx)("div",{css:D.css`
+                      padding: var(--spacing-base);
+                      text-align: center;
+                      width: 100%;
+                    `},(0,e.jsx)(S.LoadingIndicator,null)):null),(0,e.jsx)("div",{css:D.css`
+                  display: flex;
+                  justify-content: space-between;
+                `},(0,e.jsx)("div",null,ee&&((Kt=o==null?void 0:o.length)!=null?Kt:0)>0?(0,e.jsx)(S.Menu,{menuLabel:"Add new menu",menuTrigger:(0,e.jsx)(S.Button,{buttonType:"secondary"},"Add New")},o==null?void 0:o.map(c=>(0,e.jsx)(S.MenuItem,{key:c.id,css:D.css`
+                            background: var(--white);
+                            color: var(--brand-secondary-1);
+                          `,onClick:()=>ee(c)},c.name))):null),(0,e.jsx)("div",{css:D.css`
+                    display: flex;
+                    gap: var(--spacing-base);
+                  `},(0,e.jsx)(S.Button,{buttonType:"unimportant",onClick:fr},"Cancel"),(0,e.jsx)(S.Button,{disabled:!s.length,onClick:gr,"data-test-id":"entry-accept-button"},"Accept"))))),m?(0,e.jsx)(de.DragDropContext,{onDragEnd:c=>wr(c)},(0,e.jsx)(de.Droppable,{droppableId:f||"canvas-multi-select"},c=>(0,e.jsx)("div",{...c.droppableProps,ref:c.innerRef,css:D.css`
+                    margin-block: var(--spacing-sm) 0;
+                  `},r==null?void 0:r.map((g,ne)=>{if(g!=null&&g.id)return(0,e.jsx)(de.Draggable,{key:g.id,draggableId:g.id,index:ne},T=>(0,e.jsx)("div",{css:yt,ref:T.innerRef,...T.draggableProps,...T.dragHandleProps},(0,e.jsx)("span",{css:St},(0,e.jsx)(me,{css:[Te,wt],width:24,height:24}),(0,e.jsx)(me,{css:Te,width:24,height:24})),(0,e.jsx)(Ot,{key:`selected-item-${g.id}`,logoIcon:a,selectedItem:g,onDeselect:pe=>Bt(pe),onEditClosed:K?pe=>K(pe):void 0})))}),c.placeholder))):r==null?void 0:r.map(c=>(0,e.jsx)(Ot,{key:`selected-item-${c.id}`,logoIcon:a,selectedItem:c,onDeselect:g=>Bt(g),onEditClosed:K?g=>K(g):void 0}))))};var J=require("@emotion/react"),Pt=J.css`
+  cursor: pointer;
+  padding: var(--spacing-sm) 0;
+  margin-right: var(--spacing-sm);
+  position: relative;
+  transition: background-color var(--duration-fast) var(--timing-ease-out),
+    color var(--duration-fast) var(--timing-ease-out);
+`,Rt=J.css`
+  border: 2px solid transparent;
+  border-radius: var(--rounded-base);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-base);
+  padding: var(--spacing-sm) var(--spacing-xs);
+`,kt=J.css`
+  background-color: var(--green-50);
+`,Lt=J.css`
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-bold);
+  width: 50%;
+`,xt=J.css`
+  font-weight: var(--fw-normal);
+  display: block;
+`,Mt=J.css`
+  font-size: var(--fs-sm);
+  > * {
+    display: block;
+  }
+`,Vt=J.css`
+  display: block;
+  height: 1.5rem;
+  width: 1.5rem;
+  color: var(--brand-secondary-3);
+  margin-left: auto;
+`;var Et=require("@emotion/react");function Tt({result:t,isSelected:n,triggerSelection:o}){var f;let{categories:r,logoIcon:a}=fe(),[d]=t.categories||[{id:"",name:""}],m=typeof d=="undefined"||!r||(f=r.find(v=>v.id===d.id))==null?void 0:f.name;return(0,e.jsx)("div",{key:t.id,"data-value":t.id,role:"option",tabIndex:-1,onClick:()=>o(),css:[Pt]},(0,e.jsx)("div",{css:[Rt,n?kt:void 0]},t.thumbnailUrl?(0,e.jsx)("img",{src:t.thumbnailUrl,alt:`Thumbnail for ${t.title}`,css:Et.css`
+              background-color: var(--gray-200);
+              width: 3rem;
+              height: 3rem;
+              object-fit: cover;
+            `}):(0,e.jsx)(W,{src:a,alt:"Logo",css:Et.css`
+              height: 2.25rem;
+              width: 2.25rem;
+            `}),(0,e.jsx)("h4",{css:[Lt]},t.title,m?(0,e.jsx)("span",{css:[xt]},m):null),(0,e.jsx)("p",{css:[Mt]},"SKU: ",t.sku||t.id,t.price!==void 0?(0,e.jsx)("span",null,t.price):null),n?(0,e.jsx)(ke,{css:[Vt]}):null))}var ve=require("@emotion/react"),dr=require("@uniformdev/design-system"),It=ve.css`
+  display: flex;
+  width: 100%;
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  background-color: var(--gray-100);
+  margin: var(--spacing-base) 0;
+`,Dt=ve.css`
+  padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-lg);
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  margin-right: var(--spacing-sm);
+  gap: var(--spacing-base);
+`,Gt=ve.css`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  ${(0,dr.mq)("lg")} {
+    width: 50%;
+    margin-bottom: 0;
+  }
+`,De=ve.css`
+  background-color: var(--gray-200);
+  width: 3.5rem;
+  height: 3.5rem;
+  object-fit: cover;
+`;var L=require("@emotion/react"),lr=require("@uniformdev/design-system");function zt({selectedItem:t,onDeselect:n}){var m;let{categories:o,logoIcon:r}=fe(),[a]=t.categories||[{id:"",name:""}],d=typeof a=="undefined"||!o||(m=o.find(f=>f.id===a.id))==null?void 0:m.name;return(0,e.jsx)("div",{css:[It],key:t.id},(0,e.jsx)("article",{css:[Dt]},(0,e.jsx)("div",{css:[Gt]},t.thumbnailUrl?(0,e.jsx)("img",{src:t.thumbnailUrl,alt:d,css:[De],loading:"lazy"}):(0,e.jsx)("div",{css:[De]}),(0,e.jsx)("div",{css:L.css`
+              > :not(:last-child) {
+                margin-bottom: var(--spacing-xs);
+              }
+            `},(0,e.jsx)("h4",{css:L.css`
+                font-weight: var(--fw-bold);
+              `},t.title||t.id||"",d&&(0,e.jsx)("span",{css:L.css`
+                    display: block;
+                    font-weight: var(--fw-regular);
+                  `},d)),(0,e.jsx)("ul",{css:L.css`
+                font-size: var(--fs-sm);
+                display: flex;
+                gap: var(--spacing-base);
+              `},(0,e.jsx)("li",null,(0,e.jsx)("span",{css:L.css`
+                    margin-right: var(--spacing-xs);
+                  `},"SKU:"),t.sku||t.id),t.price!==void 0?(0,e.jsx)("li",null,(0,e.jsx)("span",{css:L.css`
+                      margin-right: var(--spacing-xs);
+                    `},"Price:"),(0,e.jsx)("span",null,t.price)):null))),(0,e.jsx)("div",{css:L.css`
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--spacing-sm);
+            justify-content: flex-end;
+            margin-left: auto;
+            ${(0,lr.mq)("md")} {
+              align-items: center;
+            }
+          `},t.editLink?(0,e.jsx)("a",{href:t.editLink,title:"edit",rel:"noopener",target:"__blank",css:L.css`
+                display: inline-flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-base);
+                background-color: var(--white);
+                border-radius: var(--rounded-base);
+                border: 2px solid var(--gray-400);
+                &:hover {
+                  background-color: var(--gray-100);
+                }
+              `},(0,e.jsx)("span",{css:L.css`
+                  margin-right: var(--spacing-sm);
+                  font-size: var(--fs-sm);
+                `},"Edit"),(0,e.jsx)(W,{src:r,alt:"Logo",css:L.css`
+                  width: 1.75rem;
+                  height: 1.75rem;
+                  display: block;
+                `})):null,(0,e.jsx)("button",{type:"button",onClick:f=>{f.preventDefault(),n==null||n(t)},css:L.css`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              background-color: var(--white);
+              border-radius: var(--rounded-base);
+              border: 2px solid var(--gray-400);
+              height: 2.5rem;
+              padding: 0 var(--spacing-base);
+              gap: var(--spacing-sm);
+              &:hover {
+                background-color: var(--gray-100);
+              }
+            `},(0,e.jsx)("span",{css:L.css`
+                font-size: var(--fs-sm);
+              `},"Unlink"),(0,e.jsx)(se,{css:L.css`
+                color: var(--brand-secondary-5);
+              `})))))}var Ge=require("@uniformdev/design-system"),ze=require("react-use");function qr({selectedProducts:t,setSelectedProducts:n,onGetCategories:o,onSearchProducts:r,logoIcon:a,multiSelect:d,multiSelectId:m,selectedItemComponent:f,rowComponent:v,errorComponent:b,helpComponent:i,noResultsComponent:h,onSort:P,typeSelectorAllTypesOptionText:ee="All categories",typeSelectorLabel:K="Select Category"}){var N;let{value:w,loading:y,error:te}=(0,ze.useAsync)(async()=>await o(),[o]),Y=(0,X.useMemo)(()=>w?w.map(p=>({id:p.id,name:p.name})):void 0,[w]),A=(0,X.useRef)(),[Q,he]=(0,ze.useAsyncFn)(async(B,p)=>{let V=await r({text:B,options:{limit:p==null?void 0:p.count,offset:p==null?void 0:p.offset,categoryId:p==null?void 0:p.contentType}});return(p==null?void 0:p.offset)===0&&(A.current=[]),(A.current=A.current||[]).push(...V.products),V},[r]),re=async B=>{await n(B)};return y?(0,e.jsx)(Ge.LoadingIndicator,null):te||Q.error?(0,e.jsx)(b||(({categoriesError:p,searchError:V})=>(0,e.jsx)(Ge.Callout,{type:"error"},"There was an error: ",(p==null?void 0:p.message)||(V==null?void 0:V.message))),{categoriesError:te,searchError:Q.error}):(0,e.jsx)(Ut.Provider,{value:{categories:w,logoIcon:a}},(0,e.jsx)(Ct,{search:he,results:A.current,logoIcon:a,selectedItems:t,select:re,multiSelectId:m||"product-search-multi-select",multiSelect:d,contentTypes:Y,selectedItemComponent:f||zt,rowComponent:v||Tt,totalResults:(N=Q.value)==null?void 0:N.total,resultsLoading:Q.loading,helpComponent:i,noResultsComponent:h,onSort:P,typeSelectorAllTypesOptionText:ee,typeSelectorLabel:K}))}var Ut=X.default.createContext(void 0),fe=()=>{let t=(0,X.useContext)(Ut);if(!t)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return t};U(z,require("@uniformdev/mesh-sdk"),module.exports);var u=require("@uniformdev/design-system");0&&(module.exports={Button,Callout,DefaultSearchRow,DefaultSelectedItem,EntrySearch,Heading,Icons,Input,InputSelect,InputToggle,KeywordSearchInput,LoadingIndicator,LoadingOverlay,Menu,MenuItem,ProductPreviewList,ProductQuery,ProductQueryContext,ProductSearch,ProductSearchContext,ProductSearchRow,ProductSelectedItem,ResolvableLoadingValue,ScrollableList,ScrollableListItem,SelectionField,Textarea,Theme,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,badgeIcon,draggableContainer,draggableIcon,draggableIconOffset,draggableIconWrapper,entrySearchBtn,entrySearchConfig,entrySearchConfigHidden,entrySearchLoadMoreBtn,entrySearchResultList,entrySearchSelectIcon,entrySearchSelectImg,entrySearchSelectInput,entrySearchSelectOption,entrySearchWrapper,productSearchRowActiveIcon,productSearchRowCategory,productSearchRowContainer,productSearchRowContent,productSearchRowContentActive,productSearchRowDetails,productSearchRowTitle,productSelectedItemContainer,productSelectedItemContent,productSelectedItemDetails,productSelectedItemImage,searchRowBtn,searchRowContainer,searchRowContainerActive,searchRowPopover,searchRowText,searchRowTextSmall,selectItemLinkBtn,selectItemLinkContainer,selectItemPopover,selectItemPopoverLabel,selectItemSmallText,selectedItemCloseIcon,selectedItemContainer,selectedItemCopy,selectedItemDetails,selectedItemIcon,selectedItemInner,selectedItemTitle,useInitializeUniformMeshSdk,useProductQueryContext,useProductSearchContext,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext});