@uniformdev/mesh-sdk-react 17.7.1-alpha.34 → 18.0.1-alpha.3

package/dist/index.js

@@ -1,4 +1,451 @@
-"use strict";var dn=Object.create;var dt=Object.defineProperty;var cn=Object.getOwnPropertyDescriptor;var pn=Object.getOwnPropertyNames;var un=Object.getPrototypeOf,mn=Object.prototype.hasOwnProperty;var Ua=(e,t)=>{for(var r in t)dt(e,r,{get:t[r],enumerable:!0})},lt=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of pn(t))!mn.call(e,o)&&o!==r&&dt(e,o,{get:()=>t[o],enumerable:!(a=cn(t,o))||a.enumerable});return e},se=(e,t,r)=>(lt(e,t,"default"),r&&lt(r,t,"default")),le=(e,t,r)=>(r=e!=null?dn(un(e)):{},lt(t||!e||!e.__esModule?dt(r,"default",{value:e,enumerable:!0}):r,e)),gn=e=>lt(dt({},"__esModule",{value:!0}),e);var ne={};Ua(ne,{AddListButton:()=>h.AddListButton,Button:()=>h.Button,Callout:()=>h.Callout,DamSelectedItem:()=>En,DataResourceVariablesList:()=>An,DataSourceEditor:()=>Wn,DataTypeEditor:()=>Qn,DefaultSearchRow:()=>gr,DefaultSelectedItem:()=>Rr,EntrySearch:()=>qr,Heading:()=>h.Heading,Icons:()=>ft,Input:()=>h.Input,InputComboBox:()=>h.InputComboBox,InputKeywordSearch:()=>h.InputKeywordSearch,InputSelect:()=>h.InputSelect,InputToggle:()=>h.InputToggle,InputVariables:()=>va,KeywordSearchInput:()=>h.InputKeywordSearch,Label:()=>h.Label,LoadingIndicator:()=>h.LoadingIndicator,LoadingOverlay:()=>h.LoadingOverlay,Menu:()=>h.Menu,MenuItem:()=>h.MenuItem,MeshApp:()=>Zn,ProductPreviewList:()=>nr,ProductQuery:()=>Vn,ProductQueryContext:()=>ar,ProductSearch:()=>In,ProductSearchContext:()=>jr,ProductSearchRow:()=>$r,ProductSelectedItem:()=>Jr,RequestBody:()=>On,RequestHeaders:()=>Gn,RequestMethodSelect:()=>Hn,RequestParameters:()=>Nn,RequestProvider:()=>it,RequestTypeContainer:()=>xa,RequestUrl:()=>Fn,RequestUrlInput:()=>$n,ResolvableLoadingValue:()=>tr,ScrollableList:()=>h.ScrollableList,ScrollableListItem:()=>h.ScrollableListItem,SelectionField:()=>rr,Switch:()=>h.Switch,TextVariableRenderer:()=>ha,Textarea:()=>h.Textarea,Theme:()=>h.Theme,UniformMeshLocationContext:()=>ma,UniformMeshLocationContextProvider:()=>tt,UniformMeshSdkContext:()=>et,UniformMeshSdkContextProvider:()=>Un,VariableEditor:()=>ga,VariablesList:()=>Bn,VariablesProvider:()=>at,badgeIcon:()=>Pt,createLocationValidator:()=>Jn,damSelectItemImage:()=>It,damSelectedItemContainer:()=>ea,damSelectedItemCopy:()=>aa,damSelectedItemDetails:()=>ra,damSelectedItemIcon:()=>na,damSelectedItemInfoBtn:()=>da,damSelectedItemInner:()=>ta,damSelectedItemLinkBtn:()=>_t,damSelectedItemLinkContainer:()=>sa,damSelectedItemMediaContainer:()=>la,damSelectedItemPopover:()=>ia,damSelectedItemPopoverLabel:()=>Je,damSelectedItemSmallText:()=>De,damSelectedItemTitle:()=>oa,draggableContainer:()=>Er,draggableIcon:()=>Rt,draggableIconOffset:()=>Ur,draggableIconWrapper:()=>Mr,entrySearchBtn:()=>Tr,entrySearchConfig:()=>Vr,entrySearchConfigHidden:()=>kr,entrySearchLoadMoreBtn:()=>Lr,entrySearchResultList:()=>Dr,entrySearchSelectIcon:()=>_r,entrySearchSelectImg:()=>Ir,entrySearchSelectInput:()=>kn,entrySearchSelectOption:()=>Dn,entrySearchWrapper:()=>Pr,productSearchRowActiveIcon:()=>Nr,productSearchRowCategory:()=>Gr,productSearchRowContainer:()=>Br,productSearchRowContent:()=>Ar,productSearchRowContentActive:()=>zr,productSearchRowDetails:()=>Hr,productSearchRowTitle:()=>Or,productSelectedItemContainer:()=>Kr,productSelectedItemContent:()=>Yr,productSelectedItemDetails:()=>Qr,productSelectedItemIcon:()=>Zr,productSelectedItemImage:()=>Tt,productSelectedItemLinkContainer:()=>Xr,productedSelectedItemLinkBtn:()=>Lt,productedSelectedItemSmallText:()=>Vt,searchRowBtn:()=>ur,searchRowContainer:()=>lr,searchRowContainerActive:()=>cr,searchRowContainerWithPopover:()=>dr,searchRowPopover:()=>pr,searchRowText:()=>xt,searchRowTextSmall:()=>bt,selectItemLinkBtn:()=>St,selectItemLinkContainer:()=>Sr,selectItemPopover:()=>wr,selectItemPopoverLabel:()=>Oe,selectItemSmallText:()=>be,selectedItemContainer:()=>fr,selectedItemCopy:()=>yr,selectedItemDetails:()=>hr,selectedItemIcon:()=>xr,selectedItemInner:()=>vr,selectedItemTitle:()=>br,urlEncodeRequestParameter:()=>Ra,urlEncodeRequestUrl:()=>Ca,useInitializeUniformMeshSdk:()=>La,useMeshLocation:()=>Ee,useProductQueryContext:()=>or,useProductSearchContext:()=>Xe,useRequest:()=>K,useUniformMeshLocation:()=>Xn,useUniformMeshLocationContext:()=>rt,useUniformMeshSdk:()=>ua,useUniformMeshSdkContext:()=>pa,useVariables:()=>ge,variablesToList:()=>nt});module.exports=gn(ne);var c=require("@emotion/react"),x=le(require("react"));var ft={};Ua(ft,{Caution:()=>qa,Checkmark:()=>ct,ChevronDown:()=>pt,Close:()=>Ba,Danger:()=>Aa,ExclamationPoint:()=>za,Info:()=>ut,Lightbulb:()=>Oa,MagnifyingGlass:()=>Ga,MaximizeAlt:()=>Ha,Minus:()=>mt,MoreVerticalAlt:()=>Ze,Plus:()=>gt});var Ft=require("@emotion/react/jsx-runtime"),fn=e=>(0,Ft.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e,children:(0,Ft.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"})}),qa=fn;var $t=require("@emotion/react/jsx-runtime"),vn=e=>(0,$t.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,$t.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"})}),ct=vn;var Wt=require("@emotion/react/jsx-runtime"),hn=e=>(0,Wt.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em",...e,children:(0,Wt.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"})}),pt=hn;var Ae=require("@emotion/react/jsx-runtime"),yn=e=>(0,Ae.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 19 19",fill:"currentColor",...e,children:(0,Ae.jsxs)("g",{fillRule:"evenodd",children:[(0,Ae.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,Ae.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"})]})}),Ba=yn;var Kt=require("@emotion/react/jsx-runtime"),bn=e=>(0,Kt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Kt.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"})}),Aa=bn;var Qt=require("@emotion/react/jsx-runtime"),xn=e=>(0,Qt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e,children:(0,Qt.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"})}),za=xn;var Ye=require("@emotion/react/jsx-runtime"),wn=e=>(0,Ye.jsxs)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:[(0,Ye.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,Ye.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"})]}),ut=wn;var Yt=require("@emotion/react/jsx-runtime"),Sn=e=>(0,Yt.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e,children:(0,Yt.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"})}),Oa=Sn;var de=require("@emotion/react/jsx-runtime"),Cn=e=>(0,de.jsxs)("svg",{width:"1em",height:"1em",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,de.jsxs)("g",{clipPath:"url(#magnifying-glass_svg__a)",children:[(0,de.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,de.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,de.jsx)("defs",{children:(0,de.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,de.jsx)("path",{fill:"#fff",transform:"translate(.558)",d:"M0 0h24.935v24H0z"})})})]}),Ga=Cn;var Zt=require("@emotion/react/jsx-runtime"),Rn=e=>(0,Zt.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Zt.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"})}),Ha=Rn;var Xt=require("@emotion/react/jsx-runtime"),Pn=e=>(0,Xt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,Xt.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"})}),mt=Pn;var Jt=require("@emotion/react/jsx-runtime"),Tn=e=>(0,Jt.jsx)("svg",{width:"1em",height:"1em",fill:"currentColor",...e,children:(0,Jt.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"})}),Ze=Tn;var jt=require("@emotion/react/jsx-runtime"),Ln=e=>(0,jt.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 46 46",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,jt.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"})}),gt=Ln;var sr=require("@emotion/react"),io=require("@uniformdev/design-system");var er=require("@emotion/react/jsx-runtime");function te({src:e,alt:t,className:r}){let a=e&&typeof e!="string"?e:null;return a?(0,er.jsx)(a,{className:r}):(0,er.jsx)("img",{src:e,alt:t,className:r})}var z=require("@emotion/react"),$=require("@uniformdev/design-system"),pe=le(require("react")),yt=require("react-use");var Wa=require("@emotion/react"),ht=require("@uniformdev/design-system"),Ka=require("react-icons/cg");var ze=require("@emotion/react/jsx-runtime"),tr=({value:e,text:t,loading:r})=>(0,ze.jsxs)(ze.Fragment,{children:[!!t&&t,!t&&(0,ze.jsxs)(ze.Fragment,{children:[r&&`${e} (Loading...)`,!r&&`${e} (Unresolvable)`]})]});var vt=require("@emotion/react"),Na=vt.css`
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AddListButton: () => import_design_system21.AddListButton,
+  Button: () => import_design_system21.Button,
+  Callout: () => import_design_system21.Callout,
+  DamSelectedItem: () => DamSelectedItem,
+  DataResourceVariablesList: () => DataResourceVariablesList,
+  DataSourceEditor: () => DataSourceEditor,
+  DataTypeEditor: () => DataTypeEditor,
+  DefaultSearchRow: () => DefaultSearchRow,
+  DefaultSelectedItem: () => DefaultSelectedItem,
+  EntrySearch: () => EntrySearch,
+  Heading: () => import_design_system21.Heading,
+  Icons: () => icons_exports,
+  Input: () => import_design_system21.Input,
+  InputComboBox: () => import_design_system21.InputComboBox,
+  InputKeywordSearch: () => import_design_system21.InputKeywordSearch,
+  InputSelect: () => import_design_system21.InputSelect,
+  InputToggle: () => import_design_system21.InputToggle,
+  InputVariables: () => InputVariables,
+  KeywordSearchInput: () => import_design_system21.InputKeywordSearch,
+  Label: () => import_design_system21.Label,
+  LoadingIndicator: () => import_design_system21.LoadingIndicator,
+  LoadingOverlay: () => import_design_system21.LoadingOverlay,
+  Menu: () => import_design_system21.Menu,
+  MenuItem: () => import_design_system21.MenuItem,
+  MeshApp: () => MeshApp,
+  ProductPreviewList: () => ProductPreviewList,
+  ProductQuery: () => ProductQuery,
+  ProductQueryContext: () => ProductQueryContext,
+  ProductSearch: () => ProductSearch,
+  ProductSearchContext: () => ProductSearchContext,
+  ProductSearchRow: () => ProductSearchRow,
+  ProductSelectedItem: () => ProductSelectedItem,
+  RequestBody: () => RequestBody,
+  RequestHeaders: () => RequestHeaders,
+  RequestMethodSelect: () => RequestMethodSelect,
+  RequestParameters: () => RequestParameters,
+  RequestProvider: () => RequestProvider,
+  RequestTypeContainer: () => RequestTypeContainer,
+  RequestUrl: () => RequestUrl,
+  RequestUrlInput: () => RequestUrlInput,
+  ResolvableLoadingValue: () => ResolvableLoadingValue,
+  ScrollableList: () => import_design_system21.ScrollableList,
+  ScrollableListItem: () => import_design_system21.ScrollableListItem,
+  SelectionField: () => SelectionField,
+  Switch: () => import_design_system21.Switch,
+  TextVariableRenderer: () => TextVariableRenderer,
+  Textarea: () => import_design_system21.Textarea,
+  Theme: () => import_design_system21.Theme,
+  UniformMeshLocationContext: () => UniformMeshLocationContext,
+  UniformMeshLocationContextProvider: () => UniformMeshLocationContextProvider,
+  UniformMeshSdkContext: () => UniformMeshSdkContext,
+  UniformMeshSdkContextProvider: () => UniformMeshSdkContextProvider,
+  VariableEditor: () => VariableEditor,
+  VariablesList: () => VariablesList,
+  VariablesProvider: () => VariablesProvider,
+  badgeIcon: () => badgeIcon,
+  createLocationValidator: () => createLocationValidator,
+  damSelectItemImage: () => damSelectItemImage,
+  damSelectedItemContainer: () => damSelectedItemContainer,
+  damSelectedItemCopy: () => damSelectedItemCopy,
+  damSelectedItemDetails: () => damSelectedItemDetails,
+  damSelectedItemIcon: () => damSelectedItemIcon,
+  damSelectedItemInfoBtn: () => damSelectedItemInfoBtn,
+  damSelectedItemInner: () => damSelectedItemInner,
+  damSelectedItemLinkBtn: () => damSelectedItemLinkBtn,
+  damSelectedItemLinkContainer: () => damSelectedItemLinkContainer,
+  damSelectedItemMediaContainer: () => damSelectedItemMediaContainer,
+  damSelectedItemPopover: () => damSelectedItemPopover,
+  damSelectedItemPopoverLabel: () => damSelectedItemPopoverLabel,
+  damSelectedItemSmallText: () => damSelectedItemSmallText,
+  damSelectedItemTitle: () => damSelectedItemTitle,
+  draggableContainer: () => draggableContainer,
+  draggableIcon: () => draggableIcon,
+  draggableIconOffset: () => draggableIconOffset,
+  draggableIconWrapper: () => draggableIconWrapper,
+  entrySearchBtn: () => entrySearchBtn,
+  entrySearchConfig: () => entrySearchConfig,
+  entrySearchConfigHidden: () => entrySearchConfigHidden,
+  entrySearchLoadMoreBtn: () => entrySearchLoadMoreBtn,
+  entrySearchResultList: () => entrySearchResultList,
+  entrySearchSelectIcon: () => entrySearchSelectIcon,
+  entrySearchSelectImg: () => entrySearchSelectImg,
+  entrySearchSelectInput: () => entrySearchSelectInput,
+  entrySearchSelectOption: () => entrySearchSelectOption,
+  entrySearchWrapper: () => entrySearchWrapper,
+  productSearchRowActiveIcon: () => productSearchRowActiveIcon,
+  productSearchRowCategory: () => productSearchRowCategory,
+  productSearchRowContainer: () => productSearchRowContainer,
+  productSearchRowContent: () => productSearchRowContent,
+  productSearchRowContentActive: () => productSearchRowContentActive,
+  productSearchRowDetails: () => productSearchRowDetails,
+  productSearchRowTitle: () => productSearchRowTitle,
+  productSelectedItemContainer: () => productSelectedItemContainer,
+  productSelectedItemContent: () => productSelectedItemContent,
+  productSelectedItemDetails: () => productSelectedItemDetails,
+  productSelectedItemIcon: () => productSelectedItemIcon,
+  productSelectedItemImage: () => productSelectedItemImage,
+  productSelectedItemLinkContainer: () => productSelectedItemLinkContainer,
+  productedSelectedItemLinkBtn: () => productedSelectedItemLinkBtn,
+  productedSelectedItemSmallText: () => productedSelectedItemSmallText,
+  searchRowBtn: () => searchRowBtn,
+  searchRowContainer: () => searchRowContainer,
+  searchRowContainerActive: () => searchRowContainerActive,
+  searchRowContainerWithPopover: () => searchRowContainerWithPopover,
+  searchRowPopover: () => searchRowPopover,
+  searchRowText: () => searchRowText,
+  searchRowTextSmall: () => searchRowTextSmall,
+  selectItemLinkBtn: () => selectItemLinkBtn,
+  selectItemLinkContainer: () => selectItemLinkContainer,
+  selectItemPopover: () => selectItemPopover,
+  selectItemPopoverLabel: () => selectItemPopoverLabel,
+  selectItemSmallText: () => selectItemSmallText,
+  selectedItemContainer: () => selectedItemContainer,
+  selectedItemCopy: () => selectedItemCopy,
+  selectedItemDetails: () => selectedItemDetails,
+  selectedItemIcon: () => selectedItemIcon,
+  selectedItemInner: () => selectedItemInner,
+  selectedItemTitle: () => selectedItemTitle,
+  urlEncodeRequestParameter: () => urlEncodeRequestParameter,
+  urlEncodeRequestUrl: () => urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk: () => useInitializeUniformMeshSdk,
+  useMeshLocation: () => useMeshLocation,
+  useProductQueryContext: () => useProductQueryContext,
+  useProductSearchContext: () => useProductSearchContext,
+  useRequest: () => useRequest,
+  useUniformMeshLocation: () => useUniformMeshLocation,
+  useUniformMeshLocationContext: () => useUniformMeshLocationContext,
+  useUniformMeshSdk: () => useUniformMeshSdk,
+  useUniformMeshSdkContext: () => useUniformMeshSdkContext,
+  useVariables: () => useVariables,
+  variablesToList: () => variablesToList
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../scripts/emotion-jsx-shim.js
+var import_react = require("@emotion/react");
+var React = __toESM(require("react"));
+
+// src/assets/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  Caution: () => Caution_default,
+  Checkmark: () => Checkmark_default,
+  ChevronDown: () => ChevronDown_default,
+  Close: () => Close_default,
+  Danger: () => Danger_default,
+  ExclamationPoint: () => ExclamationPoint_default,
+  Info: () => Info_default,
+  Lightbulb: () => Lightbulb_default,
+  MagnifyingGlass: () => MagnifyingGlass_default,
+  MaximizeAlt: () => MaximizeAlt_default,
+  Minus: () => Minus_default,
+  MoreVerticalAlt: () => MoreVerticalAlt_default,
+  Plus: () => Plus_default
+});
+
+// src/assets/icons/Caution.tsx
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+var SvgCaution = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.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"
+      }
+    )
+  }
+);
+var Caution_default = SvgCaution;
+
+// src/assets/icons/Checkmark.tsx
+var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
+var SvgCheckmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "svg",
+  {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 40 40",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime2.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"
+      }
+    )
+  }
+);
+var Checkmark_default = SvgCheckmark;
+
+// src/assets/icons/ChevronDown.tsx
+var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+var SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.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" }) });
+var ChevronDown_default = SvgChevronDown;
+
+// src/assets/icons/Close.tsx
+var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+var SvgClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 19 19",
+    fill: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { fillRule: "evenodd", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.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" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.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" })
+    ] })
+  }
+);
+var Close_default = SvgClose;
+
+// src/assets/icons/Danger.tsx
+var import_jsx_runtime5 = require("@emotion/react/jsx-runtime");
+var SvgDanger = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 16",
+    fill: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.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"
+      }
+    )
+  }
+);
+var Danger_default = SvgDanger;
+
+// src/assets/icons/ExclamationPoint.tsx
+var import_jsx_runtime6 = require("@emotion/react/jsx-runtime");
+var SvgExclamationPoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 14 16",
+    fill: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.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"
+      }
+    )
+  }
+);
+var ExclamationPoint_default = SvgExclamationPoint;
+
+// src/assets/icons/Info.tsx
+var import_jsx_runtime7 = require("@emotion/react/jsx-runtime");
+var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "1em", height: "1em", fill: "currentColor", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.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"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime7.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"
+    }
+  )
+] });
+var Info_default = SvgInfo;
+
+// src/assets/icons/Lightbulb.tsx
+var import_jsx_runtime8 = require("@emotion/react/jsx-runtime");
+var SvgLightbulb = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 16",
+    fill: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.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"
+      }
+    )
+  }
+);
+var Lightbulb_default = SvgLightbulb;
+
+// src/assets/icons/MagnifyingGlass.tsx
+var import_jsx_runtime9 = require("@emotion/react/jsx-runtime");
+var SvgMagnifyingGlass = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  "svg",
+  {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 26 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.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" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.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" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
+    ]
+  }
+);
+var MagnifyingGlass_default = SvgMagnifyingGlass;
+
+// src/assets/icons/MaximizeAlt.tsx
+var import_jsx_runtime10 = require("@emotion/react/jsx-runtime");
+var SvgMaximizeAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: "1em", height: "1em", fill: "currentColor", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.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"
+  }
+) });
+var MaximizeAlt_default = SvgMaximizeAlt;
+
+// src/assets/icons/Minus.tsx
+var import_jsx_runtime11 = require("@emotion/react/jsx-runtime");
+var SvgMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.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" }) });
+var Minus_default = SvgMinus;
+
+// src/assets/icons/MoreVerticalAlt.tsx
+var import_jsx_runtime12 = require("@emotion/react/jsx-runtime");
+var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: "1em", height: "1em", fill: "currentColor", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.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"
+  }
+) });
+var MoreVerticalAlt_default = SvgMoreVerticalAlt;
+
+// src/assets/icons/Plus.tsx
+var import_jsx_runtime13 = require("@emotion/react/jsx-runtime");
+var SvgPlus = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  "svg",
+  {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 46 46",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.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" })
+  }
+);
+var Plus_default = SvgPlus;
+
+// src/components/commerce/ProductPreviewList.tsx
+var import_react7 = require("@emotion/react");
+var import_design_system3 = require("@uniformdev/design-system");
+
+// src/components/Image/Image.tsx
+var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
+function Image({ src, alt, className }) {
+  const CompImage = src && typeof src !== "string" ? src : null;
+  return CompImage ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CompImage, { className }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src, alt, className });
+}
+
+// src/components/commerce/ProductQuery.tsx
+var import_react4 = require("@emotion/react");
+var import_design_system2 = require("@uniformdev/design-system");
+var import_react5 = __toESM(require("react"));
+var import_react_use = require("react-use");
+
+// src/components/commerce/SelectionField.tsx
+var import_react3 = require("@emotion/react");
+var import_design_system = require("@uniformdev/design-system");
+var import_cg = require("react-icons/cg");
+
+// src/components/commerce/ResolvableLoadingValue.tsx
+var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
+var ResolvableLoadingValue = ({
+  value,
+  text,
+  loading
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    !!text && text,
+    !text && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      loading && `${value} (Loading...)`,
+      !loading && `${value} (Unresolvable)`
+    ] })
+  ] });
+};
+
+// src/components/commerce/styles/SelectField.styles.ts
+var import_react2 = require("@emotion/react");
+var selectionFieldBtnContainer = import_react2.css`
   align-items: center;
   background: var(--gray-100);
   border: 1px solid var(--gray-300);
@@ -7,66 +454,459 @@
   justify-content: space-between;
   margin-bottom: var(--spacing-sm);
   margin-right: var(--spacing-sm);
-`,Fa=vt.css`
+`;
+var selectionFieldBtnLabel = import_react2.css`
   color: var(--gray-800);
   padding: var(--spacing-3);
-`,$a=vt.css`
+`;
+var selectionFieldBtn = import_react2.css`
   border: none;
   border-left: 1px solid var(--gray-300);
   background: var(--gray-100);
   padding: var(--spacing-3);
-`;var ce=require("@emotion/react/jsx-runtime"),rr=({id:e,label:t,loading:r,selectedValues:a,values:o,onAdd:i,onRemove:n})=>{var p;let s=(p=o==null?void 0:o.filter(d=>!(a!=null&&a.includes(d.id.toString()))))!=null?p:[],l=(d,u)=>{d.preventDefault(),n(u)};return(0,ce.jsxs)("div",{children:[(0,ce.jsx)(ht.InputSelect,{id:e,name:e,label:t,onChange:d=>i(d.target.value),disabled:r,options:[{value:"",label:"Add..."},...s.map(d=>({value:d.id,label:d.name||d.id}))],value:"",css:Array.isArray(a)&&a.length>0?Wa.css`
+`;
+
+// src/components/commerce/SelectionField.tsx
+var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
+var SelectionField = ({
+  id,
+  label,
+  loading,
+  selectedValues,
+  values,
+  onAdd,
+  onRemove
+}) => {
+  var _a;
+  const availableValues = (_a = values == null ? void 0 : values.filter((brand) => !(selectedValues == null ? void 0 : selectedValues.includes(brand.id.toString())))) != null ? _a : [];
+  const handleRemoveClick = (e, value) => {
+    e.preventDefault();
+    onRemove(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_design_system.InputSelect,
+      {
+        id,
+        name: id,
+        label,
+        onChange: (e) => onAdd(e.target.value),
+        disabled: loading,
+        options: [
+          { value: "", label: "Add..." },
+          ...availableValues.map((option) => {
+            return {
+              value: option.id,
+              label: option.name || option.id
+            };
+          })
+        ],
+        value: "",
+        css: Array.isArray(selectedValues) && selectedValues.length > 0 ? import_react3.css`
                 margin-bottom: var(--spacing-base);
-              `:""}),a==null?void 0:a.map(d=>{var u;return(0,ce.jsxs)("div",{css:Na,children:[(0,ce.jsx)("span",{css:Fa,children:(0,ce.jsx)(tr,{value:d,loading:r,text:(u=o.find(y=>y.id===d))==null?void 0:u.name})}),(0,ce.jsx)("button",{css:$a,title:"remove",onClick:y=>l(y,d),children:(0,ce.jsx)(ht.Icon,{icon:Ka.CgClose,iconColor:"currentColor",size:20})})]},d)})]})};var C=require("@emotion/react/jsx-runtime"),Qa={count:1,categories:[],brand:"",keyword:"",sort:"date_modified",sortOrder:"desc"},Vn=({value:e,setValue:t,brands:r,categories:a,loading:o,categoriesLoading:i,brandsLoading:n,logoIcon:s,onGetProducts:l,sortOptions:p,sortOrderOptions:d,categoryLabel:u="Product Category",brandLabel:y="Brand",disableBrands:f,restrictToSingleCategory:P=!1})=>{var N,b,Q;let w=async m=>{t({...Qa,...e||{},...m})},T=(0,pe.useMemo)(()=>({...Qa,...e||{}}),[e]),[Be,Ke]=(0,yt.useAsyncFn)(async m=>await l(m),[l]);(0,yt.useDebounce)(async()=>{await Ke({brand:T.brand,categories:T.categories,keyword:T.keyword,sort:T.sort,sortOrder:T.sortOrder,count:T.count})},250,[T]);let ee=(0,pe.useMemo)(()=>{let m=[];return a==null||a.forEach(Z=>{let B=Za(Z,void 0);m.push(...B)}),m},[a]),ve=(0,pe.useMemo)(()=>[{value:"",label:"All categories"},...ee.map(m=>({label:m.name,value:m.id}))],[ee]),ie=(0,pe.useMemo)(()=>(r==null?void 0:r.map(m=>({id:m.id.toString(),name:m.name})))||[],[r]),Qe=m=>{if(!m)return;let Z=(e==null?void 0:e.categories)||[];w({categories:[...Z,m]})},st=m=>{var Z;w({categories:(Z=e==null?void 0:e.categories)==null?void 0:Z.filter(B=>B!==m)})},Re=m=>{w({brand:m.target.value})},H=m=>{w({count:m||1})};return o?(0,C.jsx)("div",{children:"Loading..."}):(0,C.jsx)(ar.Provider,{value:{categories:a,logoIcon:s},children:(0,C.jsxs)("div",{css:z.css`
+              ` : ""
+      }
+    ),
+    selectedValues == null ? void 0 : selectedValues.map((selectedValue) => {
+      var _a2;
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { css: selectionFieldBtnContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { css: selectionFieldBtnLabel, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ResolvableLoadingValue,
+          {
+            value: selectedValue,
+            loading,
+            text: (_a2 = values.find((v) => v.id === selectedValue)) == null ? void 0 : _a2.name
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            css: selectionFieldBtn,
+            title: "remove",
+            onClick: (e) => handleRemoveClick(e, selectedValue),
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system.Icon, { icon: import_cg.CgClose, iconColor: "currentColor", size: 20 })
+          }
+        )
+      ] }, selectedValue);
+    })
+  ] });
+};
+
+// src/components/commerce/ProductQuery.tsx
+var import_jsx_runtime17 = require("@emotion/react/jsx-runtime");
+var initialState = {
+  count: 1,
+  categories: [],
+  brand: "",
+  keyword: "",
+  sort: "date_modified",
+  sortOrder: "desc"
+};
+var ProductQuery = ({
+  value,
+  setValue,
+  brands,
+  categories,
+  loading,
+  categoriesLoading,
+  brandsLoading,
+  logoIcon,
+  onGetProducts,
+  sortOptions,
+  sortOrderOptions,
+  categoryLabel = "Product Category",
+  brandLabel = "Brand",
+  disableBrands,
+  restrictToSingleCategory = false
+}) => {
+  var _a, _b, _c;
+  const setFormState = async (state) => {
+    setValue({
+      ...initialState,
+      ...value || {},
+      ...state
+    });
+  };
+  const formState = (0, import_react5.useMemo)(() => {
+    return {
+      ...initialState,
+      ...value || {}
+    };
+  }, [value]);
+  const [getProductsState, getProductsFn] = (0, import_react_use.useAsyncFn)(
+    async (options) => {
+      return await onGetProducts(options);
+    },
+    [onGetProducts]
+  );
+  (0, import_react_use.useDebounce)(
+    async () => {
+      await getProductsFn({
+        brand: formState.brand,
+        categories: formState.categories,
+        keyword: formState.keyword,
+        sort: formState.sort,
+        sortOrder: formState.sortOrder,
+        count: formState.count
+      });
+    },
+    250,
+    [formState]
+  );
+  const categoryOptions = (0, import_react5.useMemo)(() => {
+    const options = [];
+    categories == null ? void 0 : categories.forEach((category) => {
+      const categoryOptions2 = traverseCategory(category, void 0);
+      options.push(...categoryOptions2);
+    });
+    return options;
+  }, [categories]);
+  const singleChoiceCategoryOptions = (0, import_react5.useMemo)(() => {
+    return [
+      {
+        value: "",
+        label: "All categories"
+      },
+      ...categoryOptions.map((option) => ({
+        label: option.name,
+        value: option.id
+      }))
+    ];
+  }, [categoryOptions]);
+  const brandOptions = (0, import_react5.useMemo)(() => {
+    return (brands == null ? void 0 : brands.map((b) => ({
+      id: b.id.toString(),
+      name: b.name
+    }))) || [];
+  }, [brands]);
+  const handleAddProductCategory = (category) => {
+    if (!category) {
+      return;
+    }
+    const categories2 = (value == null ? void 0 : value.categories) || [];
+    setFormState({
+      categories: [...categories2, category]
+    });
+  };
+  const handleRemoveProductCategory = (category) => {
+    var _a2;
+    setFormState({
+      categories: (_a2 = value == null ? void 0 : value.categories) == null ? void 0 : _a2.filter((c) => c !== category)
+    });
+  };
+  const handleBrandChange = (e) => {
+    setFormState({
+      brand: e.target.value
+    });
+  };
+  const handleCountChange = (value2) => {
+    const localValue = value2 || 1;
+    setFormState({ count: localValue });
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: "Loading..." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ProductQueryContext.Provider, { value: { categories, logoIcon }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      css: import_react4.css`
           > :not(:last-child) {
             margin-bottom: var(--spacing-md);
           }
-        `,children:[P?(0,C.jsx)($.InputSelect,{id:"selection-field-product-category",label:u,disabled:o,value:(b=(N=T.categories)==null?void 0:N[0])!=null?b:"",options:ve,onChange:m=>{w({categories:m.target.value===""?[]:[m.target.value]})}}):(0,C.jsx)(rr,{loading:i||!1,id:"selection-field-product-category",label:u,onAdd:Qe,onRemove:st,selectedValues:T.categories,values:ee}),(0,C.jsxs)("div",{css:z.css`
+        `,
+      children: [
+        restrictToSingleCategory ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_design_system2.InputSelect,
+          {
+            id: "selection-field-product-category",
+            label: categoryLabel,
+            disabled: loading,
+            value: (_b = (_a = formState.categories) == null ? void 0 : _a[0]) != null ? _b : "",
+            options: singleChoiceCategoryOptions,
+            onChange: (e) => {
+              setFormState({
+                categories: e.target.value === "" ? [] : [e.target.value]
+              });
+            }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          SelectionField,
+          {
+            loading: categoriesLoading || false,
+            id: "selection-field-product-category",
+            label: categoryLabel,
+            onAdd: handleAddProductCategory,
+            onRemove: handleRemoveProductCategory,
+            selectedValues: formState.categories,
+            values: categoryOptions
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            css: import_react4.css`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${(0,$.mq)("md")} {
+            ${(0, import_design_system2.mq)("md")} {
               flex-wrap: nowrap;
             }
-          `,children:[f?null:(0,C.jsx)("div",{css:z.css`
+          `,
+            children: [
+              disableBrands ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
+                {
+                  css: import_react4.css`
                 width: 50%;
-              `,children:(0,C.jsx)($.InputSelect,{id:"brand",name:"brand",label:y,disabled:n,value:T.brand,onChange:Re,options:[{value:"",label:"Choose..."},...ie.map(m=>({value:m.id,label:m.name}))]})}),(0,C.jsx)("div",{css:z.css`
+              `,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_design_system2.InputSelect,
+                    {
+                      id: "brand",
+                      name: "brand",
+                      label: brandLabel,
+                      disabled: brandsLoading,
+                      value: formState.brand,
+                      onChange: handleBrandChange,
+                      options: [
+                        { value: "", label: "Choose..." },
+                        ...brandOptions.map((brand) => {
+                          return { value: brand.id, label: brand.name };
+                        })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
+                {
+                  css: import_react4.css`
               flex-grow: 1;
               position: relative;
-            `,children:(0,C.jsx)($.Input,{id:"keyword-search",name:"keyword-search",label:"Keyword",value:T.keyword,placeholder:"Enter keyword",onChange:m=>w({keyword:m.target.value})})})]}),(0,C.jsxs)("div",{css:z.css`
+            `,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_design_system2.Input,
+                    {
+                      id: "keyword-search",
+                      name: "keyword-search",
+                      label: "Keyword",
+                      value: formState.keyword,
+                      placeholder: "Enter keyword",
+                      onChange: (e) => setFormState({ keyword: e.target.value })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            css: import_react4.css`
             display: flex;
             flex-wrap: wrap;
             column-gap: var(--spacing-lg);
             row-gap: var(--spacing-md);
-            ${(0,$.mq)("md")} {
+            ${(0, import_design_system2.mq)("md")} {
               flex-wrap: nowrap;
             }
-          `,children:[(0,C.jsxs)("div",{css:z.css`
+          `,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                "div",
+                {
+                  css: import_react4.css`
               width: 100%;
-              ${(0,$.mq)("md")} {
+              ${(0, import_design_system2.mq)("md")} {
                 width: 33.333333%;
               }
               position: relative;
-            `,children:[(0,C.jsx)($.Input,{id:"count",name:"count",type:"number",min:1,step:1,value:T.count,onChange:m=>H(m.target.valueAsNumber),label:"Count"}),(0,C.jsxs)("div",{css:z.css`
+            `,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_design_system2.Input,
+                      {
+                        id: "count",
+                        name: "count",
+                        type: "number",
+                        min: 1,
+                        step: 1,
+                        value: formState.count,
+                        onChange: (e) => handleCountChange(e.target.valueAsNumber),
+                        label: "Count"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                      "div",
+                      {
+                        css: import_react4.css`
                 position: absolute;
                 bottom: var(--spacing-sm);
                 right: var(--spacing-sm);
                 display: flex;
                 gap: var(--spacing-sm);
-              `,children:[(0,C.jsx)(Ya,{onCountChange:()=>H(T.count-1),countIcon:"decrement",disabled:T.count===1}),(0,C.jsx)(Ya,{onCountChange:()=>H(T.count+1),countIcon:"increment"})]})]}),Array.isArray(p)&&p.length>0?(0,C.jsx)("div",{css:z.css`
+              `,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            CountButton,
+                            {
+                              onCountChange: () => handleCountChange(formState.count - 1),
+                              countIcon: "decrement",
+                              disabled: formState.count === 1
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            CountButton,
+                            {
+                              onCountChange: () => handleCountChange(formState.count + 1),
+                              countIcon: "increment"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              Array.isArray(sortOptions) && sortOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
+                {
+                  css: import_react4.css`
                 flex-grow: 1;
-                ${(0,$.mq)("md")} {
+                ${(0, import_design_system2.mq)("md")} {
                   width: 33.333333%;
                 }
-              `,children:(0,C.jsx)($.InputSelect,{id:"sort",name:"sort",label:"Sort",value:T.sort,onChange:m=>w({sort:m.target.value}),options:[{value:"",label:"Select a sort"},...p.map(m=>({value:m.sortKey,label:m.name}))]})}):null,Array.isArray(d)&&d.length>0?(0,C.jsx)("div",{css:z.css`
+              `,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_design_system2.InputSelect,
+                    {
+                      id: "sort",
+                      name: "sort",
+                      label: "Sort",
+                      value: formState.sort,
+                      onChange: (e) => setFormState({ sort: e.target.value }),
+                      options: [
+                        { value: "", label: "Select a sort" },
+                        ...sortOptions.map((option) => {
+                          return {
+                            value: option.sortKey,
+                            label: option.name
+                          };
+                        })
+                      ]
+                    }
+                  )
+                }
+              ) : null,
+              Array.isArray(sortOrderOptions) && sortOrderOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
+                {
+                  css: import_react4.css`
                 flex-grow: 1;
-              `,children:(0,C.jsx)($.InputSelect,{id:"sort-order",name:"sort-order",label:"Sort Order",value:T.sortOrder,onChange:m=>w({sortOrder:m.target.value}),options:d.map(m=>({value:m.sortOrderKey,label:m.name}))})}):null]}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h3",{css:z.css`
+              `,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_design_system2.InputSelect,
+                    {
+                      id: "sort-order",
+                      name: "sort-order",
+                      label: "Sort Order",
+                      value: formState.sortOrder,
+                      onChange: (e) => setFormState({ sortOrder: e.target.value }),
+                      options: sortOrderOptions.map((option) => {
+                        return {
+                          value: option.sortOrderKey,
+                          label: option.name
+                        };
+                      })
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "h3",
+            {
+              css: import_react4.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,C.jsx)(nr,{products:(Q=Be.value)==null?void 0:Q.products})]})]})})};function Za(e,t){var i;let r=[],a=t?`${t.name} > `:"",o={id:e.id.toString(),name:`${a}${e.name}`};return r.push(o),(i=e.children)==null||i.forEach(n=>{let s=Za(n,o);r.push(...s)}),r}function Ya({onCountChange:e,countIcon:t,disabled:r}){return(0,C.jsx)("button",{css:z.css`
+            `,
+              children: "Result Preview"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ProductPreviewList, { products: (_c = getProductsState.value) == null ? void 0 : _c.products })
+        ] })
+      ]
+    }
+  ) });
+};
+function traverseCategory(result, parent) {
+  var _a;
+  const results = [];
+  const namePrefix = parent ? `${parent.name} > ` : "";
+  const value = {
+    id: result.id.toString(),
+    name: `${namePrefix}${result.name}`
+  };
+  results.push(value);
+  (_a = result.children) == null ? void 0 : _a.forEach((child) => {
+    const childValues = traverseCategory(child, value);
+    results.push(...childValues);
+  });
+  return results;
+}
+function CountButton({ onCountChange, countIcon, disabled }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "button",
+    {
+      css: import_react4.css`
         width: 2.25rem;
         height: 2.25rem;
         border: 1px solid var(--gray-300);
@@ -78,17 +918,45 @@
         &:hover {
           background-color: var(--gray-200);
         }
-        ${r?z.css`
+        ${disabled ? import_react4.css`
               cursor: not-allowed;
               opacity: 0.3;
-            `:""}
-      `,onClick:e,disabled:r,children:t==="increment"?(0,C.jsx)(gt,{css:z.css`
+            ` : ""}
+      `,
+      onClick: onCountChange,
+      disabled,
+      children: countIcon === "increment" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Plus_default,
+        {
+          css: import_react4.css`
             width: 1rem;
             height: 1rem;
-          `}):(0,C.jsx)(mt,{css:z.css`
+          `
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Minus_default,
+        {
+          css: import_react4.css`
             width: 1rem;
             height: 1rem;
-          `})})}var ar=pe.default.createContext(void 0),or=()=>{let e=(0,pe.useContext)(ar);if(!e)throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");return e};var X=require("@emotion/react"),Xa=X.css`
+          `
+        }
+      )
+    }
+  );
+}
+var ProductQueryContext = import_react5.default.createContext(void 0);
+var useProductQueryContext = () => {
+  const context = (0, import_react5.useContext)(ProductQueryContext);
+  if (!context) {
+    throw new Error("useProductQueryContext must be used within a <ProductQueryContext> provider");
+  }
+  return context;
+};
+
+// src/components/commerce/styles/ProductPreviewList.styles.ts
+var import_react6 = require("@emotion/react");
+var productPreviewListLinkBtn = import_react6.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -103,65 +971,175 @@
   &:hover {
     background: var(--gray-50);
   }
-`,Ja=X.css`
+`;
+var productPreviewListSmallText = import_react6.css`
   font-size: var(--fs-sm);
-`,ja=X.css`
+`;
+var productPreviewListIcon = import_react6.css`
   width: 1rem;
   height: 1rem;
-`,ir=X.css`
+`;
+var productPreviewListDetailsText = import_react6.css`
   margin-right: var(--spacing-lg);
   font-size: var(--fs-sm);
-`,eo=X.css`
+`;
+var productPreviewListItem = import_react6.css`
   border: 1px solid var(--gray-200);
   border-radius: var(--rounded-md);
   background: var(--gray-50);
   margin: var(--spacing-base) 0;
-`,to=X.css`
+`;
+var productPreviewListItemDetailsContainer = import_react6.css`
   align-items: center;
   display: flex;
   flex-grow: 1;
   gap: var(--spacing-base);
   padding: var(--spacing-sm);
   margin-right: var(--spacing-sm);
-`,ro=X.css`
+`;
+var productPreviewListImage = import_react6.css`
   background: var(--gray-200);
   width: 3.5rem;
   height: 3.5rem;
   object-fit: cover;
-`,ao=X.css`
+`;
+var productPreviewListImageDefault = import_react6.css`
   background: var(--gray-100);
   height: 3.5rem;
   width: 3.5rem;
-`,oo=X.css`
+`;
+var productPreviewListTitle = import_react6.css`
   margin-top: 0;
   font-weight: var(--fw-bold);
   font-size: var(--fs-sm);
   width: calc(100% / 3);
-`,no=X.css`
+`;
+var productPreviewListCategoryText = import_react6.css`
   display: block;
   font-weight: var(--fw-regular);
-`;var U=require("@emotion/react/jsx-runtime"),nr=({products:e})=>{let{categories:t,logoIcon:r}=or();return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("p",{css:sr.css`
+`;
+
+// src/components/commerce/ProductPreviewList.tsx
+var import_jsx_runtime18 = require("@emotion/react/jsx-runtime");
+var ProductPreviewList = ({
+  products
+}) => {
+  const { categories, logoIcon } = useProductQueryContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "p",
+      {
+        css: import_react7.css`
           margin-bottom: var(--spacing-base);
-        `,children:["Matching ",(e==null?void 0:e.length)||0," products"]}),(0,U.jsx)("ul",{css:[sr.css`
+        `,
+        children: [
+          "Matching ",
+          (products == null ? void 0 : products.length) || 0,
+          " products"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "ul",
+      {
+        css: [
+          import_react7.css`
             max-height: 24rem;
             overflow-x: auto;
-          `,io.scrollbarStyles],children:e==null?void 0:e.map((a,o)=>{var s,l;let[i]=(a==null?void 0:a.categories)||[],n=typeof i=="undefined"||!t||(s=t.find(p=>p.id===i.id))==null?void 0:s.name;return(0,U.jsx)("li",{css:eo,children:(0,U.jsxs)("div",{css:to,"data-test-id":`product-item-${a.sku||a.id}`,children:[a.thumbnailUrl?(0,U.jsx)("img",{src:a.thumbnailUrl,alt:typeof a.title=="string"?a.title:a.name||`Product ${o}`,css:ro,"data-test-id":"product-image"}):(0,U.jsx)("div",{css:ao}),(0,U.jsxs)("h4",{css:oo,"data-test-id":"product-name",children:[a.title||a.name,n&&(0,U.jsx)("span",{css:no,children:n})]}),a&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("p",{css:ir,"data-test-id":"product-sku",children:["SKU: ",a.sku||a.id,(0,U.jsx)("br",{})]}),a.price!==void 0?(0,U.jsxs)("p",{css:ir,"data-test-id":"product-price",children:["Price: ",a.price]}):null,a.editLink||a.url?(0,U.jsxs)("a",{css:Xa,href:(l=a.editLink)!=null?l:a.url,title:`Go to ${a.title||a.name}`,target:"_blank",rel:"noopener noreferrer","data-test-id":"edit-product-button",children:[(0,U.jsx)("span",{css:Ja,children:"Edit"}),r?(0,U.jsx)(te,{src:r,alt:"Logo",css:ja}):null]}):null]})]})},`product-${a.id}`)})})]})};var go=require("@uniformdev/design-system"),we=le(require("react")),Dt=require("react-use");var mr=require("@emotion/react"),Te=require("react");var ye=require("@emotion/react"),lr=ye.css`
+          `,
+          import_design_system3.scrollbarStyles
+        ],
+        children: products == null ? void 0 : products.map((product, index) => {
+          var _a, _b;
+          const [category] = (product == null ? void 0 : product.categories) || [];
+          const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
+          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { css: productPreviewListItem, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            "div",
+            {
+              css: productPreviewListItemDetailsContainer,
+              "data-test-id": `product-item-${product.sku || product.id}`,
+              children: [
+                product.thumbnailUrl ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  "img",
+                  {
+                    src: product.thumbnailUrl,
+                    alt: typeof product.title === "string" ? product.title : product.name || `Product ${index}`,
+                    css: productPreviewListImage,
+                    "data-test-id": "product-image"
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { css: productPreviewListImageDefault }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("h4", { css: productPreviewListTitle, "data-test-id": "product-name", children: [
+                  product.title || product.name,
+                  categoryName && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { css: productPreviewListCategoryText, children: categoryName })
+                ] }),
+                product && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { css: productPreviewListDetailsText, "data-test-id": "product-sku", children: [
+                    "SKU: ",
+                    product.sku || product.id,
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("br", {})
+                  ] }),
+                  product.price !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { css: productPreviewListDetailsText, "data-test-id": "product-price", children: [
+                    "Price: ",
+                    product.price
+                  ] }) : null,
+                  product.editLink || product.url ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                    "a",
+                    {
+                      css: productPreviewListLinkBtn,
+                      href: (_b = product.editLink) != null ? _b : product.url,
+                      title: `Go to ${product.title || product.name}`,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "data-test-id": "edit-product-button",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { css: productPreviewListSmallText, children: "Edit" }),
+                        logoIcon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Image, { src: logoIcon, alt: "Logo", css: productPreviewListIcon }) : null
+                      ]
+                    }
+                  ) : null
+                ] })
+              ]
+            }
+          ) }, `product-${product.id}`);
+        })
+      }
+    )
+  ] });
+};
+
+// src/components/commerce/ProductSearch.tsx
+var import_design_system9 = require("@uniformdev/design-system");
+var import_react21 = __toESM(require("react"));
+var import_react_use3 = require("react-use");
+
+// src/components/EntrySearch/DefaultSearchRow.tsx
+var import_react9 = require("@emotion/react");
+var import_react10 = require("react");
+
+// src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
+var import_react8 = require("@emotion/react");
+var searchRowContainer = import_react8.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);
-`,dr=ye.css`
+`;
+var searchRowContainerWithPopover = import_react8.css`
   padding-right: var(--spacing-lg);
-`,cr=ye.css`
+`;
+var searchRowContainerActive = import_react8.css`
   background: var(--brand-secondary-3);
   color: var(--white);
-`,bt=ye.css`
+`;
+var searchRowTextSmall = import_react8.css`
   font-size: var(--fs-xs);
-`,xt=ye.css`
+`;
+var searchRowText = import_react8.css`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,pr=ye.css`
+`;
+var searchRowPopover = import_react8.css`
   background: var(--white);
   border-left: 4px solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
@@ -173,20 +1151,128 @@
   right: var(--spacing-xl);
   z-index: var(--z-10);
   width: max-content;
-`,ur=ye.css`
+`;
+var searchRowBtn = import_react8.css`
   position: absolute;
   inset: 0 var(--spacing-sm) 0 auto;
-`;var W=require("@emotion/react/jsx-runtime"),gr=({result:e,isSelected:t,triggerSelection:r})=>{let a=(0,Te.useRef)(null),o=(0,Te.useRef)(null),[i,n]=(0,Te.useState)(!1);(0,Te.useEffect)(()=>{function l(p){a.current&&!a.current.contains(p.target)&&o.current&&!o.current.contains(p.target)&&n(!1)}return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[o]);let s=l=>{l.stopPropagation(),n(!i)};return(0,W.jsxs)("div",{css:[lr,t?cr:void 0,e.popoverData?dr:void 0],"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>r(),children:[e.title,e.popoverData&&t?(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("button",{type:"button",ref:a,css:ur,"aria-controls":"path-details",onClick:l=>s(l),"aria-expanded":i,children:(0,W.jsx)(ut,{width:24,height:24})}),(0,W.jsxs)("div",{id:"path-details","aria-hidden":!i,ref:o,css:[pr,i?mr.css`
+`;
+
+// src/components/EntrySearch/DefaultSearchRow.tsx
+var import_jsx_runtime19 = require("@emotion/react/jsx-runtime");
+var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
+  const buttonRef = (0, import_react10.useRef)(null);
+  const popoverRef = (0, import_react10.useRef)(null);
+  const [showInfo, setShowInfo] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
+    function handleClickOutside(event) {
+      if (buttonRef.current && !buttonRef.current.contains(event.target) && popoverRef.current && !popoverRef.current.contains(event.target)) {
+        setShowInfo(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [popoverRef]);
+  const click = (event) => {
+    event.stopPropagation();
+    setShowInfo(!showInfo);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      css: [
+        searchRowContainer,
+        isSelected ? searchRowContainerActive : void 0,
+        result.popoverData ? searchRowContainerWithPopover : void 0
+      ],
+      "data-value": result.id,
+      role: "option",
+      tabIndex: -1,
+      onClick: () => triggerSelection(),
+      children: [
+        result.title,
+        result.popoverData && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "button",
+            {
+              type: "button",
+              ref: buttonRef,
+              css: searchRowBtn,
+              "aria-controls": "path-details",
+              onClick: (e) => click(e),
+              "aria-expanded": showInfo,
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Info_default, { width: 24, height: 24 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            "div",
+            {
+              id: "path-details",
+              "aria-hidden": !showInfo,
+              ref: popoverRef,
+              css: [
+                searchRowPopover,
+                showInfo ? import_react9.css`
                     visibility: visible;
-                  `:mr.css`
+                  ` : import_react9.css`
                     visibility: hidden;
-                  `],children:[e.metadata&&Object.entries(e.metadata).map(([l,p],d)=>(0,W.jsxs)("div",{css:bt,children:[(0,W.jsxs)("span",{css:xt,children:[l,":"]}),p]},d)),Object.entries(e.popoverData).map(([l,p],d)=>(0,W.jsxs)("div",{css:bt,children:[(0,W.jsxs)("span",{css:xt,children:[l,":"]}),p]},d))]})]}):null]},e.id)};var ue=require("@emotion/react"),Cr=require("@uniformdev/design-system"),Le=require("react"),Ct=require("react-icons/cg"),lo=require("timeago.js");function wt(e,t){let r=window.open(e,"_blank"),a=setInterval(()=>{r!=null&&r.closed&&(clearInterval(a),t())},500)}var Y=require("@emotion/react"),so=require("@uniformdev/design-system"),fr=Y.css`
+                  `
+              ],
+              children: [
+                result.metadata && Object.entries(result.metadata).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { css: searchRowTextSmall, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { css: searchRowText, children: [
+                    key,
+                    ":"
+                  ] }),
+                  value
+                ] }, index)),
+                Object.entries(result.popoverData).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { css: searchRowTextSmall, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { css: searchRowText, children: [
+                    key,
+                    ":"
+                  ] }),
+                  value
+                ] }, index))
+              ]
+            }
+          )
+        ] }) : null
+      ]
+    },
+    result.id
+  );
+};
+
+// src/components/EntrySearch/DefaultSelectedItem.tsx
+var import_react12 = require("@emotion/react");
+var import_design_system5 = require("@uniformdev/design-system");
+var import_react13 = require("react");
+var import_cg2 = require("react-icons/cg");
+var import_timeago = require("timeago.js");
+
+// src/utils/openWindowWithCloseCallback.ts
+function openWindowWithCloseCallback(href, callback) {
+  const openedNewWindow = window.open(href, "_blank");
+  const interval = setInterval(() => {
+    if (openedNewWindow == null ? void 0 : openedNewWindow.closed) {
+      clearInterval(interval);
+      callback();
+    }
+  }, 500);
+}
+
+// src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
+var import_react11 = require("@emotion/react");
+var import_design_system4 = require("@uniformdev/design-system");
+var selectedItemContainer = import_react11.css`
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
   width: 100%;
-`,vr=Y.css`
+`;
+var selectedItemInner = import_react11.css`
   align-items: center;
   display: flex;
   flex-grow: 1;
@@ -194,22 +1280,27 @@
   margin-inline: 0 var(--spacing-sm);
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
   position: relative;
-`,hr=Y.css`
+`;
+var selectedItemDetails = import_react11.css`
   flex-grow: 1;
-`,yr=Y.css`
+`;
+var selectedItemCopy = import_react11.css`
   align-items: start;
   display: inline-flex;
   position: relative;
-`,br=Y.css`
+`;
+var selectedItemTitle = import_react11.css`
   color: var(--brand-secondary-1);
   font-size: var(--fs-base);
   font-weight: var(--fw-bold);
   line-height: 1;
   margin: 0;
-`,xr=Y.css`
+`;
+var selectedItemIcon = import_react11.css`
   width: 1.5rem;
   height: 1.5rem;
-`,wr=Y.css`
+`;
+var selectItemPopover = import_react11.css`
   background: var(--white);
   border-radius: var(--rounded-base);
   border-left: 4px solid var(--brand-secondary-3);
@@ -218,22 +1309,26 @@
   padding: var(--spacing-base);
   z-index: var(--z-10);
   width: max-content;
-`,be=Y.css`
+`;
+var selectItemSmallText = import_react11.css`
   font-size: var(--fs-sm);
-`,Oe=Y.css`
+`;
+var selectItemPopoverLabel = import_react11.css`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,Sr=Y.css`
+`;
+var selectItemLinkContainer = import_react11.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${(0,so.mq)("md")} {
+  ${(0, import_design_system4.mq)("md")} {
     flex-direction: row;
     min-width: 200px;
     justify-content: end;
   }
-`,St=Y.css`
+`;
+var selectItemLinkBtn = import_react11.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -248,29 +1343,263 @@
   &:hover {
     background: var(--gray-50);
   }
-`;var R=require("@emotion/react/jsx-runtime"),Rr=({selectedItem:e,logoIcon:t,onDeselect:r,onEditClosed:a})=>{var p;let o=(0,Le.useRef)(null),i=(0,Le.useRef)(null),[n,s]=(0,Le.useState)(!1);(0,Le.useEffect)(()=>{let d=y=>{o.current&&!o.current.contains(y.target)&&i.current&&!i.current.contains(y.target)&&s(!1)},u=()=>{s(!1)};return window.addEventListener("resize",u,!0),document.addEventListener("scroll",d,!0),document.addEventListener("mousedown",d),()=>{window.removeEventListener("resize",u,!0),document.removeEventListener("scroll",d,!0),document.removeEventListener("mousedown",d)}},[i]);let l=()=>{var d;if(s(!n),i.current&&o.current){let u=(d=o==null?void 0:o.current)==null?void 0:d.getBoundingClientRect(),y=i.current.offsetWidth;i.current.style.top=`${u.top+30}px`,i.current.style.left=`${u.left-y+30}px`}};return(0,R.jsx)("div",{css:fr,children:(0,R.jsxs)("div",{css:vr,children:[(0,R.jsxs)("div",{css:hr,children:[(0,R.jsxs)("div",{css:yr,children:[(0,R.jsx)("h4",{css:[br,e.popoverData?ue.css`
+`;
+
+// src/components/EntrySearch/DefaultSelectedItem.tsx
+var import_jsx_runtime20 = require("@emotion/react/jsx-runtime");
+var DefaultSelectedItem = ({
+  selectedItem,
+  logoIcon,
+  onDeselect,
+  onEditClosed
+}) => {
+  var _a;
+  const buttonRef = (0, import_react13.useRef)(null);
+  const popoverRef = (0, import_react13.useRef)(null);
+  const [showInfo, setShowInfo] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    const eventHandler = (event) => {
+      if (buttonRef.current && !buttonRef.current.contains(event.target) && popoverRef.current && !popoverRef.current.contains(event.target)) {
+        setShowInfo(false);
+      }
+    };
+    const resizeHandler = () => {
+      setShowInfo(false);
+    };
+    window.addEventListener("resize", resizeHandler, true);
+    document.addEventListener("scroll", eventHandler, true);
+    document.addEventListener("mousedown", eventHandler);
+    return () => {
+      window.removeEventListener("resize", resizeHandler, true);
+      document.removeEventListener("scroll", eventHandler, true);
+      document.removeEventListener("mousedown", eventHandler);
+    };
+  }, [popoverRef]);
+  const popoverClick = () => {
+    var _a2;
+    setShowInfo(!showInfo);
+    if (popoverRef.current && buttonRef.current) {
+      const buttonPos = (_a2 = buttonRef == null ? void 0 : buttonRef.current) == null ? void 0 : _a2.getBoundingClientRect();
+      const popoverWidth = popoverRef.current.offsetWidth;
+      popoverRef.current.style["top"] = `${buttonPos.top + 30}px`;
+      popoverRef.current.style["left"] = `${buttonPos.left - popoverWidth + 30}px`;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { css: selectedItemContainer, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectedItemInner, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectedItemDetails, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectedItemCopy, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "h4",
+          {
+            css: [
+              selectedItemTitle,
+              selectedItem.popoverData ? import_react12.css`
                       margin-bottom: var(--spacing-sm);
-                    `:""],title:`ID: ${e.id}`,"data-test-id":"entry-id",children:e.title||e.id||""}),e.popoverData?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("button",{type:"button",ref:o,css:ue.css`
+                    ` : ""
+            ],
+            title: `ID: ${selectedItem.id}`,
+            "data-test-id": "entry-id",
+            children: selectedItem.title || selectedItem.id || ""
+          }
+        ),
+        selectedItem.popoverData ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "button",
+            {
+              type: "button",
+              ref: buttonRef,
+              css: import_react12.css`
                     margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
-                  `,"aria-controls":"path-details","aria-expanded":n,onClick:l,children:(0,R.jsx)(Cr.Icon,{icon:Ct.CgInfo,iconColor:"gray",size:24,css:ue.css`
+                  `,
+              "aria-controls": "path-details",
+              "aria-expanded": showInfo,
+              onClick: popoverClick,
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                import_design_system5.Icon,
+                {
+                  icon: import_cg2.CgInfo,
+                  iconColor: "gray",
+                  size: 24,
+                  css: import_react12.css`
                       opacity: var(--opacity-75);
-                    `})}),(0,R.jsx)("div",{id:"path-details","aria-hidden":!n,ref:i,css:[wr,n?ue.css`
+                    `
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "div",
+            {
+              id: "path-details",
+              "aria-hidden": !showInfo,
+              ref: popoverRef,
+              css: [
+                selectItemPopover,
+                showInfo ? import_react12.css`
                           visibility: visible;
-                        `:ue.css`
+                        ` : import_react12.css`
                           visibility: hidden;
-                        `],children:Object.entries(e.popoverData).map(([d,u],y)=>(0,R.jsxs)("div",{css:be,children:[(0,R.jsxs)("span",{css:Oe,children:[d,":"]}),u]},y))})]}):null]}),e.createdDate&&(0,R.jsxs)("div",{css:be,children:[(0,R.jsx)("span",{css:Oe,children:"Created:"}),(0,lo.format)((p=e.createdDate)!=null?p:0)]}),e.metadata?Object.entries(e.metadata).filter(([d])=>["type","status"].includes(d.toLocaleLowerCase())).map(([d,u])=>(0,R.jsxs)("div",{css:[be,ue.css`
+                        `
+              ],
+              children: Object.entries(selectedItem.popoverData).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectItemSmallText, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { css: selectItemPopoverLabel, children: [
+                  key,
+                  ":"
+                ] }),
+                value
+              ] }, index))
+            }
+          )
+        ] }) : null
+      ] }),
+      selectedItem.createdDate && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectItemSmallText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { css: selectItemPopoverLabel, children: "Created:" }),
+        (0, import_timeago.format)((_a = selectedItem.createdDate) != null ? _a : 0)
+      ] }),
+      selectedItem.metadata ? Object.entries(selectedItem.metadata).filter(([key]) => ["type", "status"].includes(key.toLocaleLowerCase())).map(([key, value]) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          "div",
+          {
+            css: [
+              selectItemSmallText,
+              import_react12.css`
                           order: 1;
-                        `],children:[(0,R.jsxs)("span",{css:Oe,children:[d,":"]}),u]},d)):null,e.metadata?Object.entries(e.metadata).filter(([d])=>!["type","status"].includes(d.toLocaleLowerCase())).map(([d,u])=>(0,R.jsxs)("div",{css:[be,ue.css`
+                        `
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { css: selectItemPopoverLabel, children: [
+                key,
+                ":"
+              ] }),
+              value
+            ]
+          },
+          key
+        );
+      }) : null,
+      selectedItem.metadata ? Object.entries(selectedItem.metadata).filter(([key]) => !["type", "status"].includes(key.toLocaleLowerCase())).map(([key, value]) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          "div",
+          {
+            css: [
+              selectItemSmallText,
+              import_react12.css`
                           order: 1;
-                        `],children:[(0,R.jsxs)("span",{css:[Oe,ue.css`
+                        `
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                "span",
+                {
+                  css: [
+                    selectItemPopoverLabel,
+                    import_react12.css`
                             order: 1;
-                          `],children:[d,":"]}),u]},d)):null]}),(0,R.jsxs)("div",{css:Sr,children:[e.editLink?(0,R.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:d=>{a&&(wt(d.currentTarget.href,()=>a(e)),d.preventDefault())},css:St,children:[(0,R.jsx)("span",{css:be,children:"Edit"}),(0,R.jsx)(te,{src:t,css:xr,alt:"Logo"})]}):null,(0,R.jsxs)("button",{type:"button",onClick:()=>{r(e)},css:St,children:[(0,R.jsx)("span",{css:be,children:"Unlink"}),(0,R.jsx)(Cr.Icon,{icon:Ct.CgClose,iconColor:"red",size:16})]})]})]})},e.id)};var J=require("@emotion/react"),q=require("@uniformdev/design-system"),re=le(require("react")),Ge=require("react-beautiful-dnd"),po=require("react-use"),uo=require("uuid");var Ve=require("react");function co(e,{delay:t=500,minDuration:r=200}={delay:500,minDuration:200}){let[a,o]=(0,Ve.useState)("IDLE"),i=(0,Ve.useRef)(void 0);return(0,Ve.useEffect)(()=>{e&&a==="IDLE"&&(clearTimeout(i.current),i.current=setTimeout(()=>{if(!e)return o("IDLE");i.current=setTimeout(()=>{o("EXPIRE")},r),o("DISPLAY")},t),o("DELAY")),!e&&a!=="DISPLAY"&&(clearTimeout(i.current),o("IDLE"))},[e,a,t,r]),(0,Ve.useEffect)(()=>()=>clearTimeout(i.current),[]),a==="DISPLAY"||a==="EXPIRE"}var A=require("@emotion/react"),Pr=A.css`
+                          `
+                  ],
+                  children: [
+                    key,
+                    ":"
+                  ]
+                }
+              ),
+              value
+            ]
+          },
+          key
+        );
+      }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { css: selectItemLinkContainer, children: [
+      selectedItem.editLink ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "a",
+        {
+          href: selectedItem.editLink,
+          title: "edit",
+          rel: "noopener noreferrer",
+          target: "_blank",
+          onClick: (e) => {
+            if (onEditClosed) {
+              openWindowWithCloseCallback(e.currentTarget.href, () => onEditClosed(selectedItem));
+              e.preventDefault();
+            }
+          },
+          css: selectItemLinkBtn,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { css: selectItemSmallText, children: "Edit" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Image, { src: logoIcon, css: selectedItemIcon, alt: "Logo" })
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onDeselect(selectedItem);
+          },
+          css: selectItemLinkBtn,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { css: selectItemSmallText, children: "Unlink" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system5.Icon, { icon: import_cg2.CgClose, iconColor: "red", size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] }) }, selectedItem.id);
+};
+
+// src/components/EntrySearch/EntrySearch.tsx
+var import_react16 = require("@emotion/react");
+var import_design_system6 = require("@uniformdev/design-system");
+var React5 = __toESM(require("react"));
+var import_react_beautiful_dnd = require("react-beautiful-dnd");
+var import_react_use2 = require("react-use");
+var import_uuid = require("uuid");
+
+// src/hooks/useLoadingDelay.ts
+var import_react14 = require("react");
+function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
+  delay: 500,
+  minDuration: 200
+}) {
+  const [state, setState] = (0, import_react14.useState)("IDLE");
+  const timeout = (0, import_react14.useRef)(void 0);
+  (0, import_react14.useEffect)(() => {
+    if (loading && state === "IDLE") {
+      clearTimeout(timeout.current);
+      timeout.current = setTimeout(() => {
+        if (!loading) {
+          return setState("IDLE");
+        }
+        timeout.current = setTimeout(() => {
+          setState("EXPIRE");
+        }, minDuration);
+        setState("DISPLAY");
+      }, delay);
+      setState("DELAY");
+    }
+    if (!loading && state !== "DISPLAY") {
+      clearTimeout(timeout.current);
+      setState("IDLE");
+    }
+  }, [loading, state, delay, minDuration]);
+  (0, import_react14.useEffect)(() => {
+    return () => clearTimeout(timeout.current);
+  }, []);
+  return state === "DISPLAY" || state === "EXPIRE";
+}
+
+// src/components/EntrySearch/styles/EntrySearch.styles.ts
+var import_react15 = require("@emotion/react");
+var entrySearchWrapper = import_react15.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=A.css`
+`;
+var entrySearchBtn = import_react15.css`
   align-items: center;
   display: flex;
   position: relative;
@@ -278,7 +1607,8 @@
   width: 100%;
   background-color: transparent;
   border: 0;
-`,Lr=A.css`
+`;
+var entrySearchLoadMoreBtn = import_react15.css`
   color: var(--brand-secondary-1);
   display: block;
   font-weight: var(--fw-bold);
@@ -294,15 +1624,18 @@
     background: var(--gray-100);
     outline: none;
   }
-`,Vr=A.css`
+`;
+var entrySearchConfig = import_react15.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;
-`,kr=A.css`
+`;
+var entrySearchConfigHidden = import_react15.css`
   display: none;
-`,Dr=A.css`
+`;
+var entrySearchResultList = import_react15.css`
   overflow-y: auto;
   height: 16rem;
   margin-bottom: var(--spacing-base);
@@ -311,26 +1644,31 @@
   & > :not(:last-child) {
     border-bottom: 1px solid var(--gray-200);
   }
-`,kn=A.css`
+`;
+var entrySearchSelectInput = import_react15.css`
   background-color: var(--gray-50);
   max-width: 33.33%;
-`,_r=A.css`
+`;
+var entrySearchSelectIcon = import_react15.css`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 0 0 auto;
   pointer-events: none;
   padding-right: var(--spacing-sm);
-`,Ir=A.css`
+`;
+var entrySearchSelectImg = import_react15.css`
   color: var(--brand-secondary-1);
   width: 1.25rem;
   height: 1.25rem;
   transition: transform var(--duration-fast) var(--timing-ease-out);
   transform: rotate(0);
-`,Dn=A.css`
+`;
+var entrySearchSelectOption = import_react15.css`
   background: var(--white);
   color: var(--brand-secondary-1);
-`,Er=A.css`
+`;
+var draggableContainer = import_react15.css`
   position: relative;
   margin-block: var(--spacing-sm) 0;
 
@@ -342,96 +1680,552 @@
     left: auto !important;
     top: auto !important;
   }
-`,Mr=A.css`
+`;
+var draggableIconWrapper = import_react15.css`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 auto 0 0;
   margin-block: auto;
   opacity: 0;
-`,Rt=A.css`
+`;
+var draggableIcon = import_react15.css`
   color: var(--brand-secondary-1);
-`,Ur=A.css`
+`;
+var draggableIconOffset = import_react15.css`
   position: absolute;
   left: 0.375rem;
-`,Pt=A.css`
+`;
+var badgeIcon = import_react15.css`
   width: calc(var(--spacing-lg) + var(--spacing-xs));
   height: calc(var(--spacing-lg) + var(--spacing-xs));
-`;var v=require("@emotion/react/jsx-runtime"),_n=({searchText:e,selectedContentType:t})=>{let r="No content found";return t&&t!=="any"&&(r=`No ${t} content was found`),e&&(r=`${r} for keyword '${e}'.`),(0,v.jsx)(q.Callout,{type:"info",children:r})},qr=({search:e,results:t,contentTypes:r,selectedItems:a,logoIcon:o,select:i,multiSelect:n,multiSelectId:s,rowComponent:l,selectedItemComponent:p,totalResults:d,cursor:u,resultsLoading:y,requireContentType:f,onAddNew:P,onEditClosed:w,onCancel:T,noResultsComponent:Be,helpComponent:Ke,onSort:ee,typeSelectorLabel:ve="Content Type Select",typeSelectorAllTypesOptionText:ie="All content types",loadingIndicatorDelay:Qe=1e3})=>{var Ia,Ea,Ma;let Re=()=>f?Array.isArray(r)&&r.length>0?r[0].id:"":"any",[H,N]=re.useState(""),[b,Q]=re.useState(Re),[m,Z]=re.useState(!1),[B,Pe]=re.useState([]),[Qo,Va]=re.useState(!1),Gt=re.useRef(`x${(0,uo.v4)()}`);(0,po.useDebounce)(()=>{e(H,{count:5,offset:0,contentType:b==="any"?void 0:b})},300,[H,b]);let Yo=co(y,{delay:Qe}),Zo=g=>{B.some(L=>L.id===g.id)?Pe(L=>L.filter(he=>he.id!==g.id)):Pe(n?L=>[...L,g]:[g])},Xo=a==null?void 0:a.map(g=>g.id+g.title).join(",");re.useEffect(()=>{Array.isArray(a)&&Pe(a)},[Xo]);let Jo=()=>{Q(Re()),N(""),Pe(a!=null&&a.length?a:[])},jo=()=>{Z(g=>!g),m||Jo()},ka=g=>{let L=(B==null?void 0:B.filter(he=>he.id!==g.id))||[];Pe(L),i(L,"")},en=g=>{g.preventDefault(),i(B,b),Z(!1)},tn=g=>{g.preventDefault(),Z(!1),T&&T()},rn=()=>{e(H,{count:5,offset:(t==null?void 0:t.length)||0,contentType:b==="any"?void 0:b,cursor:u}),Va(!0);let g=setTimeout(()=>{Va(!1)},750);return()=>clearTimeout(g)},an=!(a==null?void 0:a.length)||n,on=l||gr,Da=p||Rr,nn=Be||_n,_a=o&&typeof o!="string"?o:null,sn=_a?(0,v.jsx)(_a,{css:Pt}):(0,v.jsx)("img",{src:o,alt:"Logo",css:Pt}),ln=g=>{var L,he;if(g.destination&&g.source.droppableId===((L=g.destination)==null?void 0:L.droppableId)){let F=[...a||[]],[Ht]=(he=F==null?void 0:F.splice(g.source.index,1))!=null?he:[];return F==null||F.splice(g.destination.index,0,Ht),ee&&(Pe(F),ee==null||ee(F)),F}};return(0,v.jsx)("div",{css:J.css`
+`;
+
+// src/components/EntrySearch/EntrySearch.tsx
+var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
+var DefaultNoResults = ({ searchText, selectedContentType }) => {
+  let message = "No content found";
+  if (selectedContentType && selectedContentType !== "any") {
+    message = `No ${selectedContentType} content was found`;
+  }
+  if (searchText) {
+    message = `${message} for keyword '${searchText}'.`;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system6.Callout, { type: "info", children: message });
+};
+var EntrySearch = ({
+  search,
+  results,
+  contentTypes,
+  selectedItems,
+  logoIcon,
+  select,
+  multiSelect,
+  multiSelectId,
+  rowComponent,
+  selectedItemComponent,
+  totalResults,
+  cursor,
+  resultsLoading,
+  requireContentType,
+  onAddNew,
+  onEditClosed,
+  onCancel,
+  noResultsComponent,
+  helpComponent,
+  onSort,
+  typeSelectorLabel = "Content Type Select",
+  typeSelectorAllTypesOptionText = "All content types",
+  loadingIndicatorDelay = 1e3
+}) => {
+  var _a, _b, _c;
+  const pageSize = 5;
+  const resolveInitialContentTypeState = () => {
+    if (!requireContentType) {
+      return "any";
+    }
+    if (Array.isArray(contentTypes) && contentTypes.length > 0) {
+      return contentTypes[0].id;
+    }
+    return "";
+  };
+  const [textInput, setTextInput] = React5.useState("");
+  const [contentTypeSelected, setContentTypeSelected] = React5.useState(resolveInitialContentTypeState);
+  const [listOpen, setListOpen] = React5.useState(false);
+  const [selectedListItems, setSelectedListItems] = React5.useState([]);
+  const [loadingMore, setLoadingMore] = React5.useState(false);
+  const listBoxId = React5.useRef(`x${(0, import_uuid.v4)()}`);
+  (0, import_react_use2.useDebounce)(
+    () => {
+      search(textInput, {
+        count: pageSize,
+        offset: 0,
+        contentType: contentTypeSelected === "any" ? void 0 : contentTypeSelected
+      });
+    },
+    300,
+    [textInput, contentTypeSelected]
+  );
+  const showLoadingOverlay = useLoadingDelay(resultsLoading, { delay: loadingIndicatorDelay });
+  const handleListItemSelect = (selectedResult) => {
+    if (selectedListItems.some((item) => item.id === selectedResult.id)) {
+      setSelectedListItems((prev) => prev.filter((item) => item.id !== selectedResult.id));
+    } else {
+      if (!multiSelect) {
+        setSelectedListItems([selectedResult]);
+      } else {
+        setSelectedListItems((prev) => [...prev, selectedResult]);
+      }
+    }
+  };
+  const selectedItemsHash = selectedItems == null ? void 0 : selectedItems.map((item) => item.id + item.title).join(",");
+  React5.useEffect(
+    () => {
+      if (Array.isArray(selectedItems)) {
+        setSelectedListItems(selectedItems);
+      }
+    },
+    [selectedItemsHash]
+  );
+  const resetForm = () => {
+    setContentTypeSelected(resolveInitialContentTypeState());
+    setTextInput("");
+    setSelectedListItems((selectedItems == null ? void 0 : selectedItems.length) ? selectedItems : []);
+  };
+  const handleListButtonClick = () => {
+    setListOpen((prevState) => !prevState);
+    if (!listOpen) {
+      resetForm();
+    }
+  };
+  const handleDeselect = (result) => {
+    const newValue = (selectedListItems == null ? void 0 : selectedListItems.filter((product) => product.id !== result.id)) || [];
+    setSelectedListItems(newValue);
+    select(newValue, "");
+  };
+  const handleAcceptClick = (e) => {
+    e.preventDefault();
+    select(selectedListItems, contentTypeSelected);
+    setListOpen(false);
+  };
+  const handleCancelClick = (e) => {
+    e.preventDefault();
+    setListOpen(false);
+    if (onCancel)
+      onCancel();
+  };
+  const handleLoadMoreClick = () => {
+    search(textInput, {
+      count: pageSize,
+      offset: (results == null ? void 0 : results.length) || 0,
+      contentType: contentTypeSelected === "any" ? void 0 : contentTypeSelected,
+      cursor
+    });
+    setLoadingMore(true);
+    const timeout = setTimeout(() => {
+      setLoadingMore(false);
+    }, 750);
+    return () => clearTimeout(timeout);
+  };
+  const showSelectedItems = selectedItems == null ? void 0 : selectedItems.length;
+  const showSearchBox = !showSelectedItems || multiSelect;
+  const ResolvedRowComponent = rowComponent || DefaultSearchRow;
+  const ResolvedSelectedItemComponent = selectedItemComponent || DefaultSelectedItem;
+  const ResolvedNoResultsComponent = noResultsComponent || DefaultNoResults;
+  const CompIcon = logoIcon && typeof logoIcon !== "string" ? logoIcon : null;
+  const resolvedIcon = CompIcon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CompIcon, { css: badgeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: logoIcon, alt: "Logo", css: badgeIcon });
+  const onDragEnd = (res) => {
+    var _a2, _b2;
+    if (res.destination && res.source.droppableId === ((_a2 = res.destination) == null ? void 0 : _a2.droppableId)) {
+      const result = [...selectedItems || []];
+      const [removed] = (_b2 = result == null ? void 0 : result.splice(res.source.index, 1)) != null ? _b2 : [];
+      result == null ? void 0 : result.splice(res.destination.index, 0, removed);
+      if (onSort) {
+        setSelectedListItems(result);
+        onSort == null ? void 0 : onSort(result);
+      }
+      return result;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      css: import_react16.css`
         width: 100%;
-      `,children:(0,v.jsxs)("div",{css:J.css`
+      `,
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        "div",
+        {
+          css: import_react16.css`
           position: relative;
           margin-block: var(--spacing-base);
-        `,children:[an?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{css:Pr,"data-test-id":"component-search",children:(0,v.jsxs)("button",{css:Tr,onClick:jo,type:"button","aria-haspopup":!0,"aria-expanded":m,"aria-controls":`entry-search-config-${Gt.current}`,children:[sn,(0,v.jsx)("span",{css:J.css`
+        `,
+          children: [
+            showSearchBox ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { css: entrySearchWrapper, "data-test-id": "component-search", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                "button",
+                {
+                  css: entrySearchBtn,
+                  onClick: handleListButtonClick,
+                  type: "button",
+                  "aria-haspopup": true,
+                  "aria-expanded": listOpen,
+                  "aria-controls": `entry-search-config-${listBoxId.current}`,
+                  children: [
+                    resolvedIcon,
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      "span",
+                      {
+                        css: import_react16.css`
                     margin-left: var(--spacing-base);
-                  `,children:"Select"}),(0,v.jsx)("span",{css:_r,children:(0,v.jsx)(pt,{css:[Ir,m?J.css`
+                  `,
+                        children: "Select"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { css: entrySearchSelectIcon, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      ChevronDown_default,
+                      {
+                        css: [
+                          entrySearchSelectImg,
+                          !listOpen ? void 0 : import_react16.css`
                             transform: rotate(180deg);
-                          `:void 0]})})]})}),(0,v.jsxs)("div",{id:`entry-search-config-${Gt.current}`,"aria-hidden":!m,css:[Vr,m?void 0:kr],children:[Ke||null,(0,v.jsxs)("div",{css:J.css`
+                          `
+                        ]
+                      }
+                    ) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                "div",
+                {
+                  id: `entry-search-config-${listBoxId.current}`,
+                  "aria-hidden": !listOpen,
+                  css: [entrySearchConfig, listOpen ? void 0 : entrySearchConfigHidden],
+                  children: [
+                    helpComponent || null,
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                      "div",
+                      {
+                        css: import_react16.css`
                   display: flex;
                   gap: calc(var(--spacing-base) - 0.25rem);
                   margin-bottom: var(--spacing-base);
-                `,children:[(0,v.jsx)(q.InputSelect,{onChange:g=>Q(g.target.value),value:b,label:ve,showLabel:!1,options:[...f?[]:[{value:"any",label:ie}],...r?r.map(g=>({value:g.id,label:g.name})):[]]}),(0,v.jsx)("div",{css:J.css`
+                `,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            import_design_system6.InputSelect,
+                            {
+                              onChange: (e) => setContentTypeSelected(e.target.value),
+                              value: contentTypeSelected,
+                              label: typeSelectorLabel,
+                              showLabel: false,
+                              options: [
+                                ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
+                                ...contentTypes ? contentTypes.map((option) => {
+                                  return {
+                                    value: option.id,
+                                    label: option.name
+                                  };
+                                }) : []
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            "div",
+                            {
+                              css: import_react16.css`
                     flex-grow: 1;
-                  `,children:(0,v.jsx)(q.InputKeywordSearch,{inputFieldName:"searchText",placeholder:"Enter keyword to narrow your results",onSearchTextChanged:N,disabledFieldSubmission:!0,value:H})})]}),(0,v.jsxs)("div",{css:[Dr,q.scrollbarStyles],id:Gt.current,role:"listbox",tabIndex:0,"data-test-id":"entry-list",children:[(0,v.jsx)(q.LoadingOverlay,{isActive:Yo}),Array.isArray(t)&&t.length>0?t.map(g=>(0,v.jsx)(on,{isSelected:B.some(L=>L.id===g.id),result:g,triggerSelection:()=>Zo(g)},g.id)):y?null:(0,v.jsx)(nn,{searchText:H||H,selectedContentType:(Ea=(Ia=r==null?void 0:r.find(g=>g.id===b))==null?void 0:Ia.name)!=null?Ea:b}),!y&&typeof d!="undefined"&&t&&(t==null?void 0:t.length)<d&&(0,v.jsx)("button",{type:"button",css:Lr,onClick:rn,children:Qo?(0,v.jsx)(q.LoadingIndicator,{}):"Load More"})]}),(0,v.jsxs)("div",{css:J.css`
+                  `,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                import_design_system6.InputKeywordSearch,
+                                {
+                                  inputFieldName: "searchText",
+                                  placeholder: "Enter keyword to narrow your results",
+                                  onSearchTextChanged: setTextInput,
+                                  disabledFieldSubmission: true,
+                                  value: textInput
+                                }
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                      "div",
+                      {
+                        css: [entrySearchResultList, import_design_system6.scrollbarStyles],
+                        id: listBoxId.current,
+                        role: "listbox",
+                        tabIndex: 0,
+                        "data-test-id": "entry-list",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system6.LoadingOverlay, { isActive: showLoadingOverlay }),
+                          Array.isArray(results) && results.length > 0 ? results.map((result) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            ResolvedRowComponent,
+                            {
+                              isSelected: selectedListItems.some((item) => item.id === result.id),
+                              result,
+                              triggerSelection: () => handleListItemSelect(result)
+                            },
+                            result.id
+                          )) : resultsLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            ResolvedNoResultsComponent,
+                            {
+                              searchText: textInput || textInput,
+                              selectedContentType: (_b = (_a = contentTypes == null ? void 0 : contentTypes.find((t) => t.id === contentTypeSelected)) == null ? void 0 : _a.name) != null ? _b : contentTypeSelected
+                            }
+                          ),
+                          !resultsLoading && typeof totalResults !== "undefined" && results && (results == null ? void 0 : results.length) < totalResults && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", css: entrySearchLoadMoreBtn, onClick: handleLoadMoreClick, children: !loadingMore ? "Load More" : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system6.LoadingIndicator, {}) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                      "div",
+                      {
+                        css: import_react16.css`
                   display: flex;
                   justify-content: space-between;
-                `,children:[(0,v.jsx)("div",{children:P&&((Ma=r==null?void 0:r.length)!=null?Ma:0)>0?(0,v.jsx)(q.Menu,{menuLabel:"Add new menu",menuTrigger:(0,v.jsx)(q.Button,{buttonType:"secondary",children:"Add New"}),children:r==null?void 0:r.map(g=>(0,v.jsx)(q.MenuItem,{css:J.css`
+                `,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: onAddNew && ((_c = contentTypes == null ? void 0 : contentTypes.length) != null ? _c : 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                            import_design_system6.Menu,
+                            {
+                              menuLabel: "Add new menu",
+                              menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system6.Button, { buttonType: "secondary", children: "Add New" }),
+                              children: contentTypes == null ? void 0 : contentTypes.map((ct) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                import_design_system6.MenuItem,
+                                {
+                                  css: import_react16.css`
                             background: var(--white);
                             color: var(--brand-secondary-1);
-                          `,onClick:()=>P(g),children:g.name},g.id))}):null}),(0,v.jsxs)("div",{css:J.css`
+                          `,
+                                  onClick: () => onAddNew(ct),
+                                  children: ct.name
+                                },
+                                ct.id
+                              ))
+                            }
+                          ) : null }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                            "div",
+                            {
+                              css: import_react16.css`
                     display: flex;
                     gap: var(--spacing-base);
-                  `,children:[(0,v.jsx)(q.Button,{buttonType:"unimportant",onClick:tn,children:"Cancel"}),(0,v.jsx)(q.Button,{disabled:!B.length,onClick:en,"data-test-id":"entry-accept-button",children:"Accept"})]})]})]})]}):null,m?null:n&&B.length>1?(0,v.jsx)(Ge.DragDropContext,{onDragEnd:g=>ln(g),children:(0,v.jsx)(Ge.Droppable,{droppableId:s||"canvas-multi-select",children:g=>(0,v.jsxs)("div",{...g.droppableProps,ref:g.innerRef,css:J.css`
+                  `,
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_design_system6.Button, { buttonType: "unimportant", onClick: handleCancelClick, children: "Cancel" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                  import_design_system6.Button,
+                                  {
+                                    disabled: !selectedListItems.length,
+                                    onClick: handleAcceptClick,
+                                    "data-test-id": "entry-accept-button",
+                                    children: "Accept"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }) : null,
+            !listOpen ? multiSelect && selectedListItems.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_beautiful_dnd.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_beautiful_dnd.Droppable, { droppableId: multiSelectId || "canvas-multi-select", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              "div",
+              {
+                ...provided.droppableProps,
+                ref: provided.innerRef,
+                css: import_react16.css`
                       margin-block: var(--spacing-sm) 0;
-                    `,children:[B==null?void 0:B.map((L,he)=>{if(L!=null&&L.id)return(0,v.jsx)(Ge.Draggable,{draggableId:L.id,index:he,children:(F,Ht)=>(0,v.jsxs)("div",{css:Er,ref:F.innerRef,"data-dragging":Ht.isDragging,...F.draggableProps,...F.dragHandleProps,children:[(0,v.jsxs)("span",{css:Mr,children:[(0,v.jsx)(Ze,{css:[Rt,Ur],width:24,height:24}),(0,v.jsx)(Ze,{css:Rt,width:24,height:24})]}),(0,v.jsx)(Da,{logoIcon:o,selectedItem:L,onDeselect:Nt=>ka(Nt),onEditClosed:w?Nt=>w(Nt):void 0},`selected-item-${L.id}`)]})},L.id)}),g.placeholder]})})}):B==null?void 0:B.map(g=>(0,v.jsx)(Da,{logoIcon:o,selectedItem:g,onDeselect:L=>ka(L),onEditClosed:w?L=>w(L):void 0},`selected-item-${g.id}`))]})})};var Fr=require("@emotion/react");var xe=require("@emotion/react"),Br=xe.css`
+                    `,
+                children: [
+                  selectedListItems == null ? void 0 : selectedListItems.map((selectedItem, index) => {
+                    if (selectedItem == null ? void 0 : selectedItem.id) {
+                      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_beautiful_dnd.Draggable, { draggableId: selectedItem.id, index, children: (provided2, snapshot) => {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                          "div",
+                          {
+                            css: draggableContainer,
+                            ref: provided2.innerRef,
+                            "data-dragging": snapshot.isDragging,
+                            ...provided2.draggableProps,
+                            ...provided2.dragHandleProps,
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { css: draggableIconWrapper, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                  MoreVerticalAlt_default,
+                                  {
+                                    css: [draggableIcon, draggableIconOffset],
+                                    width: 24,
+                                    height: 24
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MoreVerticalAlt_default, { css: draggableIcon, width: 24, height: 24 })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                                ResolvedSelectedItemComponent,
+                                {
+                                  logoIcon,
+                                  selectedItem,
+                                  onDeselect: (item) => handleDeselect(item),
+                                  onEditClosed: onEditClosed ? (item) => onEditClosed(item) : void 0
+                                },
+                                `selected-item-${selectedItem.id}`
+                              )
+                            ]
+                          }
+                        );
+                      } }, selectedItem.id);
+                    }
+                  }),
+                  provided.placeholder
+                ]
+              }
+            ) }) }) : selectedListItems == null ? void 0 : selectedListItems.map((selectedItem) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              ResolvedSelectedItemComponent,
+              {
+                logoIcon,
+                selectedItem,
+                onDeselect: (item) => handleDeselect(item),
+                onEditClosed: onEditClosed ? (item) => onEditClosed(item) : void 0
+              },
+              `selected-item-${selectedItem.id}`
+            )) : null
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/components/commerce/ProductSearchRow.tsx
+var import_react18 = require("@emotion/react");
+
+// src/components/commerce/styles/ProductSearchRow.styles.ts
+var import_react17 = require("@emotion/react");
+var productSearchRowContainer = import_react17.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);
-`,Ar=xe.css`
+`;
+var productSearchRowContent = import_react17.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);
-`,zr=xe.css`
+`;
+var productSearchRowContentActive = import_react17.css`
   background-color: var(--green-50);
-`,Or=xe.css`
+`;
+var productSearchRowTitle = import_react17.css`
   font-size: var(--fs-sm);
   font-weight: var(--fw-bold);
   width: 50%;
-`,Gr=xe.css`
+`;
+var productSearchRowCategory = import_react17.css`
   font-weight: var(--fw-normal);
   display: block;
-`,Hr=xe.css`
+`;
+var productSearchRowDetails = import_react17.css`
   font-size: var(--fs-sm);
   > * {
     display: block;
   }
-`,Nr=xe.css`
+`;
+var productSearchRowActiveIcon = import_react17.css`
   display: block;
   height: 1.5rem;
   width: 1.5rem;
   color: var(--brand-secondary-3);
   margin-left: auto;
-`;var j=require("@emotion/react/jsx-runtime");function $r({result:e,isSelected:t,triggerSelection:r}){var s;let{categories:a,logoIcon:o}=Xe(),[i]=e.categories||[{id:"",name:""}],n=typeof i=="undefined"||!a||(s=a.find(l=>l.id===i.id))==null?void 0:s.name;return(0,j.jsx)("div",{"data-value":e.id,role:"option",tabIndex:-1,onClick:()=>r(),css:[Br],children:(0,j.jsxs)("div",{css:[Ar,t?zr:void 0],children:[e.thumbnailUrl?(0,j.jsx)("img",{src:e.thumbnailUrl,alt:`Thumbnail for ${e.title}`,css:Fr.css`
+`;
+
+// src/components/commerce/ProductSearchRow.tsx
+var import_jsx_runtime22 = require("@emotion/react/jsx-runtime");
+function ProductSearchRow({
+  result,
+  isSelected,
+  triggerSelection
+}) {
+  var _a;
+  const { categories, logoIcon } = useProductSearchContext();
+  const [category] = result.categories || [{ id: "", name: "" }];
+  const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      "data-value": result.id,
+      role: "option",
+      tabIndex: -1,
+      onClick: () => triggerSelection(),
+      css: [productSearchRowContainer],
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { css: [productSearchRowContent, isSelected ? productSearchRowContentActive : void 0], children: [
+        result.thumbnailUrl ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "img",
+          {
+            src: result.thumbnailUrl,
+            alt: `Thumbnail for ${result.title}`,
+            css: import_react18.css`
               background-color: var(--gray-200);
               width: 3rem;
               height: 3rem;
               object-fit: cover;
-            `}):(0,j.jsx)(te,{src:o,alt:"Logo",css:Fr.css`
+            `
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          Image,
+          {
+            src: logoIcon,
+            alt: "Logo",
+            css: import_react18.css`
               height: 2.25rem;
               width: 2.25rem;
-            `}),(0,j.jsxs)("h4",{css:[Or],children:[e.title,n?(0,j.jsx)("span",{css:[Gr],children:n}):null]}),(0,j.jsxs)("p",{css:[Hr],children:["SKU: ",e.sku||e.id,e.price!==void 0?(0,j.jsx)("span",{children:e.price}):null]}),t?(0,j.jsx)(ct,{css:[Nr]}):null]})},e.id)}var ke=require("@emotion/react"),kt=require("@uniformdev/design-system"),mo=require("react-icons/cg");var me=require("@emotion/react"),Wr=require("@uniformdev/design-system"),Kr=me.css`
+            `
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("h4", { css: [productSearchRowTitle], children: [
+          result.title,
+          categoryName ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { css: [productSearchRowCategory], children: categoryName }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { css: [productSearchRowDetails], children: [
+          "SKU: ",
+          result.sku || result.id,
+          result.price !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: result.price }) : null
+        ] }),
+        isSelected ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Checkmark_default, { css: [productSearchRowActiveIcon] }) : null
+      ] })
+    },
+    result.id
+  );
+}
+
+// src/components/commerce/ProductSelectedItem.tsx
+var import_react20 = require("@emotion/react");
+var import_design_system8 = require("@uniformdev/design-system");
+var import_cg3 = require("react-icons/cg");
+
+// src/components/commerce/styles/ProductSelectedItem.styles.ts
+var import_react19 = require("@emotion/react");
+var import_design_system7 = require("@uniformdev/design-system");
+var productSelectedItemContainer = import_react19.css`
   border: 1px solid var(--gray-200);
   border-radius: var(--rounded-base);
   background: var(--gray-50);
   display: flex;
   width: 100%;
-`,Qr=me.css`
+`;
+var productSelectedItemDetails = import_react19.css`
   align-items: center;
   display: flex;
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
@@ -439,22 +2233,25 @@
   flex-grow: 1;
   gap: var(--spacing-sm);
   margin-inline: 0 var(--spacing-sm);
-`,Yr=me.css`
+`;
+var productSelectedItemContent = import_react19.css`
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
   flex-grow: 1;
 
-  ${(0,Wr.mq)("lg")} {
+  ${(0, import_design_system7.mq)("lg")} {
     width: 50%;
     margin-bottom: 0;
   }
-`,Tt=me.css`
+`;
+var productSelectedItemImage = import_react19.css`
   background-color: var(--gray-200);
   width: 3.5rem;
   height: 3.5rem;
   object-fit: cover;
-`,Lt=me.css`
+`;
+var productedSelectedItemLinkBtn = import_react19.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -469,50 +2266,277 @@
   &:hover {
     background: var(--gray-50);
   }
-`,Vt=me.css`
+`;
+var productedSelectedItemSmallText = import_react19.css`
   font-size: var(--fs-sm);
-`,Zr=me.css`
+`;
+var productSelectedItemIcon = import_react19.css`
   display: block;
   width: 1rem;
   height: 1rem;
-`,Xr=me.css`
+`;
+var productSelectedItemLinkContainer = import_react19.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${(0,Wr.mq)("md")} {
+  ${(0, import_design_system7.mq)("md")} {
     flex-direction: row;
     min-width: 200px;
     justify-content: end;
   }
-`;var k=require("@emotion/react/jsx-runtime");function Jr({selectedItem:e,onDeselect:t}){var n;let{categories:r,logoIcon:a}=Xe(),[o]=e.categories||[{id:"",name:""}],i=typeof o=="undefined"||!r||(n=r.find(s=>s.id===o.id))==null?void 0:n.name;return(0,k.jsx)("div",{css:[Kr],children:(0,k.jsxs)("article",{css:[Qr],children:[(0,k.jsxs)("div",{css:[Yr],children:[e.thumbnailUrl?(0,k.jsx)("img",{src:e.thumbnailUrl,alt:i,css:[Tt],loading:"lazy"}):(0,k.jsx)("div",{css:[Tt]}),(0,k.jsxs)("div",{css:ke.css`
+`;
+
+// src/components/commerce/ProductSelectedItem.tsx
+var import_jsx_runtime23 = require("@emotion/react/jsx-runtime");
+function ProductSelectedItem({
+  selectedItem,
+  onDeselect
+}) {
+  var _a;
+  const { categories, logoIcon } = useProductSearchContext();
+  const [category] = selectedItem.categories || [{ id: "", name: "" }];
+  const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { css: [productSelectedItemContainer], children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("article", { css: [productSelectedItemDetails], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { css: [productSelectedItemContent], children: [
+      selectedItem.thumbnailUrl ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "img",
+        {
+          src: selectedItem.thumbnailUrl,
+          alt: categoryName,
+          css: [productSelectedItemImage],
+          loading: "lazy"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { css: [productSelectedItemImage] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "div",
+        {
+          css: import_react20.css`
               > :not(:last-child) {
                 margin-bottom: var(--spacing-xs);
               }
-            `,children:[(0,k.jsxs)("h4",{css:ke.css`
+            `,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              "h4",
+              {
+                css: import_react20.css`
                 margin-top: 0px;
                 font-weight: var(--fw-bold);
-              `,children:[e.title||e.id||"",i&&(0,k.jsx)("span",{css:ke.css`
+              `,
+                children: [
+                  selectedItem.title || selectedItem.id || "",
+                  categoryName && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    "span",
+                    {
+                      css: import_react20.css`
                     display: block;
                     font-weight: var(--fw-regular);
-                  `,children:i})]}),(0,k.jsxs)("ul",{css:ke.css`
+                  `,
+                      children: categoryName
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              "ul",
+              {
+                css: import_react20.css`
                 font-size: var(--fs-sm);
 
-                ${(0,kt.mq)("sm")} {
+                ${(0, import_design_system8.mq)("sm")} {
                   display: flex;
                   gap: var(--spacing-base);
                 }
-              `,children:[(0,k.jsxs)("li",{children:[(0,k.jsx)("span",{css:ke.css`
+              `,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                      "span",
+                      {
+                        css: import_react20.css`
                     margin-right: var(--spacing-xs);
-                  `,children:"SKU:"}),e.sku||e.id]}),e.price!==void 0?(0,k.jsxs)("li",{children:[(0,k.jsx)("span",{css:ke.css`
+                  `,
+                        children: "SKU:"
+                      }
+                    ),
+                    selectedItem.sku || selectedItem.id
+                  ] }),
+                  selectedItem.price !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                      "span",
+                      {
+                        css: import_react20.css`
                       margin-right: var(--spacing-xs);
-                    `,children:"Price:"}),(0,k.jsx)("span",{children:e.price})]}):null]})]})]}),(0,k.jsxs)("div",{css:Xr,children:[e.editLink?(0,k.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",css:Lt,children:[(0,k.jsx)("span",{css:Vt,children:"Edit"}),(0,k.jsx)(te,{src:a,alt:"Logo",css:Zr})]}):null,(0,k.jsxs)("button",{type:"button",onClick:()=>{t==null||t(e)},css:Lt,children:[(0,k.jsx)("span",{css:Vt,children:"Unlink"}),(0,k.jsx)(kt.Icon,{icon:mo.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}var He=require("@emotion/react/jsx-runtime");function In({selectedProducts:e,setSelectedProducts:t,onGetCategories:r,onSearchProducts:a,logoIcon:o,multiSelect:i,multiSelectId:n,selectedItemComponent:s,rowComponent:l,errorComponent:p,helpComponent:d,noResultsComponent:u,onSort:y,typeSelectorAllTypesOptionText:f="All categories",typeSelectorLabel:P="Select Category"}){var Re,H;let{value:w,loading:T,error:Be}=(0,Dt.useAsync)(async()=>await r(),[r]),Ke=w==null?void 0:w.map(N=>N.id).join(","),ee=(0,we.useMemo)(()=>w?w.map(b=>({id:b.id,name:b.name})):void 0,[Ke]),ve=(0,we.useRef)(),[ie,Qe]=(0,Dt.useAsyncFn)(async(N,b)=>{let Q=await a({text:N,options:{limit:b==null?void 0:b.count,offset:b==null?void 0:b.offset,categoryId:b==null?void 0:b.contentType,cursor:b==null?void 0:b.cursor}});return(b==null?void 0:b.offset)===0&&(ve.current=[]),(ve.current=ve.current||[]).push(...Q.products),Q},[a]),st=async N=>{await t(N)};return Be||ie.error?(0,He.jsx)(p||(({categoriesError:b,searchError:Q})=>(0,He.jsxs)(go.Callout,{type:"error",children:["There was an error: ",(b==null?void 0:b.message)||(Q==null?void 0:Q.message)]})),{categoriesError:Be,searchError:ie.error}):(0,He.jsx)(jr.Provider,{value:{categories:w,logoIcon:o},children:(0,He.jsx)(qr,{search:Qe,results:ve.current,logoIcon:o,selectedItems:e,select:st,multiSelectId:n||"product-search-multi-select",multiSelect:i,contentTypes:ee,selectedItemComponent:s||Jr,rowComponent:l||$r,totalResults:(Re=ie.value)==null?void 0:Re.total,cursor:(H=ie.value)==null?void 0:H.cursor,resultsLoading:ie.loading||T,helpComponent:d,noResultsComponent:u,onSort:y,typeSelectorAllTypesOptionText:f,typeSelectorLabel:P})})}var jr=we.default.createContext(void 0),Xe=()=>{let e=(0,we.useContext)(jr);if(!e)throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");return e};var _e=require("@emotion/react"),ca=require("@uniformdev/design-system"),Ie=require("react"),Et=require("react-icons/cg"),vo=require("timeago.js");var O=require("@emotion/react"),fo=require("@uniformdev/design-system"),ea=O.css`
+                    `,
+                        children: "Price:"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: selectedItem.price })
+                  ] }) : null
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { css: productSelectedItemLinkContainer, children: [
+      selectedItem.editLink ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "a",
+        {
+          href: selectedItem.editLink,
+          title: "edit",
+          rel: "noopener noreferrer",
+          target: "_blank",
+          css: productedSelectedItemLinkBtn,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { css: productedSelectedItemSmallText, children: "Edit" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Image, { src: logoIcon, alt: "Logo", css: productSelectedItemIcon })
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onDeselect == null ? void 0 : onDeselect(selectedItem);
+          },
+          css: productedSelectedItemLinkBtn,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { css: productedSelectedItemSmallText, children: "Unlink" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system8.Icon, { icon: import_cg3.CgClose, iconColor: "red", size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] }) }, selectedItem.id);
+}
+
+// src/components/commerce/ProductSearch.tsx
+var import_jsx_runtime24 = require("@emotion/react/jsx-runtime");
+function ProductSearch({
+  selectedProducts,
+  setSelectedProducts,
+  onGetCategories,
+  onSearchProducts,
+  logoIcon,
+  multiSelect,
+  multiSelectId,
+  selectedItemComponent,
+  rowComponent,
+  errorComponent,
+  helpComponent,
+  noResultsComponent,
+  onSort,
+  typeSelectorAllTypesOptionText = "All categories",
+  typeSelectorLabel = "Select Category"
+}) {
+  var _a, _b;
+  const {
+    value: categories,
+    loading: categoriesLoading,
+    error: categoriesError
+  } = (0, import_react_use3.useAsync)(async () => {
+    return await onGetCategories();
+  }, [onGetCategories]);
+  const categoryIds = categories == null ? void 0 : categories.map((c) => c.id).join(",");
+  const categoryOptions = (0, import_react21.useMemo)(
+    () => {
+      if (!categories) {
+        return void 0;
+      }
+      const result = categories.map((category) => ({
+        id: category.id,
+        name: category.name
+      }));
+      return result;
+    },
+    [categoryIds]
+  );
+  const combinedSearchResults = (0, import_react21.useRef)();
+  const [handleSearchState, handleSearch] = (0, import_react_use3.useAsyncFn)(
+    async (text, options) => {
+      const result = await onSearchProducts({
+        text,
+        options: {
+          limit: options == null ? void 0 : options.count,
+          offset: options == null ? void 0 : options.offset,
+          categoryId: options == null ? void 0 : options.contentType,
+          cursor: options == null ? void 0 : options.cursor
+        }
+      });
+      if ((options == null ? void 0 : options.offset) === 0) {
+        combinedSearchResults.current = [];
+      }
+      (combinedSearchResults.current = combinedSearchResults.current || []).push(...result.products);
+      return result;
+    },
+    [onSearchProducts]
+  );
+  const handleSelect = async (items) => {
+    await setSelectedProducts(items);
+  };
+  if (categoriesError || handleSearchState.error) {
+    const ErrorComp = errorComponent ? errorComponent : ({ categoriesError: categoriesError2, searchError }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_design_system9.Callout, { type: "error", children: [
+      "There was an error: ",
+      (categoriesError2 == null ? void 0 : categoriesError2.message) || (searchError == null ? void 0 : searchError.message)
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorComp, { categoriesError, searchError: handleSearchState.error });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ProductSearchContext.Provider, { value: { categories, logoIcon }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    EntrySearch,
+    {
+      search: handleSearch,
+      results: combinedSearchResults.current,
+      logoIcon,
+      selectedItems: selectedProducts,
+      select: handleSelect,
+      multiSelectId: multiSelectId || "product-search-multi-select",
+      multiSelect,
+      contentTypes: categoryOptions,
+      selectedItemComponent: selectedItemComponent || ProductSelectedItem,
+      rowComponent: rowComponent || ProductSearchRow,
+      totalResults: (_a = handleSearchState.value) == null ? void 0 : _a.total,
+      cursor: (_b = handleSearchState.value) == null ? void 0 : _b.cursor,
+      resultsLoading: handleSearchState.loading || categoriesLoading,
+      helpComponent,
+      noResultsComponent,
+      onSort,
+      typeSelectorAllTypesOptionText,
+      typeSelectorLabel
+    }
+  ) });
+}
+var ProductSearchContext = import_react21.default.createContext(void 0);
+var useProductSearchContext = () => {
+  const context = (0, import_react21.useContext)(ProductSearchContext);
+  if (!context) {
+    throw new Error("useProductSearchContext must be used within a <ProductSearchContext> provider");
+  }
+  return context;
+};
+
+// src/components/dam/DamSelectedItem.tsx
+var import_react23 = require("@emotion/react");
+var import_design_system11 = require("@uniformdev/design-system");
+var import_react24 = require("react");
+var import_cg4 = require("react-icons/cg");
+var import_timeago2 = require("timeago.js");
+
+// src/components/dam/DamSelectedItem.styles.ts
+var import_react22 = require("@emotion/react");
+var import_design_system10 = require("@uniformdev/design-system");
+var damSelectedItemContainer = import_react22.css`
   border: 1px solid var(--gray-200);
   background: var(--gray-50);
   border-radius: var(--rounded-base);
   display: flex;
   width: 100%;
-`,ta=O.css`
+`;
+var damSelectedItemInner = import_react22.css`
   align-items: center;
   display: flex;
   flex-grow: 1;
@@ -520,23 +2544,28 @@
   margin-inline: 0 var(--spacing-sm);
   padding: var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-lg);
   position: relative;
-`,ra=O.css`
+`;
+var damSelectedItemDetails = import_react22.css`
   flex-grow: 1;
-`,aa=O.css`
+`;
+var damSelectedItemCopy = import_react22.css`
   align-items: center;
   display: flex;
   position: relative;
-`,oa=O.css`
+`;
+var damSelectedItemTitle = import_react22.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;
-`,na=O.css`
+`;
+var damSelectedItemIcon = import_react22.css`
   width: 1.5rem;
   height: 1.5rem;
-`,ia=O.css`
+`;
+var damSelectedItemPopover = import_react22.css`
   background: var(--white);
   border-radius: var(--rounded-base);
   border-left: 4px solid var(--brand-secondary-3);
@@ -545,22 +2574,26 @@
   padding: var(--spacing-base);
   z-index: var(--z-10);
   width: max-content;
-`,De=O.css`
+`;
+var damSelectedItemSmallText = import_react22.css`
   font-size: var(--fs-sm);
-`,Je=O.css`
+`;
+var damSelectedItemPopoverLabel = import_react22.css`
   font-weight: var(--fw-bold);
   margin-right: var(--spacing-sm);
-`,sa=O.css`
+`;
+var damSelectedItemLinkContainer = import_react22.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
 
-  ${(0,fo.mq)("md")} {
+  ${(0, import_design_system10.mq)("md")} {
     flex-direction: row;
     justify-content: end;
     min-width: 200px;
   }
-`,_t=O.css`
+`;
+var damSelectedItemLinkBtn = import_react22.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -575,40 +2608,340 @@
   &:hover {
     background: var(--gray-50);
   }
-`,la=O.css`
+`;
+var damSelectedItemMediaContainer = import_react22.css`
   display: flex;
   margin-top: var(--spacing-sm);
   gap: var(--spacing-sm);
-`,da=O.css`
+`;
+var damSelectedItemInfoBtn = import_react22.css`
   background: none;
   outline: none;
   border: none;
   margin: calc(var(--spacing-xs) * -1) 0 calc(var(--spacing-xs) * -1) var(--spacing-sm);
-`,It=O.css`
+`;
+var damSelectItemImage = import_react22.css`
   display: block;
   max-width: 100%;
   min-width: 100px;
   height: auto;
-`;var S=require("@emotion/react/jsx-runtime");function En({selectedItem:e,onDeselect:t,onEditClosed:r,logoIcon:a,itemDetailsRendererComponent:o}){let i=(0,Ie.useRef)(null),n=(0,Ie.useRef)(null),[s,l]=(0,Ie.useState)(!1);(0,Ie.useEffect)(()=>{let u=f=>{i.current&&!i.current.contains(f.target)&&n.current&&!n.current.contains(f.target)&&l(!1)},y=()=>{l(!1)};return window.addEventListener("resize",y,!0),document.addEventListener("scroll",u,!0),document.addEventListener("mousedown",u),()=>{window.removeEventListener("resize",y,!0),document.removeEventListener("scroll",u,!0),document.removeEventListener("mousedown",u)}},[n]);let p=()=>{var u;if(l(!s),n.current&&i.current){let y=(u=i==null?void 0:i.current)==null?void 0:u.getBoundingClientRect();n.current.style.top=`${y.top+30}px`}},d=o!=null?o:Mn;return(0,S.jsx)("div",{css:[ea,_e.css`
+`;
+
+// src/components/dam/DamSelectedItem.tsx
+var import_jsx_runtime25 = require("@emotion/react/jsx-runtime");
+function DamSelectedItem({
+  selectedItem,
+  onDeselect,
+  onEditClosed,
+  logoIcon,
+  itemDetailsRendererComponent
+}) {
+  const buttonRef = (0, import_react24.useRef)(null);
+  const popoverRef = (0, import_react24.useRef)(null);
+  const [showInfo, setShowInfo] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    const eventHandler = (event) => {
+      if (buttonRef.current && !buttonRef.current.contains(event.target) && popoverRef.current && !popoverRef.current.contains(event.target)) {
+        setShowInfo(false);
+      }
+    };
+    const resizeHandler = () => {
+      setShowInfo(false);
+    };
+    window.addEventListener("resize", resizeHandler, true);
+    document.addEventListener("scroll", eventHandler, true);
+    document.addEventListener("mousedown", eventHandler);
+    return () => {
+      window.removeEventListener("resize", resizeHandler, true);
+      document.removeEventListener("scroll", eventHandler, true);
+      document.removeEventListener("mousedown", eventHandler);
+    };
+  }, [popoverRef]);
+  const popoverClick = () => {
+    var _a;
+    setShowInfo(!showInfo);
+    if (popoverRef.current && buttonRef.current) {
+      const buttonPos = (_a = buttonRef == null ? void 0 : buttonRef.current) == null ? void 0 : _a.getBoundingClientRect();
+      popoverRef.current.style["top"] = `${buttonPos.top + 30}px`;
+    }
+  };
+  const ResolvedItemDetailsRendererComponent = itemDetailsRendererComponent != null ? itemDetailsRendererComponent : DefaultDamItemRenderer;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      css: [
+        damSelectedItemContainer,
+        import_react23.css`
           margin: 0 0 1rem 0;
-        `],children:(0,S.jsxs)("div",{css:ta,children:[(0,S.jsxs)("div",{css:ra,children:[(0,S.jsxs)("div",{css:aa,children:[(0,S.jsx)("h4",{css:[oa],title:`ID: ${e.id}`,"data-test-id":"dam-selected-item",children:e.title||e.id||""}),e.popoverData?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("button",{type:"button",ref:i,css:da,"aria-controls":"path-details","aria-expanded":s,onClick:p,children:(0,S.jsx)(ca.Icon,{icon:Et.CgInfo,iconColor:"gray",size:24,css:_e.css`
+        `
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemInner, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemDetails, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemCopy, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "h4",
+              {
+                css: [damSelectedItemTitle],
+                title: `ID: ${selectedItem.id}`,
+                "data-test-id": "dam-selected-item",
+                children: selectedItem.title || selectedItem.id || ""
+              }
+            ),
+            selectedItem.popoverData ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "button",
+                {
+                  type: "button",
+                  ref: buttonRef,
+                  css: damSelectedItemInfoBtn,
+                  "aria-controls": "path-details",
+                  "aria-expanded": showInfo,
+                  onClick: popoverClick,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    import_design_system11.Icon,
+                    {
+                      icon: import_cg4.CgInfo,
+                      iconColor: "gray",
+                      size: 24,
+                      css: import_react23.css`
                       opacity: var(--opacity-75);
-                    `})}),(0,S.jsx)("div",{id:"path-details","aria-hidden":!s,ref:n,css:[ia,s?_e.css`
+                    `
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "div",
+                {
+                  id: "path-details",
+                  "aria-hidden": !showInfo,
+                  ref: popoverRef,
+                  css: [
+                    damSelectedItemPopover,
+                    showInfo ? import_react23.css`
                           visibility: visible;
-                        `:_e.css`
+                        ` : import_react23.css`
                           visibility: hidden;
-                        `],children:Object.entries(e.popoverData).map(([u,y],f)=>(0,S.jsxs)("div",{css:De,children:[(0,S.jsxs)("span",{css:Je,children:[u,":"]}),y]},f))})]}):null]}),(0,S.jsx)(d,{item:e})]}),(0,S.jsxs)("div",{css:sa,children:[e.editLink?typeof e.editLink=="string"?(0,S.jsxs)("a",{href:e.editLink,title:"edit",rel:"noopener noreferrer",target:"_blank",onClick:u=>{r&&(wt(u.currentTarget.href,()=>r(e)),u.preventDefault())},css:_t,children:[(0,S.jsx)("span",{css:De,children:"Edit"}),a?(0,S.jsx)(te,{src:a,css:na,alt:"Logo"}):null]}):e.editLink:null,(0,S.jsxs)("button",{type:"button",onClick:()=>{t(e)},css:_t,children:[(0,S.jsx)("span",{css:De,children:"Unlink"}),(0,S.jsx)(ca.Icon,{icon:Et.CgClose,iconColor:"red",size:16})]})]})]})},e.id)}function Mn({item:e}){let t=null;return e.previewUrl&&typeof e.previewUrl=="string"?e.type==="image"?t=(0,S.jsx)("img",{src:e.previewUrl,alt:e.id,width:"200",css:It}):e.type==="video"&&(t=(0,S.jsx)("video",{src:e.previewUrl,title:e.id,width:"200",controls:!0,css:It})):e.previewUrl&&typeof e.previewUrl!="string"&&(t=e.previewUrl),t||e.metadata?(0,S.jsxs)("div",{css:la,children:[t?(0,S.jsx)("div",{children:t}):null,(0,S.jsxs)("ul",{children:[e.metadata?Object.entries(e.metadata).map(([r,a])=>(0,S.jsxs)("li",{css:[De,_e.css`
+                        `
+                  ],
+                  children: Object.entries(selectedItem.popoverData).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemSmallText, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { css: damSelectedItemPopoverLabel, children: [
+                      key,
+                      ":"
+                    ] }),
+                    value
+                  ] }, index))
+                }
+              )
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ResolvedItemDetailsRendererComponent, { item: selectedItem })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemLinkContainer, children: [
+          selectedItem.editLink ? typeof selectedItem.editLink === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            "a",
+            {
+              href: selectedItem.editLink,
+              title: "edit",
+              rel: "noopener noreferrer",
+              target: "_blank",
+              onClick: (e) => {
+                if (onEditClosed) {
+                  openWindowWithCloseCallback(e.currentTarget.href, () => onEditClosed(selectedItem));
+                  e.preventDefault();
+                }
+              },
+              css: damSelectedItemLinkBtn,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { css: damSelectedItemSmallText, children: "Edit" }),
+                logoIcon ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Image, { src: logoIcon, css: damSelectedItemIcon, alt: "Logo" }) : null
+              ]
+            }
+          ) : selectedItem.editLink : null,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                onDeselect(selectedItem);
+              },
+              css: damSelectedItemLinkBtn,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { css: damSelectedItemSmallText, children: "Unlink" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_design_system11.Icon, { icon: import_cg4.CgClose, iconColor: "red", size: 16 })
+              ]
+            }
+          )
+        ] })
+      ] })
+    },
+    selectedItem.id
+  );
+}
+function DefaultDamItemRenderer({ item }) {
+  let preview = null;
+  if (item.previewUrl && typeof item.previewUrl === "string") {
+    if (item.type === "image") {
+      preview = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: item.previewUrl, alt: item.id, width: "200", css: damSelectItemImage });
+    } else if (item.type === "video") {
+      preview = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("video", { src: item.previewUrl, title: item.id, width: "200", controls: true, css: damSelectItemImage });
+    }
+  } else if (item.previewUrl && typeof item.previewUrl !== "string") {
+    preview = item.previewUrl;
+  }
+  return preview || item.metadata ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { css: damSelectedItemMediaContainer, children: [
+    preview ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: preview }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("ul", { children: [
+      item.metadata ? Object.entries(item.metadata).map(([key, value]) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "li",
+          {
+            css: [
+              damSelectedItemSmallText,
+              import_react23.css`
                       order: 1;
-                    `],children:[(0,S.jsxs)("span",{css:[Je,_e.css`
+                    `
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                "span",
+                {
+                  css: [
+                    damSelectedItemPopoverLabel,
+                    import_react23.css`
                         order: 1;
-                      `],children:[r,":"]}),a]},r)):null,e.createdDate?(0,S.jsxs)("li",{css:De,children:[(0,S.jsx)("span",{css:Je,children:"Date:"}),(0,vo.format)(e.createdDate)]}):null]})]}):null}var At=require("@uniformdev/design-system");var Se=require("react");var ho=require("@uniformdev/design-system"),Mt=require("react");var je=require("@emotion/react/jsx-runtime"),et=(0,Mt.createContext)(void 0),Un=({children:e})=>{let t;return typeof window!="undefined"&&typeof window.UniformMeshSDK!="undefined"&&(t={sdk:window.UniformMeshSDK}),(0,je.jsxs)(et.Provider,{value:t,children:[(0,je.jsx)(ho.Theme,{}),(0,je.jsx)(tt,{children:e})]})},pa=()=>{let e=(0,Mt.useContext)(et);if(!e)throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");return e};function ua(){let{sdk:e}=pa();return e}var yo=require("@emotion/react/jsx-runtime"),ma=(0,Se.createContext)(void 0),tt=({children:e})=>{let t=ua(),[r,a]=(0,Se.useState)(t.getCurrentLocation()),o=i=>{a(n=>({...n,value:i.newValue}))};return(0,Se.useEffect)(()=>(t.events.on("onValueChanged",o),()=>{t.events.off("onValueChanged",o)}),[t]),(0,yo.jsx)(ma.Provider,{value:{location:r},children:e})},rt=()=>{let e=(0,Se.useContext)(ma);if(!e)throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");return e};var bo=!1;function Ee(e){let{location:t}=rt(),r=e;if(e==="dataTypeInstance"&&(r="dataResource",bo||(console.warn("`dataTypeInstance` mesh location is deprecated, please switch to `dataResource` instead."),bo=!0)),r&&t.type!==r)throw new Error(`Expected location type ${e} but got ${t.type}`);return{...t,setValue:o=>{let{newValue:i,options:n}=o(t.value);t.setValue(i,n)}}}var Po=require("@emotion/react"),To=le(require("@yaireo/tagify/dist/react.tagify")),G=le(require("react"));var Ut=require("@emotion/react"),xo=Ut.css`
+                      `
+                  ],
+                  children: [
+                    key,
+                    ":"
+                  ]
+                }
+              ),
+              value
+            ]
+          },
+          key
+        );
+      }) : null,
+      item.createdDate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { css: damSelectedItemSmallText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { css: damSelectedItemPopoverLabel, children: "Date:" }),
+        (0, import_timeago2.format)(item.createdDate)
+      ] }) : null
+    ] })
+  ] }) : null;
+}
+
+// src/components/DataResourceVariablesList.tsx
+var import_design_system15 = require("@uniformdev/design-system");
+
+// src/components/UniformMeshLocationContext.tsx
+var import_react26 = require("react");
+
+// src/components/UniformMeshSdkContext.tsx
+var import_design_system12 = require("@uniformdev/design-system");
+var import_react25 = require("react");
+var import_jsx_runtime26 = require("@emotion/react/jsx-runtime");
+var UniformMeshSdkContext = (0, import_react25.createContext)(void 0);
+var UniformMeshSdkContextProvider = ({ children }) => {
+  let value = void 0;
+  if (typeof window !== "undefined" && typeof window.UniformMeshSDK !== "undefined") {
+    value = {
+      sdk: window.UniformMeshSDK
+    };
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(UniformMeshSdkContext.Provider, { value, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system12.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UniformMeshLocationContextProvider, { children })
+  ] });
+};
+var useUniformMeshSdkContext = () => {
+  const context = (0, import_react25.useContext)(UniformMeshSdkContext);
+  if (!context) {
+    throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");
+  }
+  return context;
+};
+
+// src/hooks/useUniformMeshSdk.ts
+function useUniformMeshSdk() {
+  const { sdk } = useUniformMeshSdkContext();
+  return sdk;
+}
+
+// src/components/UniformMeshLocationContext.tsx
+var import_jsx_runtime27 = require("@emotion/react/jsx-runtime");
+var UniformMeshLocationContext = (0, import_react26.createContext)(
+  void 0
+);
+var UniformMeshLocationContextProvider = ({
+  children
+}) => {
+  const sdk = useUniformMeshSdk();
+  const [location, setLocation] = (0, import_react26.useState)(sdk.getCurrentLocation());
+  const valueChangeListener = (event) => {
+    setLocation((old) => ({ ...old, value: event.newValue }));
+  };
+  (0, import_react26.useEffect)(() => {
+    sdk.events.on("onValueChanged", valueChangeListener);
+    return () => {
+      sdk.events.off("onValueChanged", valueChangeListener);
+    };
+  }, [sdk]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UniformMeshLocationContext.Provider, { value: { location }, children });
+};
+var useUniformMeshLocationContext = () => {
+  const context = (0, import_react26.useContext)(UniformMeshLocationContext);
+  if (!context) {
+    throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");
+  }
+  return context;
+};
+
+// src/hooks/useMeshLocation.ts
+var legacyWarned = false;
+function useMeshLocation(expectedLocation) {
+  const { location } = useUniformMeshLocationContext();
+  let effectiveExpected = expectedLocation;
+  if (expectedLocation === "dataTypeInstance") {
+    effectiveExpected = "dataResource";
+    if (!legacyWarned) {
+      console.warn(
+        "`dataTypeInstance` mesh location is deprecated, please switch to `dataResource` instead."
+      );
+      legacyWarned = true;
+    }
+  }
+  if (effectiveExpected && location.type !== effectiveExpected) {
+    throw new Error(`Expected location type ${expectedLocation} but got ${location.type}`);
+  }
+  const proxyLocation = {
+    ...location,
+    setValue: (dispatch) => {
+      const { newValue, options } = dispatch(location.value);
+      location.setValue(newValue, options);
+    }
+  };
+  return proxyLocation;
+}
+
+// src/components/Variables/InputVariables.tsx
+var import_react28 = require("@emotion/react");
+var import_react29 = __toESM(require("@yaireo/tagify/dist/react.tagify"));
+var React11 = __toESM(require("react"));
+
+// src/components/Variables/InputVariables.styles.ts
+var import_react27 = require("@emotion/react");
+var variablesFormContainer = import_react27.css`
   > * {
     margin: var(--spacing-base) 0 0;
   }
-`,wo=Ut.css`
+`;
+var variablesFormBtnGroup = import_react27.css`
   display: flex;
   gap: var(--spacing-sm);
-`,So=Ut.css`
+`;
+var tagifyStyles = import_react27.css`
   :root {
     --tagify-dd-color-primary: rgb(53, 149, 246);
     --tagify-dd-bg-color: var(--white);
@@ -1105,14 +3438,246 @@
     opacity: 0;
     transition: inherit;
   }
-`;var Ne=le(require("react"));var Me=require("@uniformdev/design-system"),qt=require("formik");var ae=require("@emotion/react/jsx-runtime");function ga({variable:e,onSubmit:t,onCancel:r}){var o,i,n,s,l,p,d,u,y;let{variables:a}=ge();return(0,ae.jsx)(qt.Formik,{initialValues:{name:e,default:(i=(o=a[e])==null?void 0:o.default)!=null?i:"",displayName:(s=(n=a[e])==null?void 0:n.displayName)!=null?s:"",helpText:(p=(l=a[e])==null?void 0:l.helpText)!=null?p:"",order:(d=a[e])==null?void 0:d.order,type:(y=(u=a[e])==null?void 0:u.type)!=null?y:""},onSubmit:f=>{let P={...f,helpText:f.helpText||void 0,type:f.type||void 0,displayName:f.displayName||void 0};return t(P)},children:({getFieldProps:f,initialValues:P})=>(0,ae.jsxs)(qt.Form,{css:xo,children:[(0,ae.jsx)(Me.Input,{...f("name"),label:"Name",disabled:P.name!=="",caption:"This cannot change once created."}),(0,ae.jsx)(Me.Input,{...f("helpText"),label:"Help Text",caption:"Appears in the composition data resource when entering a value for this variable.",autoComplete:"off"}),(0,ae.jsx)(Me.Input,{...f("default"),label:"Default Value",autoComplete:"off"}),(0,ae.jsxs)("div",{css:wo,children:[(0,ae.jsx)(Me.Button,{type:"submit",children:"Save"}),(0,ae.jsx)(Me.Button,{type:"button",buttonType:"ghost",onClick:r,children:"cancel"})]})]})})}var Bt=require("@emotion/react/jsx-runtime"),Ro=Ne.createContext(null);function at({value:e,onChange:t,editVariableComponent:r,children:a}){let[o,i]=Ne.useState(),n=r!=null?r:ga,s={dispatch:l=>{if(l.type==="set"){let{name:p,...d}=l.variable;t({...s.variables,[l.variable.name]:d}),l.openEditor&&i(l.variable.name)}else if(l.type==="edit")i(l.variable);else if(l.type==="remove"){let p={...e};delete p[l.variable],t(p)}else if(l.type==="reorder")t(l.result);else throw new Error(`Unknown event ${JSON.stringify(l)}`)},variables:e};return(0,Bt.jsxs)(Ro.Provider,{value:s,children:[a,typeof o!="undefined"?(0,Bt.jsx)(n,{onSubmit:l=>{i(void 0);let{name:p,...d}=l;t({...e,[p]:d})},onCancel:()=>i(void 0),variable:o}):null]})}function ge(){let e=Ne.useContext(Ro);if(!e)throw new Error("No VariablesProvider present");return e}var Ue=require("@emotion/react/jsx-runtime");function fa(e){return e.replace(/\${{.*?"value":"([^"]+)".*?}}/g,"${$1}").replace(/[\r\n]+/g,"")}function va({"aria-label":e,value:t,disableVariables:r,onChange:a,onPaste:o}){let{variables:i,dispatch:n}=ge(),s=G.useRef(i),l=G.useRef(n),p=G.useRef(a),d=G.useRef();G.useEffect(()=>{s.current=i},[i]),G.useEffect(()=>{l.current=n},[n]),G.useEffect(()=>{p.current=a},[a]),G.useEffect(()=>{var f;((f=d==null?void 0:d.current)==null?void 0:f.DOM)&&o&&(d.current.DOM.input.onpaste=()=>{var P,w;return o(fa((w=(P=d.current)==null?void 0:P.getInputValue())!=null?w:""))})}),G.useEffect(()=>{var P,w,T;let f=fa((w=(P=d.current)==null?void 0:P.getInputValue())!=null?w:"");t!==f&&((T=d.current)==null||T.loadOriginalValues(t))},[t]);let u=G.useCallback(f=>{p.current(fa(f))},[]),y=G.useCallback(f=>{s.current[f]||l.current({type:"set",variable:{name:f,default:""},openEditor:!0})},[]);return(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(Po.Global,{styles:So}),(0,Ue.jsx)(To.default,{tagifyRef:d,"aria-label":e,defaultValue:t,autoFocus:!1,whitelist:Object.entries(i).map(([f,P])=>{var w;return{name:(w=P.displayName)!=null?w:f,value:f}}),settings:{pattern:r?null:/\$/,enforceWhitelist:r,mixTagsInterpolator:["${","}"],duplicates:!0,tagTextProp:"name",dropdown:{position:"text",enabled:0,mapValueTo:f=>f.name,includeSelectedTags:!0,searchKeys:["name","value"],highlightFirst:!0}},InputMode:"textarea",onAdd:f=>{var w;let P=(w=f.detail.data)==null?void 0:w.value;P&&y(P)},onRemove:f=>{u(f.detail.tagify.getInputValue())},onChange:f=>{u(f.detail.value)},onInput:f=>{u(f.detail.tagify.getInputValue())}})]})}var _o=require("@emotion/react"),D=require("@uniformdev/design-system"),Fe=require("react-beautiful-dnd");var ot=require("@emotion/react"),Lo=e=>ot.css`
+`;
+
+// src/components/Variables/VariablesProvider.tsx
+var React10 = __toESM(require("react"));
+
+// src/components/Variables/VariableEditor.tsx
+var import_design_system13 = require("@uniformdev/design-system");
+var import_formik = require("formik");
+var import_jsx_runtime28 = require("@emotion/react/jsx-runtime");
+function VariableEditor({ variable, onSubmit, onCancel }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const { variables } = useVariables();
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_formik.Formik,
+    {
+      initialValues: {
+        name: variable,
+        default: (_b = (_a = variables[variable]) == null ? void 0 : _a.default) != null ? _b : "",
+        displayName: (_d = (_c = variables[variable]) == null ? void 0 : _c.displayName) != null ? _d : "",
+        helpText: (_f = (_e = variables[variable]) == null ? void 0 : _e.helpText) != null ? _f : "",
+        order: (_g = variables[variable]) == null ? void 0 : _g.order,
+        type: (_i = (_h = variables[variable]) == null ? void 0 : _h.type) != null ? _i : ""
+      },
+      onSubmit: (values) => {
+        const finalValue = {
+          ...values,
+          helpText: values.helpText || void 0,
+          type: values.type || void 0,
+          displayName: values.displayName || void 0
+        };
+        return onSubmit(finalValue);
+      },
+      children: ({ getFieldProps, initialValues }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_formik.Form, { css: variablesFormContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_design_system13.Input,
+            {
+              ...getFieldProps("name"),
+              label: "Name",
+              disabled: initialValues.name !== "",
+              caption: "This cannot change once created."
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_design_system13.Input,
+            {
+              ...getFieldProps("helpText"),
+              label: "Help Text",
+              caption: "Appears in the composition data resource when entering a value for this variable.",
+              autoComplete: "off"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system13.Input, { ...getFieldProps("default"), label: "Default Value", autoComplete: "off" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { css: variablesFormBtnGroup, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system13.Button, { type: "submit", children: "Save" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system13.Button, { type: "button", buttonType: "ghost", onClick: onCancel, children: "cancel" })
+          ] })
+        ] });
+      }
+    }
+  );
+}
+
+// src/components/Variables/VariablesProvider.tsx
+var import_jsx_runtime29 = require("@emotion/react/jsx-runtime");
+var VariablesContext = React10.createContext(null);
+function VariablesProvider({
+  value,
+  onChange,
+  editVariableComponent,
+  children
+}) {
+  const [editing, setEditing] = React10.useState();
+  const Editor2 = editVariableComponent != null ? editVariableComponent : VariableEditor;
+  const contextValue = {
+    dispatch: (event) => {
+      if (event.type === "set") {
+        const { name, ...varValue } = event.variable;
+        onChange({ ...contextValue.variables, [event.variable.name]: varValue });
+        if (event.openEditor) {
+          setEditing(event.variable.name);
+        }
+      } else if (event.type === "edit") {
+        setEditing(event.variable);
+      } else if (event.type === "remove") {
+        const newValue = { ...value };
+        delete newValue[event.variable];
+        onChange(newValue);
+      } else if (event.type === "reorder") {
+        onChange(event.result);
+      } else {
+        throw new Error(`Unknown event ${JSON.stringify(event)}`);
+      }
+    },
+    variables: value
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(VariablesContext.Provider, { value: contextValue, children: [
+    children,
+    typeof editing !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      Editor2,
+      {
+        onSubmit: (val) => {
+          setEditing(void 0);
+          const { name, ...varValue } = val;
+          onChange({ ...value, [name]: varValue });
+        },
+        onCancel: () => setEditing(void 0),
+        variable: editing
+      }
+    ) : null
+  ] });
+}
+function useVariables() {
+  const context = React10.useContext(VariablesContext);
+  if (!context) {
+    throw new Error("No VariablesProvider present");
+  }
+  return context;
+}
+
+// src/components/Variables/InputVariables.tsx
+var import_jsx_runtime30 = require("@emotion/react/jsx-runtime");
+function cleanTagifyValue(rawValue) {
+  return rawValue.replace(/\${{.*?"value":"([^"]+)".*?}}/g, "${$1}").replace(/[\r\n]+/g, "");
+}
+function InputVariables({
+  "aria-label": ariaLabel,
+  value,
+  disableVariables,
+  onChange,
+  onPaste
+}) {
+  const { variables, dispatch } = useVariables();
+  const currentVariables = React11.useRef(variables);
+  const currentDispatch = React11.useRef(dispatch);
+  const currentSetValue = React11.useRef(onChange);
+  const tagifyRef = React11.useRef();
+  React11.useEffect(() => {
+    currentVariables.current = variables;
+  }, [variables]);
+  React11.useEffect(() => {
+    currentDispatch.current = dispatch;
+  }, [dispatch]);
+  React11.useEffect(() => {
+    currentSetValue.current = onChange;
+  }, [onChange]);
+  React11.useEffect(() => {
+    var _a;
+    if (((_a = tagifyRef == null ? void 0 : tagifyRef.current) == null ? void 0 : _a.DOM) && onPaste) {
+      tagifyRef.current.DOM.input.onpaste = () => {
+        var _a2, _b;
+        return onPaste(cleanTagifyValue((_b = (_a2 = tagifyRef.current) == null ? void 0 : _a2.getInputValue()) != null ? _b : ""));
+      };
+    }
+  });
+  React11.useEffect(() => {
+    var _a, _b, _c;
+    const currentTagifyValue = cleanTagifyValue((_b = (_a = tagifyRef.current) == null ? void 0 : _a.getInputValue()) != null ? _b : "");
+    if (value !== currentTagifyValue) {
+      (_c = tagifyRef.current) == null ? void 0 : _c.loadOriginalValues(value);
+    }
+  }, [value]);
+  const handleSetValue = React11.useCallback((rawValue) => {
+    currentSetValue.current(cleanTagifyValue(rawValue));
+  }, []);
+  const handleAddTag = React11.useCallback((newTagName) => {
+    if (!currentVariables.current[newTagName]) {
+      currentDispatch.current({
+        type: "set",
+        variable: { name: newTagName, default: "" },
+        openEditor: true
+      });
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react28.Global, { styles: tagifyStyles }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_react29.default,
+      {
+        tagifyRef,
+        "aria-label": ariaLabel,
+        defaultValue: value,
+        autoFocus: false,
+        whitelist: Object.entries(variables).map(([k, v]) => {
+          var _a;
+          return { name: (_a = v.displayName) != null ? _a : k, value: k };
+        }),
+        settings: {
+          pattern: disableVariables ? null : /\$/,
+          enforceWhitelist: disableVariables,
+          mixTagsInterpolator: ["${", "}"],
+          duplicates: true,
+          tagTextProp: "name",
+          dropdown: {
+            position: "text",
+            enabled: 0,
+            mapValueTo: (v) => v.name,
+            includeSelectedTags: true,
+            searchKeys: ["name", "value"],
+            highlightFirst: true
+          }
+        },
+        InputMode: "textarea",
+        onAdd: (e) => {
+          var _a;
+          const newTagName = (_a = e.detail.data) == null ? void 0 : _a.value;
+          if (newTagName) {
+            handleAddTag(newTagName);
+          }
+        },
+        onRemove: (e) => {
+          handleSetValue(e.detail.tagify.getInputValue());
+        },
+        onChange: (e) => {
+          handleSetValue(e.detail.value);
+        },
+        onInput: (e) => {
+          handleSetValue(e.detail.tagify.getInputValue());
+        }
+      }
+    )
+  ] });
+}
+
+// src/components/Variables/VariablesList.tsx
+var import_react31 = require("@emotion/react");
+var import_design_system14 = require("@uniformdev/design-system");
+var import_react_beautiful_dnd2 = require("react-beautiful-dnd");
+
+// src/components/Variables/styles/VariablesList.styles.ts
+var import_react30 = require("@emotion/react");
+var tableRow = (isDragging) => import_react30.css`
   position: relative;
-  ${e?`
+  ${isDragging ? `
   display: table;   
   left: auto !important; 
   top: auto !important;
-  `:void 0}
-`,Vo=ot.css`
+  ` : void 0}
+`;
+var tableCellDragIcon = import_react30.css`
   &::after {
     content: '';
     display: block;
@@ -1129,7 +3694,8 @@
   &:hover::after {
     opacity: 1;
   }
-`,ko=ot.css`
+`;
+var variableName = import_react30.css`
   border: none;
   color: var(--brand-secondary-5);
   font-weight: var(--fw-medium);
@@ -1139,27 +3705,957 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 20ch;
-`,Do=ot.css`
+`;
+var variableValue = import_react30.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 20ch;
-`;function nt(e){return Object.entries(e||{}).sort(([t,r],[a,o])=>{var i,n;return r.order&&o.order?r.order-o.order:r.order?1:o.order?-1:((i=r.displayName)!=null?i:t).localeCompare((n=o.displayName)!=null?n:a)}).map(([t,r])=>({name:t,...r}))}var V=require("@emotion/react/jsx-runtime");function Bn(){let{variables:e,dispatch:t}=ge(),r=nt(e),a=o=>{var i,n;if(o.destination&&o.source.droppableId===((i=o.destination)==null?void 0:i.droppableId)){let s=[...r||[]],[l]=(n=s==null?void 0:s.splice(o.source.index,1))!=null?n:[];s==null||s.splice(o.destination.index,0,l);let p=s.reduce((d,u,y)=>({...d,[u.name]:{type:u.type,default:u.default,order:y}}),{});return t({type:"reorder",result:p}),s}};return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(Fe.DragDropContext,{onDragEnd:o=>a(o),children:(0,V.jsx)(Fe.Droppable,{droppableId:"variables-table",children:o=>(0,V.jsxs)(D.Table,{...o.droppableProps,ref:o.innerRef,children:[(0,V.jsx)(D.TableHead,{children:(0,V.jsxs)(D.TableRow,{children:[(0,V.jsx)(D.TableCellHead,{children:"Name"}),(0,V.jsx)(D.TableCellHead,{children:"Default Value"}),(0,V.jsx)(D.TableCellHead,{})]})}),(0,V.jsxs)(D.TableBody,{children:[r.map(({name:i,displayName:n,default:s},l)=>{let p=n!=null?n:i;return(0,V.jsx)(Fe.Draggable,{draggableId:i,index:l,isDragDisabled:r.length===1,children:(d,u)=>(0,V.jsxs)(D.TableRow,{ref:d.innerRef,...d.dragHandleProps,...d.draggableProps,id:p,css:Lo(u.isDragging),"data-dragging":u.isDragging,children:[(0,V.jsx)(D.TableCellData,{css:r.length>1?Vo:void 0,children:(0,V.jsx)("button",{css:ko,type:"button",onClick:y=>{y.preventDefault(),t({type:"edit",variable:i})},title:p,children:p})}),(0,V.jsx)(D.TableCellData,{children:(0,V.jsx)("span",{css:Do,title:s,children:s})}),(0,V.jsx)(D.TableCellData,{align:"right",children:(0,V.jsx)("button",{type:"button",title:`delete ${p}`,css:[D.button,_o.css`
+`;
+
+// src/components/Variables/variablesToList.ts
+function variablesToList(variables) {
+  return Object.entries(variables || {}).sort(([aKey, a], [bKey, b]) => {
+    var _a, _b;
+    if (a.order && b.order) {
+      return a.order - b.order;
+    } else if (a.order) {
+      return 1;
+    } else if (b.order) {
+      return -1;
+    }
+    return ((_a = a.displayName) != null ? _a : aKey).localeCompare((_b = b.displayName) != null ? _b : bKey);
+  }).map(([name, definition]) => ({
+    name,
+    ...definition
+  }));
+}
+
+// src/components/Variables/VariablesList.tsx
+var import_jsx_runtime31 = require("@emotion/react/jsx-runtime");
+function VariablesList() {
+  const { variables, dispatch } = useVariables();
+  const sorted = variablesToList(variables);
+  const onDragEnd = (res) => {
+    var _a, _b;
+    if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
+      const result = [...sorted || []];
+      const [removed] = (_b = result == null ? void 0 : result.splice(res.source.index, 1)) != null ? _b : [];
+      result == null ? void 0 : result.splice(res.destination.index, 0, removed);
+      const resultAsObj = result.reduce(
+        (acc, item, index) => ({
+          ...acc,
+          [item.name]: { type: item.type, default: item.default, order: index }
+        }),
+        {}
+      );
+      dispatch({ type: "reorder", result: resultAsObj });
+      return result;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_beautiful_dnd2.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_beautiful_dnd2.Droppable, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_design_system14.Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_design_system14.TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellHead, { children: "Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellHead, { children: "Default Value" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellHead, {})
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_design_system14.TableBody, { children: [
+        sorted.map(({ name, displayName, default: defaultValue }, index) => {
+          const text = displayName != null ? displayName : name;
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            import_react_beautiful_dnd2.Draggable,
+            {
+              draggableId: name,
+              index,
+              isDragDisabled: sorted.length === 1,
+              children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                import_design_system14.TableRow,
+                {
+                  ref: provided2.innerRef,
+                  ...provided2.dragHandleProps,
+                  ...provided2.draggableProps,
+                  id: text,
+                  css: tableRow(snapshot.isDragging),
+                  "data-dragging": snapshot.isDragging,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellData, { css: sorted.length > 1 ? tableCellDragIcon : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                      "button",
+                      {
+                        css: variableName,
+                        type: "button",
+                        onClick: (e) => {
+                          e.preventDefault();
+                          dispatch({ type: "edit", variable: name });
+                        },
+                        title: text,
+                        children: text
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellData, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { css: variableValue, title: defaultValue, children: defaultValue }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.TableCellData, { align: "right", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        title: `delete ${text}`,
+                        css: [
+                          import_design_system14.button,
+                          import_react31.css`
                                   background: transparent;
-                                `],"aria-controls":p,onClick:()=>t({type:"remove",variable:i}),children:(0,V.jsx)(D.Icon,{icon:"trash",iconColor:"red"})})})]})},i)}),o.placeholder]})]})})}),(0,V.jsx)(D.AddListButton,{onButtonClick:()=>t({type:"edit",variable:""}),"aria-label":"Add variable",buttonText:"add variable",icon:"math-plus",css:{marginLeft:"var(--spacing-md)"}})]})}var oe=require("@emotion/react/jsx-runtime");function An({setVariables:e,noVariables:t,typeRenderers:r}){let{value:a,metadata:{dataType:o}}=Ee("dataTypeInstance"),i=nt(o.variables);return i.length===0?t?(0,oe.jsx)(t,{}):(0,oe.jsx)(At.Callout,{type:"note",children:"No settings are required."}):(0,oe.jsx)("div",{children:i.map(n=>{var l,p,d;let s=n.type&&(l=r==null?void 0:r[n.type])!=null?l:ha;return(0,oe.jsx)("div",{children:(0,oe.jsx)(s,{definition:n,value:(d=(p=a==null?void 0:a[n.name])!=null?p:n.default)!=null?d:"",setValue:u=>{e(y=>{let f=u===n.default,P={...y};return f||u===void 0?delete P[n.name]:P[n.name]=u,{newValue:P}})}})},n.name)})})}function ha({definition:e,value:t,setValue:r}){return(0,oe.jsxs)("div",{children:[(0,oe.jsx)(At.Input,{label:e.displayName||e.name,value:t,caption:e.helpText,onChange:a=>{r(a.target.value)}}),e.default!==""?(0,oe.jsxs)("small",{children:["Default value: ",e.default]}):null]})}var wa=require("@emotion/react"),Bo=le(require("@monaco-editor/react")),Ao=require("@uniformdev/design-system"),zo=require("react");var $e=le(require("react")),Eo=require("@emotion/react/jsx-runtime"),Io=$e.createContext(null);function it({value:e,onChange:t,children:r}){let a=$e.useMemo(()=>({dispatch:o=>{if(o.type==="setRelativeUrl")t(i=>({...i,relativeUrl:o.relativeUrl}));else if(o.type==="updateParameter")t(i=>{let n=[...i.parameters];return typeof o.index=="number"?n[o.index]=o.parameter:n.push(o.parameter),{...i,parameters:n}});else if(o.type==="removeParameter")t(i=>{let n=[...i.parameters];return n.splice(o.index,1),{...i,parameters:n}});else if(o.type==="updateHeader")t(i=>{let n=[...i.headers];return typeof o.index!="undefined"?n[o.index]=o.header:n.push(o.header),{...i,headers:n}});else if(o.type==="removeHeader")t(i=>{let n=[...i.headers];return n.splice(o.index,1),{...i,headers:n}});else if(o.type==="setMethod")t(i=>({...i,method:o.method}));else if(o.type==="setBody")t(i=>{let n=[...i.headers],s=n.findIndex(({key:l})=>l.trim().toLocaleLowerCase()==="content-type");return s>-1?n[s].value=o.contentType:n.push({key:"Content-Type",value:o.contentType}),{...i,body:o.body,headers:n}});else throw new Error(`Unknown event ${JSON.stringify(o)}`)},request:e}),[t,e]);return(0,Eo.jsx)(Io.Provider,{value:a,children:r})}function K(){let e=$e.useContext(Io);if(!e)throw new Error("No RequestProvider present");return e}var ya=require("@emotion/react"),zt=ya.css`
+                                `
+                        ],
+                        "aria-controls": text,
+                        onClick: () => dispatch({ type: "remove", variable: name }),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system14.Icon, { icon: "trash", iconColor: "red" })
+                      }
+                    ) })
+                  ]
+                }
+              )
+            },
+            name
+          );
+        }),
+        provided.placeholder
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      import_design_system14.AddListButton,
+      {
+        onButtonClick: () => dispatch({ type: "edit", variable: "" }),
+        "aria-label": "Add variable",
+        buttonText: "add variable",
+        icon: "math-plus",
+        css: { marginLeft: "var(--spacing-md)" }
+      }
+    )
+  ] });
+}
+
+// src/components/DataResourceVariablesList.tsx
+var import_jsx_runtime32 = require("@emotion/react/jsx-runtime");
+function DataResourceVariablesList({
+  setVariables,
+  noVariables: NoVariablesComponent,
+  typeRenderers
+}) {
+  const {
+    value,
+    metadata: { dataType }
+  } = useMeshLocation("dataTypeInstance");
+  const variableDefinitions = variablesToList(dataType.variables);
+  if (variableDefinitions.length === 0) {
+    if (NoVariablesComponent) {
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(NoVariablesComponent, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_design_system15.Callout, { type: "note", children: "No settings are required." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: variableDefinitions.map((variableDefinition) => {
+    var _a, _b, _c;
+    const VariableRenderer = variableDefinition.type ? (_a = typeRenderers == null ? void 0 : typeRenderers[variableDefinition.type]) != null ? _a : TextVariableRenderer : TextVariableRenderer;
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      VariableRenderer,
+      {
+        definition: variableDefinition,
+        value: (_c = (_b = value == null ? void 0 : value[variableDefinition.name]) != null ? _b : variableDefinition.default) != null ? _c : "",
+        setValue: (newVariableValue) => {
+          setVariables((previousValue) => {
+            const isDefaultValue = newVariableValue === variableDefinition.default;
+            const newVariables = { ...previousValue };
+            if (isDefaultValue || newVariableValue === void 0) {
+              delete newVariables[variableDefinition.name];
+            } else {
+              newVariables[variableDefinition.name] = newVariableValue;
+            }
+            return { newValue: newVariables };
+          });
+        }
+      }
+    ) }, variableDefinition.name);
+  }) });
+}
+function TextVariableRenderer({ definition, value, setValue }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_design_system15.Input,
+      {
+        label: definition.displayName || definition.name,
+        value,
+        caption: definition.helpText,
+        onChange: (e) => {
+          setValue(e.target.value);
+        }
+      }
+    ),
+    definition.default !== "" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("small", { children: [
+      "Default value: ",
+      definition.default
+    ] }) : null
+  ] });
+}
+
+// src/components/Request/RequestBody.tsx
+var import_react33 = require("@emotion/react");
+var import_react34 = __toESM(require("@monaco-editor/react"));
+var import_design_system16 = require("@uniformdev/design-system");
+var import_react35 = require("react");
+
+// src/components/Request/RequestProvider.tsx
+var React12 = __toESM(require("react"));
+var import_jsx_runtime33 = require("@emotion/react/jsx-runtime");
+var RequestContext = React12.createContext(null);
+function RequestProvider({ value, onChange, children }) {
+  const contextValue = React12.useMemo(() => {
+    return {
+      dispatch: (event) => {
+        if (event.type === "setRelativeUrl") {
+          onChange((old) => ({
+            ...old,
+            relativeUrl: event.relativeUrl
+          }));
+        } else if (event.type === "updateParameter") {
+          onChange((old) => {
+            const newParameters = [...old.parameters];
+            if (typeof event.index === "number") {
+              newParameters[event.index] = event.parameter;
+            } else {
+              newParameters.push(event.parameter);
+            }
+            return { ...old, parameters: newParameters };
+          });
+        } else if (event.type === "removeParameter") {
+          onChange((old) => {
+            const newParameters = [...old.parameters];
+            newParameters.splice(event.index, 1);
+            return { ...old, parameters: newParameters };
+          });
+        } else if (event.type === "updateHeader") {
+          onChange((old) => {
+            const newHeaders = [...old.headers];
+            if (typeof event.index !== "undefined") {
+              newHeaders[event.index] = event.header;
+            } else {
+              newHeaders.push(event.header);
+            }
+            return { ...old, headers: newHeaders };
+          });
+        } else if (event.type === "removeHeader") {
+          onChange((old) => {
+            const newHeaders = [...old.headers];
+            newHeaders.splice(event.index, 1);
+            return { ...old, headers: newHeaders };
+          });
+        } else if (event.type === "setMethod") {
+          onChange((old) => ({ ...old, method: event.method }));
+        } else if (event.type === "setBody") {
+          onChange((old) => {
+            const newHeaders = [...old.headers];
+            const contentTypeIndex = newHeaders.findIndex(
+              ({ key }) => key.trim().toLocaleLowerCase() === "content-type"
+            );
+            if (contentTypeIndex > -1) {
+              newHeaders[contentTypeIndex].value = event.contentType;
+            } else {
+              newHeaders.push({ key: "Content-Type", value: event.contentType });
+            }
+            return {
+              ...old,
+              body: event.body,
+              headers: newHeaders
+            };
+          });
+        } else {
+          throw new Error(`Unknown event ${JSON.stringify(event)}`);
+        }
+      },
+      request: value
+    };
+  }, [onChange, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RequestContext.Provider, { value: contextValue, children });
+}
+function useRequest() {
+  const context = React12.useContext(RequestContext);
+  if (!context) {
+    throw new Error("No RequestProvider present");
+  }
+  return context;
+}
+
+// src/components/Request/styles/Request.styles.ts
+var import_react32 = require("@emotion/react");
+var innerContentStyles = import_react32.css`
   background: var(--white);
-`,Mo=e=>ya.css`
+`;
+var requestTypeContainer = (bgColor) => import_react32.css`
   align-items: start;
-  background: ${e};
+  background: ${bgColor};
   display: grid;
   grid-template-columns: 12ch 1fr;
   gap: var(--spacing-sm);
-`;var Uo=require("@emotion/react/jsx-runtime"),xa=({bgColor:e="transparent",children:t,...r})=>(0,Uo.jsx)("div",{css:Mo(e),...r,children:t});var We=require("@emotion/react/jsx-runtime"),zn=[{label:"Text",value:"plaintext"},{label:"JSON",value:"json"},{label:"YAML",value:"yaml"},{label:"JavaScript",value:"javascript"},{label:"XML",value:"xml"},{label:"HTML",value:"html"}],qo={plaintext:"text/plain",json:"application/json",yaml:"application/x-yaml",javascript:"application/javascript",xml:"application/xml",html:"text/html"};function On(){let{request:e,dispatch:t}=K(),[r,a]=(0,zo.useState)("json");return(0,We.jsxs)("div",{css:wa.css`
+`;
+
+// src/components/Request/RequestTypeContainer.tsx
+var import_jsx_runtime34 = require("@emotion/react/jsx-runtime");
+var RequestTypeContainer = ({
+  bgColor = "transparent",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { css: requestTypeContainer(bgColor), ...props, children });
+};
+
+// src/components/Request/RequestBody.tsx
+var import_jsx_runtime35 = require("@emotion/react/jsx-runtime");
+var LANGUAGE_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" }
+];
+var LANGUAGE_TO_CONTENT_TYPE = {
+  plaintext: "text/plain",
+  json: "application/json",
+  yaml: "application/x-yaml",
+  javascript: "application/javascript",
+  xml: "application/xml",
+  html: "text/html"
+};
+function RequestBody() {
+  const { request, dispatch } = useRequest();
+  const [language, setLanguage] = (0, import_react35.useState)("json");
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    "div",
+    {
+      css: import_react33.css`
         background: var(--white);
-      `,children:[(0,We.jsx)(xa,{bgColor:"var(--gray-100)",css:wa.css`
+      `,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          RequestTypeContainer,
+          {
+            bgColor: "var(--gray-100)",
+            css: import_react33.css`
           padding: var(--spacing-sm) var(--spacing-base);
-        `,children:(0,We.jsx)(Ao.InputSelect,{label:"Language",showLabel:!1,options:zn,value:r,onChange:o=>{let i=o.currentTarget.value;a(i),e.body&&t({type:"setBody",body:e.body,contentType:qo[i]})}})}),(0,We.jsx)(Bo.default,{height:200,value:e.body,language:r,options:{language:r,minimap:{enabled:!1},folding:!1},onChange:o=>{o&&t({type:"setBody",body:o,contentType:qo[r]})}})]})}var _=require("@uniformdev/design-system");var E=require("@emotion/react/jsx-runtime");function Gn({disableVariables:e}){var o,i;let{dispatch:t,request:r}=K(),a=[...r.headers,{key:"",value:""}];return(0,E.jsx)("div",{css:zt,children:(0,E.jsxs)(_.Table,{children:[(0,E.jsx)(_.TableHead,{children:(0,E.jsxs)(_.TableRow,{children:[(0,E.jsx)(_.TableCellHead,{children:"Name"}),(0,E.jsx)(_.TableCellHead,{children:"Value"})]})}),(0,E.jsxs)(_.TableBody,{children:[(i=(o=r.baseRequest)==null?void 0:o.headers)==null?void 0:i.map(n=>(0,E.jsxs)(_.TableRow,{children:[(0,E.jsxs)(_.TableCellData,{width:"50%",children:[n.key,(0,E.jsx)("br",{}),(0,E.jsx)("i",{css:{color:"var(--gray-500)"},children:(0,E.jsx)("small",{children:"from data source"})})]}),(0,E.jsxs)(_.TableCellData,{width:"50%",children:[(0,E.jsx)("i",{css:{color:"var(--gray-500)"},children:n.value}),r.headers.find(s=>s.key===n.key)?(0,E.jsx)(_.WarningMessage,{message:"overridden below"}):null]})]},n.key)),a.map((n,s)=>(0,E.jsxs)(_.TableRow,{children:[(0,E.jsx)(_.TableCellData,{width:"50%",children:(0,E.jsx)(_.Input,{label:n.key,value:n.key,showLabel:!1,onChange:l=>{l.currentTarget.value?t({type:"updateHeader",header:{key:l.currentTarget.value,value:n.value},index:s}):t({type:"removeHeader",index:s})}})}),(0,E.jsx)(_.TableCellData,{width:"50%",children:n.key?(0,E.jsx)(_.Input,{showLabel:!1,label:n.value,value:n.value,onChange:l=>t({type:"updateHeader",header:{key:n.key,value:l.currentTarget.value},index:s})}):null})]},s))]})]})})}var Oo=require("@uniformdev/design-system");var Go=require("@emotion/react/jsx-runtime");function Hn(e){var a;let{request:t,dispatch:r}=K();return(0,Go.jsx)(Oo.InputSelect,{...e,options:[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"HEAD",value:"HEAD"}],value:(a=t.method)!=null?a:"GET",onChange:o=>r({type:"setMethod",method:o.currentTarget.value})})}var I=require("@uniformdev/design-system");var M=require("@emotion/react/jsx-runtime");function Nn({disableVariables:e}){var o,i;let{dispatch:t,request:r}=K(),a=[...r.parameters,{key:"",value:""}];return(0,M.jsx)("div",{css:zt,children:(0,M.jsxs)(I.Table,{children:[(0,M.jsx)(I.TableHead,{children:(0,M.jsxs)(I.TableRow,{children:[(0,M.jsx)(I.TableCellHead,{children:"Name"}),(0,M.jsx)(I.TableCellHead,{children:"Value"})]})}),(0,M.jsxs)(I.TableBody,{children:[(i=(o=r.baseRequest)==null?void 0:o.parameters)==null?void 0:i.map(n=>(0,M.jsxs)(I.TableRow,{children:[(0,M.jsxs)(I.TableCellData,{width:"50%",children:[n.key,(0,M.jsx)("br",{}),(0,M.jsx)("i",{css:{color:"var(--gray-500)"},children:(0,M.jsx)("small",{children:"from data source"})})]}),(0,M.jsxs)(I.TableCellData,{width:"50%",children:[(0,M.jsx)("i",{css:{color:"var(--gray-500)"},children:n.value}),r.parameters.find(s=>s.key===n.key)?(0,M.jsx)(I.WarningMessage,{message:"overridden below"}):null]})]},n.key)),a.map((n,s)=>(0,M.jsxs)(I.TableRow,{children:[(0,M.jsx)(I.TableCellData,{width:"50%",children:(0,M.jsx)(I.Input,{label:n.key,value:n.key,showLabel:!1,onChange:l=>{l.currentTarget.value?t({type:"updateParameter",parameter:{key:l.currentTarget.value,value:n.value},index:s}):t({type:"removeParameter",index:s})}})}),(0,M.jsx)(I.TableCellData,{width:"50%",children:n.key?(0,M.jsx)(I.Input,{showLabel:!1,label:n.value,value:n.value,onChange:l=>t({type:"updateParameter",parameter:{key:n.key,value:l.currentTarget.value},index:s})}):null})]},s))]})]})})}var Ho=require("@emotion/react"),No=require("react");function Ca(e,t){return Sa(encodeURI(e),t)}function Ra(e,t){return{key:Sa(encodeURIComponent(e.key),t),value:Sa(encodeURIComponent(e.value),t)}}function Sa(e,t){return e.replace(/(\$|%24)%7B(.*?)%7D/g,(r,a,o)=>{var n;let i=decodeURIComponent(o);return(n=t==null?void 0:t[i])!=null&&n.default?t[i].default:`\${${i}}`})}var fe=require("@emotion/react/jsx-runtime");function Fn(){var a,o;let{variables:e}=ge(),{request:t}=K(),r=(0,No.useMemo)(()=>{var i;return(i=t.baseRequest)!=null&&i.parameters?t.baseRequest.parameters.filter(n=>!t.parameters.find(s=>s.key===n.key)).concat(t.parameters):t.parameters},[(a=t.baseRequest)==null?void 0:a.parameters,t.parameters]);return(0,fe.jsxs)("small",{css:Ho.css`
+        `,
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              import_design_system16.InputSelect,
+              {
+                label: "Language",
+                showLabel: false,
+                options: LANGUAGE_OPTIONS,
+                value: language,
+                onChange: (e) => {
+                  const selectedLanguage = e.currentTarget.value;
+                  setLanguage(selectedLanguage);
+                  if (request.body) {
+                    dispatch({
+                      type: "setBody",
+                      body: request.body,
+                      contentType: LANGUAGE_TO_CONTENT_TYPE[selectedLanguage]
+                    });
+                  }
+                },
+                "data-test-id": "body-select"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_react34.default,
+          {
+            height: 200,
+            value: request.body,
+            language,
+            options: {
+              language,
+              minimap: { enabled: false },
+              folding: false
+            },
+            onChange: (body) => {
+              if (body) {
+                dispatch({ type: "setBody", body, contentType: LANGUAGE_TO_CONTENT_TYPE[language] });
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Request/RequestHeaders.tsx
+var import_design_system17 = require("@uniformdev/design-system");
+var import_jsx_runtime36 = require("@emotion/react/jsx-runtime");
+function RequestHeaders({ disableVariables }) {
+  var _a, _b;
+  const { dispatch, request } = useRequest();
+  const deezHeaders = [...request.headers, { key: "", value: "" }];
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { css: innerContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.TableCellHead, { children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.TableCellHead, { children: "Value" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableBody, { children: [
+      (_b = (_a = request.baseRequest) == null ? void 0 : _a.headers) == null ? void 0 : _b.map((baseHeader) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableCellData, { width: "50%", children: [
+            baseHeader.key,
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("small", { children: "from data source" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableCellData, { width: "50%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("i", { css: { color: "var(--gray-500)" }, children: baseHeader.value }),
+            request.headers.find((p) => p.key === baseHeader.key) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.WarningMessage, { message: "overridden below" }) : null
+          ] })
+        ] }, baseHeader.key);
+      }),
+      deezHeaders.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_design_system17.TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.TableCellData, { width: "50%", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          import_design_system17.Input,
+          {
+            label: header.key,
+            value: header.key,
+            showLabel: false,
+            onChange: (e) => {
+              if (e.currentTarget.value) {
+                dispatch({
+                  type: "updateHeader",
+                  header: { key: e.currentTarget.value, value: header.value },
+                  index
+                });
+              } else {
+                dispatch({ type: "removeHeader", index });
+              }
+            },
+            "data-test-id": "header-key"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_design_system17.TableCellData, { width: "50%", children: header.key ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          import_design_system17.Input,
+          {
+            showLabel: false,
+            label: header.value,
+            value: header.value,
+            onChange: (e) => dispatch({
+              type: "updateHeader",
+              header: { key: header.key, value: e.currentTarget.value },
+              index
+            }),
+            "data-test-id": "header-value"
+          }
+        ) : null })
+      ] }, index))
+    ] })
+  ] }) });
+}
+
+// src/components/Request/RequestMethodSelect.tsx
+var import_design_system18 = require("@uniformdev/design-system");
+var import_jsx_runtime37 = require("@emotion/react/jsx-runtime");
+function RequestMethodSelect(props) {
+  var _a;
+  const { request, dispatch } = useRequest();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_design_system18.InputSelect,
+    {
+      ...props,
+      options: [
+        { label: "GET", value: "GET" },
+        { label: "POST", value: "POST" },
+        { label: "HEAD", value: "HEAD" }
+      ],
+      value: (_a = request.method) != null ? _a : "GET",
+      onChange: (e) => dispatch({ type: "setMethod", method: e.currentTarget.value })
+    }
+  );
+}
+
+// src/components/Request/RequestParameters.tsx
+var import_design_system19 = require("@uniformdev/design-system");
+var import_jsx_runtime38 = require("@emotion/react/jsx-runtime");
+function RequestParameters({ disableVariables }) {
+  var _a, _b;
+  const { dispatch, request } = useRequest();
+  const deezParameters = [...request.parameters, { key: "", value: "" }];
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { css: innerContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.TableCellHead, { children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.TableCellHead, { children: "Value" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableBody, { children: [
+      (_b = (_a = request.baseRequest) == null ? void 0 : _a.parameters) == null ? void 0 : _b.map((baseParameter) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableCellData, { width: "50%", children: [
+            baseParameter.key,
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("i", { css: { color: "var(--gray-500)" }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("small", { children: "from data source" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableCellData, { width: "50%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("i", { css: { color: "var(--gray-500)" }, children: baseParameter.value }),
+            request.parameters.find((p) => p.key === baseParameter.key) ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.WarningMessage, { message: "overridden below" }) : null
+          ] })
+        ] }, baseParameter.key);
+      }),
+      deezParameters.map((parameter, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_design_system19.TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.TableCellData, { width: "50%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_design_system19.Input,
+          {
+            label: parameter.key,
+            value: parameter.key,
+            showLabel: false,
+            onChange: (e) => {
+              if (e.currentTarget.value) {
+                dispatch({
+                  type: "updateParameter",
+                  parameter: { key: e.currentTarget.value, value: parameter.value },
+                  index
+                });
+              } else {
+                dispatch({ type: "removeParameter", index });
+              }
+            },
+            "data-test-id": "parameter-key"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_design_system19.TableCellData, { width: "50%", children: parameter.key ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_design_system19.Input,
+          {
+            showLabel: false,
+            label: parameter.value,
+            value: parameter.value,
+            onChange: (e) => dispatch({
+              type: "updateParameter",
+              parameter: { key: parameter.key, value: e.currentTarget.value },
+              index
+            }),
+            "data-test-id": "parameter-value"
+          }
+        ) : null })
+      ] }, index))
+    ] })
+  ] }) });
+}
+
+// src/components/Request/RequestUrl.tsx
+var import_react36 = require("@emotion/react");
+var import_react37 = require("react");
+
+// src/components/Request/urlEncodeRequestParameter.ts
+function urlEncodeRequestUrl(url, varValues) {
+  return decodeVariablesInUrlEncodedString(encodeURI(url), varValues);
+}
+function urlEncodeRequestParameter(parameter, varValues) {
+  return {
+    key: decodeVariablesInUrlEncodedString(encodeURIComponent(parameter.key), varValues),
+    value: decodeVariablesInUrlEncodedString(encodeURIComponent(parameter.value), varValues)
+  };
+}
+function decodeVariablesInUrlEncodedString(string, varValues) {
+  return string.replace(/(\$|%24)%7B(.*?)%7D/g, (_all, _money, body) => {
+    var _a;
+    const varName = decodeURIComponent(body);
+    return ((_a = varValues == null ? void 0 : varValues[varName]) == null ? void 0 : _a.default) ? varValues[varName].default : `\${${varName}}`;
+  });
+}
+
+// src/components/Request/RequestUrl.tsx
+var import_jsx_runtime39 = require("@emotion/react/jsx-runtime");
+function RequestUrl() {
+  var _a, _b;
+  const { variables } = useVariables();
+  const { request } = useRequest();
+  const mergedParameters = (0, import_react37.useMemo)(() => {
+    var _a2;
+    if (!((_a2 = request.baseRequest) == null ? void 0 : _a2.parameters)) {
+      return request.parameters;
+    }
+    return request.baseRequest.parameters.filter((baseParam) => !request.parameters.find((p) => p.key === baseParam.key)).concat(request.parameters);
+  }, [(_a = request.baseRequest) == null ? void 0 : _a.parameters, request.parameters]);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    "small",
+    {
+      css: import_react36.css`
         display: inline-block;
         margin-bottom: var(--spacing-xs);
         word-break: break-word;
-      `,children:[t.baseRequest?(0,fe.jsx)("span",{children:(o=t.baseRequest)==null?void 0:o.baseUrl}):null,(0,fe.jsxs)("span",{css:{fontWeight:t.baseRequest?"bold":"inherit"},children:[Ca(t.relativeUrl,e),r.length>0?(0,fe.jsxs)(fe.Fragment,{children:["?",r.map((i,n)=>{let s=Ra(i,e);return(0,fe.jsxs)("span",{children:[n>0?"&":null,s.key,"=",s.value]},n)})]}):null]})]})}var Fo=require("@emotion/react/jsx-runtime");function $n(e){let{request:t,dispatch:r}=K();return(0,Fo.jsx)(va,{...e,value:t.relativeUrl,onPaste:a=>{var i,n,s;let o=a.indexOf("?");if(o>=0){let l=a.substring(0,o);((i=t.baseRequest)==null?void 0:i.baseUrl)&&l.startsWith((n=t.baseRequest)==null?void 0:n.baseUrl)&&(l=l.substring((s=t.baseRequest)==null?void 0:s.baseUrl.length)),r({type:"setRelativeUrl",relativeUrl:l});for(let p=t.parameters.length-1;p>=0;p--)r({type:"removeParameter",index:p});try{new URLSearchParams(a.substring(o)).forEach((d,u)=>{r({type:"updateParameter",parameter:{key:u,value:d}})})}catch(p){}}},onChange:a=>{r({type:"setRelativeUrl",relativeUrl:a})}})}var Pa=require("@emotion/react/jsx-runtime");function Wn({onChange:e,children:t}){var o;let{value:r}=Ee("dataSource"),a=$o(r);return(0,Pa.jsx)(at,{value:(o=r.variables)!=null?o:{},onChange:i=>e(n=>({newValue:{...n,variables:i}})),children:(0,Pa.jsx)(it,{value:a,onChange:i=>{e(n=>{let s=$o(n),l=i(s);return{newValue:Kn(n,l)}})},children:t})})}function $o(e){var t,r,a;return{headers:(t=e==null?void 0:e.headers)!=null?t:[],parameters:(r=e==null?void 0:e.parameters)!=null?r:[],relativeUrl:(a=e==null?void 0:e.baseUrl)!=null?a:""}}function Kn(e,t){return{...e,baseUrl:t.relativeUrl,headers:t.headers.length?t.headers:void 0,parameters:t.parameters}}var Ta=require("@emotion/react/jsx-runtime");function Qn({onChange:e,children:t}){var i;let{value:r,metadata:{dataSource:a}}=Ee("dataType"),o=Wo(r,a);return(0,Ta.jsx)(at,{value:(i=r.variables)!=null?i:{},onChange:n=>e(s=>({newValue:{...s,variables:n}})),children:(0,Ta.jsx)(it,{value:o,onChange:n=>{e(s=>{let l=Wo(s,a),p=n(l);return{newValue:Yn(s,p)}})},children:t})})}function Wo(e,t){var r,a;return{...e,headers:(r=e.headers)!=null?r:[],parameters:(a=e.parameters)!=null?a:[],relativeUrl:e.path,baseRequest:{baseUrl:t.baseUrl,headers:t.headers,parameters:t.parameters}}}function Yn(e,t){var r;return{...e,path:t.relativeUrl,headers:t.headers.length?t.headers:void 0,parameters:t.parameters.length?t.parameters:void 0,method:(r=t.method)!=null?r:"GET",body:t.body}}var Ot=require("@uniformdev/design-system");var Ko=require("@uniformdev/mesh-sdk"),qe=require("react"),La=({autoResizingDisabled:e}={})=>{let[t,r]=(0,qe.useState)(),[a,o]=(0,qe.useState)(),i=(0,qe.useRef)(!1);return(0,qe.useEffect)(()=>{typeof window=="undefined"||a||(typeof window.UniformMeshSDK=="undefined"&&!i.current?(i.current=!0,(0,Ko.initializeUniformMeshSDK)({autoResizingDisabled:e}).then(n=>{o(n)}).catch(n=>{r(n)}).finally(()=>{i.current=!1})):o(window.UniformMeshSDK))},[e]),{initializing:!a&&!t,error:t,sdk:a}};var Ce=require("@emotion/react/jsx-runtime"),Zn=({children:e,loadingComponent:t,errorComponent:r})=>{let{initializing:a,error:o,sdk:i}=La();if(a||!i){let n=t;return n?(0,Ce.jsx)(n,{}):(0,Ce.jsx)(Ot.LoadingIndicator,{})}if(o){let n=r;if(n)return(0,Ce.jsx)(n,{error:o});throw o}return(0,Ce.jsxs)(et.Provider,{value:{sdk:i},children:[(0,Ce.jsx)(Ot.Theme,{}),(0,Ce.jsx)(tt,{children:e})]})};function Xn(){let{location:e}=rt();return e}function Jn(e,t){return r=>e(a=>{let{newValue:o,options:i}=r(a);return{newValue:o,options:t(o,i)}})}var h=require("@uniformdev/design-system");se(ne,require("@uniformdev/mesh-sdk"),module.exports);0&&(module.exports={AddListButton,Button,Callout,DamSelectedItem,DataResourceVariablesList,DataSourceEditor,DataTypeEditor,DefaultSearchRow,DefaultSelectedItem,EntrySearch,Heading,Icons,Input,InputComboBox,InputKeywordSearch,InputSelect,InputToggle,InputVariables,KeywordSearchInput,Label,LoadingIndicator,LoadingOverlay,Menu,MenuItem,MeshApp,ProductPreviewList,ProductQuery,ProductQueryContext,ProductSearch,ProductSearchContext,ProductSearchRow,ProductSelectedItem,RequestBody,RequestHeaders,RequestMethodSelect,RequestParameters,RequestProvider,RequestTypeContainer,RequestUrl,RequestUrlInput,ResolvableLoadingValue,ScrollableList,ScrollableListItem,SelectionField,Switch,TextVariableRenderer,Textarea,Theme,UniformMeshLocationContext,UniformMeshLocationContextProvider,UniformMeshSdkContext,UniformMeshSdkContextProvider,VariableEditor,VariablesList,VariablesProvider,badgeIcon,createLocationValidator,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,urlEncodeRequestParameter,urlEncodeRequestUrl,useInitializeUniformMeshSdk,useMeshLocation,useProductQueryContext,useProductSearchContext,useRequest,useUniformMeshLocation,useUniformMeshLocationContext,useUniformMeshSdk,useUniformMeshSdkContext,useVariables,variablesToList});
+      `,
+      children: [
+        request.baseRequest ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
+          urlEncodeRequestUrl(request.relativeUrl, variables),
+          mergedParameters.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+            "?",
+            mergedParameters.map((param, index) => {
+              const encoded = urlEncodeRequestParameter(param, variables);
+              return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
+                index > 0 ? "&" : null,
+                encoded.key,
+                "=",
+                encoded.value
+              ] }, index);
+            })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Request/RequestUrlInput.tsx
+var import_jsx_runtime40 = require("@emotion/react/jsx-runtime");
+function RequestUrlInput(props) {
+  const { request, dispatch } = useRequest();
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    InputVariables,
+    {
+      ...props,
+      value: request.relativeUrl,
+      onPaste: (value) => {
+        var _a, _b, _c;
+        const indexOfQueryString = value.indexOf("?");
+        if (indexOfQueryString >= 0) {
+          let relativeUrl = value.substring(0, indexOfQueryString);
+          if (((_a = request.baseRequest) == null ? void 0 : _a.baseUrl) && relativeUrl.startsWith((_b = request.baseRequest) == null ? void 0 : _b.baseUrl)) {
+            relativeUrl = relativeUrl.substring((_c = request.baseRequest) == null ? void 0 : _c.baseUrl.length);
+          }
+          dispatch({ type: "setRelativeUrl", relativeUrl });
+          for (let index = request.parameters.length - 1; index >= 0; index--) {
+            dispatch({ type: "removeParameter", index });
+          }
+          try {
+            const query = new URLSearchParams(value.substring(indexOfQueryString));
+            query.forEach((value2, key) => {
+              dispatch({ type: "updateParameter", parameter: { key, value: value2 } });
+            });
+          } catch (e) {
+          }
+        }
+      },
+      onChange: (value) => {
+        dispatch({ type: "setRelativeUrl", relativeUrl: value });
+      }
+    }
+  );
+}
+
+// src/components/DataSourceEditor.tsx
+var import_jsx_runtime41 = require("@emotion/react/jsx-runtime");
+function DataSourceEditor({ onChange, children }) {
+  var _a;
+  const { value } = useMeshLocation("dataSource");
+  const currentRequestValue = convertDataSourceToRequestData(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    VariablesProvider,
+    {
+      value: (_a = value.variables) != null ? _a : {},
+      onChange: (newValue) => onChange((prev) => ({ newValue: { ...prev, variables: newValue } })),
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        RequestProvider,
+        {
+          value: currentRequestValue,
+          onChange: (requestDispatch) => {
+            onChange((previousDataSource) => {
+              const previousDataSourceAsRequestData = convertDataSourceToRequestData(previousDataSource);
+              const updatedRequestData = requestDispatch(previousDataSourceAsRequestData);
+              return {
+                newValue: convertRequestDataToDataSource(previousDataSource, updatedRequestData)
+              };
+            });
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function convertDataSourceToRequestData(dataSource) {
+  var _a, _b, _c;
+  return {
+    headers: (_a = dataSource == null ? void 0 : dataSource.headers) != null ? _a : [],
+    parameters: (_b = dataSource == null ? void 0 : dataSource.parameters) != null ? _b : [],
+    relativeUrl: (_c = dataSource == null ? void 0 : dataSource.baseUrl) != null ? _c : ""
+  };
+}
+function convertRequestDataToDataSource(dataSource, requestData) {
+  return {
+    ...dataSource,
+    baseUrl: requestData.relativeUrl,
+    headers: requestData.headers.length ? requestData.headers : void 0,
+    parameters: requestData.parameters
+  };
+}
+
+// src/components/DataTypeEditor.tsx
+var import_jsx_runtime42 = require("@emotion/react/jsx-runtime");
+function DataTypeEditor({ onChange, children }) {
+  var _a;
+  const {
+    value,
+    metadata: { dataSource }
+  } = useMeshLocation("dataType");
+  const currentRequestValue = convertDataTypeToRequestData(value, dataSource);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    VariablesProvider,
+    {
+      value: (_a = value.variables) != null ? _a : {},
+      onChange: (newValue) => onChange((prev) => ({ newValue: { ...prev, variables: newValue } })),
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        RequestProvider,
+        {
+          value: currentRequestValue,
+          onChange: (requestDispatch) => {
+            onChange((previousDataType) => {
+              const previousDataTypeAsRequestData = convertDataTypeToRequestData(previousDataType, dataSource);
+              const updatedRequestData = requestDispatch(previousDataTypeAsRequestData);
+              return {
+                newValue: convertRequestDataToDataType(previousDataType, updatedRequestData)
+              };
+            });
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function convertDataTypeToRequestData(dataType, dataSource) {
+  var _a, _b;
+  return {
+    ...dataType,
+    headers: (_a = dataType.headers) != null ? _a : [],
+    parameters: (_b = dataType.parameters) != null ? _b : [],
+    relativeUrl: dataType.path,
+    baseRequest: {
+      baseUrl: dataSource.baseUrl,
+      headers: dataSource.headers,
+      parameters: dataSource.parameters
+    }
+  };
+}
+function convertRequestDataToDataType(dataType, requestData) {
+  var _a;
+  return {
+    ...dataType,
+    path: requestData.relativeUrl,
+    headers: requestData.headers.length ? requestData.headers : void 0,
+    parameters: requestData.parameters.length ? requestData.parameters : void 0,
+    method: (_a = requestData.method) != null ? _a : "GET",
+    body: requestData.body
+  };
+}
+
+// src/components/MeshApp.tsx
+var import_design_system20 = require("@uniformdev/design-system");
+
+// src/hooks/useInitializeUniformMeshSdk.ts
+var import_mesh_sdk = require("@uniformdev/mesh-sdk");
+var import_react38 = require("react");
+var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
+  const [error, setError] = (0, import_react38.useState)();
+  const [sdk, setSdk] = (0, import_react38.useState)();
+  const initializationInProgress = (0, import_react38.useRef)(false);
+  (0, import_react38.useEffect)(
+    () => {
+      if (typeof window === "undefined" || sdk) {
+        return;
+      }
+      if (typeof window.UniformMeshSDK === "undefined" && !initializationInProgress.current) {
+        initializationInProgress.current = true;
+        (0, import_mesh_sdk.initializeUniformMeshSDK)({ autoResizingDisabled }).then((sdk2) => {
+          setSdk(sdk2);
+        }).catch((err) => {
+          setError(err);
+        }).finally(() => {
+          initializationInProgress.current = false;
+        });
+      } else {
+        setSdk(window.UniformMeshSDK);
+      }
+    },
+    [autoResizingDisabled]
+  );
+  return {
+    initializing: !sdk && !error,
+    error,
+    sdk
+  };
+};
+
+// src/components/MeshApp.tsx
+var import_jsx_runtime43 = require("@emotion/react/jsx-runtime");
+var MeshApp = ({
+  children,
+  loadingComponent,
+  errorComponent
+}) => {
+  const { initializing, error, sdk } = useInitializeUniformMeshSdk();
+  if (initializing || !sdk) {
+    const LoadingComponent = loadingComponent;
+    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_design_system20.LoadingIndicator, {});
+  }
+  if (error) {
+    const ErrorComponent = errorComponent;
+    if (ErrorComponent) {
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ErrorComponent, { error });
+    }
+    throw error;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_design_system20.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(UniformMeshLocationContextProvider, { children })
+  ] });
+};
+
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
+// src/utils/createLocationValidator.ts
+function createLocationValidator(setValue, validate) {
+  return (dispatch) => setValue((previous) => {
+    const { newValue, options } = dispatch(previous);
+    return { newValue, options: validate(newValue, options) };
+  });
+}
+
+// src/index.ts
+var import_design_system21 = require("@uniformdev/design-system");
+__reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddListButton,
+  Button,
+  Callout,
+  DamSelectedItem,
+  DataResourceVariablesList,
+  DataSourceEditor,
+  DataTypeEditor,
+  DefaultSearchRow,
+  DefaultSelectedItem,
+  EntrySearch,
+  Heading,
+  Icons,
+  Input,
+  InputComboBox,
+  InputKeywordSearch,
+  InputSelect,
+  InputToggle,
+  InputVariables,
+  KeywordSearchInput,
+  Label,
+  LoadingIndicator,
+  LoadingOverlay,
+  Menu,
+  MenuItem,
+  MeshApp,
+  ProductPreviewList,
+  ProductQuery,
+  ProductQueryContext,
+  ProductSearch,
+  ProductSearchContext,
+  ProductSearchRow,
+  ProductSelectedItem,
+  RequestBody,
+  RequestHeaders,
+  RequestMethodSelect,
+  RequestParameters,
+  RequestProvider,
+  RequestTypeContainer,
+  RequestUrl,
+  RequestUrlInput,
+  ResolvableLoadingValue,
+  ScrollableList,
+  ScrollableListItem,
+  SelectionField,
+  Switch,
+  TextVariableRenderer,
+  Textarea,
+  Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
+  VariableEditor,
+  VariablesList,
+  VariablesProvider,
+  badgeIcon,
+  createLocationValidator,
+  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,
+  urlEncodeRequestParameter,
+  urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
+  useMeshLocation,
+  useProductQueryContext,
+  useProductSearchContext,
+  useRequest,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
+  useUniformMeshSdk,
+  useUniformMeshSdkContext,
+  useVariables,
+  variablesToList
+});