@bynder/compact-view 5.2.3 → 5.2.4

package/index13.js

@@ -1,2432 +1,7 @@
-import t, { createContext as ce, useState as D, useEffect as U, useContext as ae, useMemo as xe, useRef as Z, useLayoutEffect as Rn, useCallback as ze } from "react";
-import { createPortal as Ie } from "react-dom";
-import k, { StyleSheetManager as jn } from "./styled-components.browser.esm.js";
-import { Badge as Bn } from "./Badge.js";
-import { Button as G } from "./Button.js";
-import { Card as se } from "./Card.js";
-import { Checkbox as Ve } from "./Checkbox.js";
-import { Chip as ln } from "./Chip.js";
-import { DesignSystemProvider as Un } from "./DesignSystemProvider.js";
-import { Input as $n } from "./Input.js";
-import { InputField as Vn } from "./InputField.js";
-import { ModalConfirmation as Hn } from "./ModalConfirmation.js";
-import { Thumbnail as Wn } from "./Thumbnail.js";
-import { TruncatedText as sn } from "./TruncatedText.js";
-import { token as v } from "./token.js";
-import { IconSearch as cn, IconSortOrder as Yn, IconExitApp as qn, IconCancel as un, IconCaretDown as Xn, IconArrowLeft as Gn, IconArrowRight as Kn, IconTag as Jn, IconAdjust as Zn, IconCheck as dn, IconArchive as Qn, IconVideocam as er, IconCamera as tr, IconFile as nr, IconVolumeUp as rr, IconOpenInNew as ir, IconAspectRatioOutline as ar, IconImage as or, IconCrop as lr } from "./index4.js";
-import { useDebouncedCallback as sr, useDebounce as Ze } from "./index.module2.js";
-import { useInView as cr } from "react-intersection-observer";
-import ur from "./index18.js";
-var fn = ce({ assetTypes: [], language: "en_US", onSuccess: function(e, n) {
-  var r = n.selectedFile;
-  return console.log(e, r);
-}, selectionMode: "MultiSelect", hideExternalAccess: !1 }), dr = fn.Provider, oe = function() {
-  return ae(fn);
-}, fr = function() {
-  return oe().assetFilter;
-}, mr = function() {
-  return oe().selectionMode;
-}, Fe = function(e, n) {
-  return Fe = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, i) {
-    r.__proto__ = i;
-  } || function(r, i) {
-    for (var a in i) Object.prototype.hasOwnProperty.call(i, a) && (r[a] = i[a]);
-  }, Fe(e, n);
-}, R = function() {
-  return R = Object.assign || function(e) {
-    for (var n, r = 1, i = arguments.length; r < i; r++) for (var a in n = arguments[r]) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    return e;
-  }, R.apply(this, arguments);
-};
-function Te(e, n) {
-  var r = {};
-  for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && n.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") {
-    var a = 0;
-    for (i = Object.getOwnPropertySymbols(e); a < i.length; a++) n.indexOf(i[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, i[a]) && (r[i[a]] = e[i[a]]);
-  }
-  return r;
-}
-function ee(e, n, r, i) {
-  return new (r || (r = Promise))((function(a, s) {
-    function o(d) {
-      try {
-        u(i.next(d));
-      } catch (l) {
-        s(l);
-      }
-    }
-    function c(d) {
-      try {
-        u(i.throw(d));
-      } catch (l) {
-        s(l);
-      }
-    }
-    function u(d) {
-      var l;
-      d.done ? a(d.value) : (l = d.value, l instanceof r ? l : new r((function(p) {
-        p(l);
-      }))).then(o, c);
-    }
-    u((i = i.apply(e, [])).next());
-  }));
-}
-function te(e, n) {
-  var r, i, a, s, o = { label: 0, sent: function() {
-    if (1 & a[0]) throw a[1];
-    return a[1];
-  }, trys: [], ops: [] };
-  return s = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
-    return this;
-  }), s;
-  function c(u) {
-    return function(d) {
-      return (function(l) {
-        if (r) throw new TypeError("Generator is already executing.");
-        for (; s && (s = 0, l[0] && (o = 0)), o; ) try {
-          if (r = 1, i && (a = 2 & l[0] ? i.return : l[0] ? i.throw || ((a = i.return) && a.call(i), 0) : i.next) && !(a = a.call(i, l[1])).done) return a;
-          switch (i = 0, a && (l = [2 & l[0], a.value]), l[0]) {
-            case 0:
-            case 1:
-              a = l;
-              break;
-            case 4:
-              return o.label++, { value: l[1], done: !1 };
-            case 5:
-              o.label++, i = l[1], l = [0];
-              continue;
-            case 7:
-              l = o.ops.pop(), o.trys.pop();
-              continue;
-            default:
-              if (!((a = (a = o.trys).length > 0 && a[a.length - 1]) || l[0] !== 6 && l[0] !== 2)) {
-                o = 0;
-                continue;
-              }
-              if (l[0] === 3 && (!a || l[1] > a[0] && l[1] < a[3])) {
-                o.label = l[1];
-                break;
-              }
-              if (l[0] === 6 && o.label < a[1]) {
-                o.label = a[1], a = l;
-                break;
-              }
-              if (a && o.label < a[2]) {
-                o.label = a[2], o.ops.push(l);
-                break;
-              }
-              a[2] && o.ops.pop(), o.trys.pop();
-              continue;
-          }
-          l = n.call(e, o);
-        } catch (p) {
-          l = [6, p], i = 0;
-        } finally {
-          r = a = 0;
-        }
-        if (5 & l[0]) throw l[1];
-        return { value: l[0] ? l[1] : void 0, done: !0 };
-      })([u, d]);
-    };
-  }
-}
-function J(e, n, r) {
-  if (r || arguments.length === 2) for (var i, a = 0, s = n.length; a < s; a++) !i && a in n || (i || (i = Array.prototype.slice.call(n, 0, a)), i[a] = n[a]);
-  return e.concat(i || Array.prototype.slice.call(n));
-}
-function S(e, n) {
-  return Object.defineProperty ? Object.defineProperty(e, "raw", { value: n }) : e.raw = n, e;
-}
-var mn = ce(null);
-function pr(e) {
-  var n = e.children, r = e.hideLimitedUse, i = r !== void 0 && r, a = D([]), s = a[0], o = a[1], c = D([]), u = c[0], d = c[1], l = D([]), p = l[0], f = l[1], m = D(), g = m[0], x = m[1], I = D({}), h = I[0], A = I[1];
-  function L(E) {
-    o((function(z) {
-      return Le(z, E);
-    }));
-  }
-  function b(E) {
-    o((function(z) {
-      return Me(z, E);
-    }));
-  }
-  function F(E) {
-    d((function(z) {
-      return Le(z, E.id);
-    })), A((function(z) {
-      var j;
-      return R(R({}, z), ((j = {})[E.id] = E, j));
-    }));
-  }
-  function w(E) {
-    d((function(z) {
-      return Me(z, E.id);
-    })), A((function(z) {
-      var j = z, V = E.id;
-      return Te(j, [typeof V == "symbol" ? V : V + ""]);
-    }));
-  }
-  function M(E) {
-    f((function(z) {
-      return Le(z, E);
-    }));
-  }
-  function y(E) {
-    f((function(z) {
-      return Me(z, E);
-    }));
-  }
-  function N() {
-    o([]), d([]), A({}), f([]);
-  }
-  U((function() {
-    x(!i && void 0);
-  }), [i]);
-  var T = u.map((function(E) {
-    return h[E];
-  })), P = xe((function() {
-    return { assetTypes: s, metaproperties: T, tags: p, isLimited: g, addAssetType: L, removeAssetType: b, addMetaproperty: F, removeMetaproperty: w, addTag: M, removeTag: y, clear: N };
-  }), [s, T, p, g]);
-  return t.createElement(mn.Provider, { value: P }, n);
-}
-function Le(e, n) {
-  return e.includes(n) ? e : J(J([], e, !0), [n], !1);
-}
-function Me(e, n) {
-  return e.filter((function(r) {
-    return r !== n;
-  }));
-}
-function de() {
-  var e = ae(mn);
-  if (e === null) throw new Error("useAssetFilter must be used with a AssetFilterProvider");
-  return e;
-}
-function C(e) {
-  var n;
-  return (n = pn[e]) !== null && n !== void 0 ? n : e;
-}
-var pn = {};
-function He(e) {
-  U((function() {
-    var n = e.slice(0, 2).toLowerCase(), r = "".concat("https://d8ejoa1fys2rk.cloudfront.net", "/5.0.5/modules/compactview/i18n/").concat(n, ".json");
-    fetch(r).then((function(i) {
-      return i.json();
-    })).then((function(i) {
-      pn = i;
-    }));
-  }), [e]);
-}
-var gn = ce(null), Qe = { assets: "", isLoading: !1 };
-function gr(e) {
-  var n = D(Qe), r = n[0], i = n[1];
-  function a(u, d) {
-    var l = d !== "";
-    i((function(p) {
-      var f;
-      return R(R({}, p), ((f = {})[u] = d, f.isLoading = l, f));
-    }));
-  }
-  function s(u) {
-    i((function(d) {
-      return R(R({}, d), { isLoading: u });
-    }));
-  }
-  function o() {
-    i(Qe);
-  }
-  U((function() {
-    var u;
-    a("assets", (u = e.defaultValue) !== null && u !== void 0 ? u : "");
-  }), [e.defaultValue]);
-  var c = xe((function() {
-    return R(R({}, r), { setSearch: a, setIsLoading: s, clear: o });
-  }), [r]);
-  return t.createElement(gn.Provider, { value: c }, e.children);
-}
-function De() {
-  var e = ae(gn);
-  if (e === null) throw new Error("useSearchState must be used within a SearchStateContext");
-  return e;
-}
-function We(e) {
-  var n = De();
-  return { value: n[e], isLoading: n.isLoading, setSearch: function(r) {
-    return n.setSearch(e, r);
-  }, setIsLoading: n.setIsLoading };
-}
-function ne(e) {
-  return { tag: "ok", value: e };
-}
-function Q(e) {
-  return { tag: "error", error: e };
-}
-function Pe(e) {
-  return e.tag === "ok";
-}
-function re(e) {
-  return e.tag === "error";
-}
-function Ye(e) {
-  var n = e.replace(/^https?:\/\//i, "").replace(/\/+$/i, "");
-  return "https://".concat(n, "/");
-}
-var et = "transformBaseURL", hr = "transformBaseUrl";
-function hn(e) {
-  var n;
-  if (e[et]) {
-    var r = e, i = et, a = r[i], s = Te(r, [typeof i == "symbol" ? i : i + ""]);
-    return R(R({}, s), ((n = {})[hr] = R({}, a), n));
-  }
-  return e;
-}
-var he = /* @__PURE__ */ new Map();
-function Se(e, n, r) {
-  return ee(this, void 0, void 0, (function() {
-    var i, a, s, o, c, u, d, l;
-    return te(this, (function(p) {
-      switch (p.label) {
-        case 0:
-          if (!r) return [2, Q("No authentication provided")];
-          if (i = r.getAccessToken && r.getAccessToken(), (a = r.accountDomain !== void 0 ? Ye(r.accountDomain.trim()) : "https://".concat(window.location.host)).charAt(a.length - 1) === "/" && (a = a.slice(0, -1)), s = "".concat(a, ":").concat(e, ":").concat(JSON.stringify(n), ":").concat(i), he.has(s)) return [2, ne(he.get(s))];
-          o = { Accept: "application/json", "Content-Type": "application/json", "X-Bynder-Integration": "UCV/v".concat("2.0.6") }, c = i === void 0 ? o : R(R({}, o), { Authorization: "Bearer ".concat(i) }), u = { method: "post", headers: c, body: JSON.stringify({ query: e, variables: n }) }, p.label = 1;
-        case 1:
-          return p.trys.push([1, 4, , 5]), [4, fetch("".concat(a, "/graphql"), u)];
-        case 2:
-          return [4, p.sent().json()];
-        case 3:
-          return d = p.sent(), l = (function(f) {
-            var m, g, x, I;
-            return !((g = (m = f?.searchAssets) === null || m === void 0 ? void 0 : m.assets) === null || g === void 0) && g.nodes.length ? R(R({}, f), { searchAssets: R(R({}, f.searchAssets), { assets: R(R({}, f.searchAssets.assets), { nodes: (I = (x = f.searchAssets) === null || x === void 0 ? void 0 : x.assets) === null || I === void 0 ? void 0 : I.nodes.map((function(h) {
-              if (h.files) {
-                var A = hn(h.files);
-                return R(R({}, h), { files: R({}, A) });
-              }
-              return h;
-            })) }) }) }) : f;
-          })(d.data), [3, 5];
-        case 4:
-          return [2, Q(p.sent())];
-        case 5:
-          return d.errors !== void 0 ? [2, Q(d.errors.map((function(f) {
-            return f.message;
-          })).join(","))] : (he.set(s, l), he.size > 50 && he.delete(he.keys().next().value), [2, ne(l)]);
-      }
-    }));
-  }));
-}
-function vr(e) {
-  var n;
-  if (!(!((n = window.crypto) === null || n === void 0) && n.subtle)) return Promise.reject("Access to the WebCrypto API is restricted to secure origins. Compact View requires HTTPS when used outside localhost (for development).");
-  var r = new TextEncoder().encode(e);
-  return window.crypto.subtle.digest("SHA-256", r);
-}
-function tt() {
-  var e = new Uint32Array(28), n = window.crypto.getRandomValues(e);
-  return Array.from(n).map((function(r) {
-    var i = "0".concat(r.toString(16));
-    return i.substring(i.length - 2);
-  })).join("");
-}
-var Re = "42b1eefa-d754-4802-b9c4-bf80d6ab6052", xr = "v6/authentication/oauth2/", vn = "".concat("https://d8ejoa1fys2rk.cloudfront.net"), xn = vn + "/5.0.5/modules/compactview/loginCompleted.html", br = "".concat("https://apiv2.webdamdb.com", "/"), yr = "oauth2/", wr = ["offline", "asset:read", "collection:read", "meta.assetbank:read"];
-function Er(e, n, r) {
-  return ee(this, void 0, void 0, (function() {
-    var i, a, s, o;
-    return te(this, (function(c) {
-      switch (c.label) {
-        case 0:
-          i = je(r) + "token", a = new URLSearchParams({ client_id: Re, code_verifier: n, code: e, redirect_uri: xn, grant_type: "authorization_code" }), c.label = 1;
-        case 1:
-          return c.trys.push([1, 4, , 5]), [4, fetch(i, { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" }, body: a })];
-        case 2:
-          return (s = c.sent()).ok ? [4, s.json()] : [2, Q("Failed to fetch access token: ".concat(s.status))];
-        case 3:
-          return [2, ne({ refreshToken: (o = c.sent()).refresh_token, accessToken: o.access_token, expiresIn: o.expires_in })];
-        case 4:
-          return [2, Q(c.sent().toString())];
-        case 5:
-          return [2];
-      }
-    }));
-  }));
-}
-function je(e) {
-  return bn() === "webdam" ? br + yr : Ye(e) + xr;
-}
-function bn() {
-  var e;
-  return (e = localStorage.getItem("cvp")) !== null && e !== void 0 ? e : void 0;
-}
-function kr(e) {
-  return ee(this, void 0, void 0, (function() {
-    var n, r, i, a, s, o;
-    return te(this, (function(c) {
-      switch (c.label) {
-        case 0:
-          return n = window.screen, r = n.width / 2 - 285 + window.screenX, i = n.height / 2 - 350 + window.screenY, (a = window.open("", "Bynder Brand Portal", "height=".concat(700, ",width=").concat(570, ",left=").concat(r, ",top=").concat(i))) === null ? [2, Q("Error opening login window")] : (a.document.head.innerHTML = Sr, a.document.body.innerHTML = Ar, a.location.href = e, [4, Promise.race([new Promise((function(d) {
-            window.addEventListener("message", (function(l) {
-              l.origin === vn && d(ne(l));
-            }));
-          })), new Promise((function(d) {
-            setTimeout((function() {
-              return d(Q("Timeout"));
-            }), 6e5);
-          })), (u = a, new Promise((function(d) {
-            var l = setInterval((function() {
-              u.closed && (clearInterval(l), d(Q("Login window closed")));
-            }), 1e3);
-          })))])]);
-        case 1:
-          return re(s = c.sent()) ? [2, s] : [2, ne({ state: (o = new URLSearchParams(s.value.data)).get("state"), code: o.get("code") })];
-      }
-      var u;
-    }));
-  }));
-}
-var Sr = `
-<title>Redirecting...</title>
-<style>
-    @keyframes cv-spinner-animation {
-        to {
-            transform:rotate(1turn)
-        }
-    }
-
-    .cv-spinner {
-        position: relative;
-        display: inline-block;
-        padding: 175px 0 100px;
-        width: 100%;
-        height: auto;
-        background: #fff;
-        box-sizing: border-box;
-    }
-    
-    .cv-spinner:before {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: 40px;
-        height: 40px;
-        margin-top: -20px;
-        margin-left: -20px;
-        box-sizing: border-box;
-        border-top: 3px solid #7e8890;
-        border-right: 3px solid transparent;
-        border-radius: 50%;
-        content: "";
-        animation: cv-spinner-animation .8s linear infinite;
-        z-index: 3;
-    }
-</style>`, Ar = '<div class="cv-spinner"></div>', ve = { error: console.error }, yn = ce(null), Cr = yn.Provider, Ee = function() {
-  var e = ae(yn);
-  if (!e) throw new Error("useRootElement must be used with a RootElementProvider");
-  return e;
-}, Ir = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}[type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[hidden]{display:none}dd,h1,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ul{list-style:none;margin:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid rgba(0,34,51,.1)}input::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder{color:#a0aec0}input::-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,object,svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-ui-0{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-ui-500{background-color:rgba(0,34,51,.05)}.hover\\:bg-ui-400:hover{background-color:rgba(0,34,51,.03)}.border-brand-500{--border-opacity:1;border-color:#0af;border-color:rgba(0,170,255,var(--border-opacity))}.rounded{border-radius:5px}.border-2{border-width:2px}.border{border-width:1px}.border-b{border-bottom-width:1px}.last\\:border-b-0:last-child{border-bottom-width:0}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.self-start{-ms-flex-item-align:start;align-self:flex-start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink{-ms-flex-negative:1;flex-shrink:1}.font-sans{font-family:SourceSansPro,Source Sans Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-semibold{font-weight:600}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-20{height:80px}.h-32{height:128px}.h-full{height:100%}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-xl{font-size:20px}.m-2{margin:8px}.my-2{margin-top:8px;margin-bottom:8px}.mx-2{margin-left:8px;margin-right:8px}.mr-1{margin-right:4px}.ml-1{margin-left:4px}.mr-2{margin-right:8px}.mb-2{margin-bottom:8px}.ml-2{margin-left:8px}.mt-3{margin-top:12px}.mr-3{margin-right:12px}.ml-3{margin-left:12px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.-mr-2{margin-right:-8px}.max-w-24{max-width:96px}.max-w-32{max-width:128px}.min-w-24{min-width:96px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pl-3{padding-left:12px}.pt-4{padding-top:16px}.pr-5{padding-right:20px}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.resize{resize:both}.shadow{-webkit-box-shadow:0 1px 6px 0 rgba(0,34,51,.1),0 0 0 1px rgba(0,34,51,.1);box-shadow:0 1px 6px 0 rgba(0,34,51,.1),0 0 0 1px rgba(0,34,51,.1)}.text-left{text-align:left}.text-right{text-align:right}.text-body-300{color:rgba(0,34,51,.3)}.text-body-400{color:rgba(0,34,51,.5)}.hover\\:text-body-500:hover,.text-body-500{color:rgba(0,34,51,.8)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visible{visibility:visible}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-5{width:20px}.w-6{width:24px}.w-10{width:40px}.w-40{width:160px}.w-48{width:192px}.w-56{width:224px}.w-full{width:100%}.z-10{z-index:10}.z-20{z-index:20}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform}.transition-transform{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes border-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes border-dash{0%{stroke-dasharray:1,100;stroke-dashoffset:0}50%{stroke-dasharray:80,100;stroke-dashoffset:-20}to{stroke-dasharray:80,100;stroke-dashoffset:-48}}.transition-color{-webkit-transition:color .05s linear,background-color .05s linear,border-color .05s linear,opacity .05s linear;transition:color .05s linear,background-color .05s linear,border-color .05s linear,opacity .05s linear}.transition-transform{-webkit-transition:-webkit-transform .6s cubic-bezier(.175,.885,.32,1.15);transition:-webkit-transform .6s cubic-bezier(.175,.885,.32,1.15);transition:transform .6s cubic-bezier(.175,.885,.32,1.15);transition:transform .6s cubic-bezier(.175,.885,.32,1.15),-webkit-transform .6s cubic-bezier(.175,.885,.32,1.15)}.cv-root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));font-family:SourceSansPro,Source Sans Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px;color:rgba(0,34,51,.8);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.cv-root *,.cv-root :after,.cv-root :before{-webkit-box-sizing:inherit;box-sizing:inherit}.cv-container{overflow:hidden;width:100%;height:100%}.cv-container nav:last-of-type{-webkit-box-shadow:0 1px 0 0 rgba(0,34,51,.1),0 1px 6px 0 rgba(0,34,51,.1);box-shadow:0 1px 0 0 rgba(0,34,51,.1),0 1px 6px 0 rgba(0,34,51,.1)}.cv-dropdown{position:fixed;border-width:1px;border-color:rgba(0,34,51,.1);-webkit-animation:fade-in-down .15s ease-out;animation:fade-in-down .15s ease-out;margin-top:4px;margin-bottom:4px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:0 4px 10px 0 rgba(0,34,51,.1);box-shadow:0 4px 10px 0 rgba(0,34,51,.1);z-index:9999999;overflow-y:hidden;-webkit-transition:left .1s ease-out;transition:left .1s ease-out}.card-list{padding-left:8px;padding-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.max-h-400{max-height:400px}.max-w-600{max-width:600px}.spinner{-webkit-animation:border-rotate 1s linear infinite;animation:border-rotate 1s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px}.spinner circle{stroke:currentColor;stroke-linecap:round;-webkit-animation:border-dash 1.5s ease-in-out infinite;animation:border-dash 1.5s ease-in-out infinite}.fade-in{-webkit-animation:fade-in .15s ease-out;animation:fade-in .15s ease-out}.fade-in-down{-webkit-animation:fade-in-down .15s ease-out;animation:fade-in-down .15s ease-out}.cv-skeleton{overflow:hidden;display:inline-block;position:relative;border-radius:4px;background-color:rgba(0,34,51,.05)}.cv-skeleton:before{position:absolute;height:100%;top:0;-webkit-animation:cv-skeleton-progress 1.5s ease-in-out infinite;animation:cv-skeleton-progress 1.5s ease-in-out infinite;content:"";width:500px;left:-500px;background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}@keyframes cv-skeleton-progress{0%{left:-500px}to{left:100%}}.fa-lg{line-height:1.05em}.z-a-lot{z-index:999999}button:focus{outline:revert}';
-function Tr(e) {
-  var n = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return n[r] === void 0 && (n[r] = e(r)), n[r];
-  };
-}
-var zr = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Lr = Tr((function(e) {
-  return zr.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-}));
-function Mr(e) {
-  var n = Ee();
-  return t.createElement(jn, { shouldForwardProp: Lr, target: n }, t.createElement(Un, { zIndexBase: 1e6 }, e.children));
-}
-function Or(e) {
-  var n = e.children, r = e.isContainerMode, i = r !== void 0 && r, a = t.useRef(null), s = D(null), o = s[0], c = s[1];
-  return U((function() {
-    if (a.current !== null) {
-      var u, d, l = (function(p) {
-        try {
-          return p.attachShadow({ mode: "open" });
-        } catch {
-          return null;
-        }
-      })(a.current);
-      u = l, d = "@import url(".concat("https://d8ejoa1fys2rk.cloudfront.net", "/5.0.5/includes/css/vendor/font-awesome.min.css);") + Ir, nt(u ?? document.head, d), l && nt(document.head, Nr), c(l ?? a.current);
-    }
-  }), []), t.createElement("div", { ref: a, style: { display: "flex", height: "100%" }, "data-testid": "root" }, o && t.createElement(Cr, { value: o }, t.createElement(Mr, null, Ie(t.createElement(_r, { $isContainerMode: i, "data-testid": "ShadowRootInternalContainer" }, n), o))));
-}
-function nt(e, n) {
-  var r = document.createElement("style"), i = document.createTextNode(n);
-  r.appendChild(i), e.appendChild(r);
-}
-var rt, Nr = `
-@font-face {
-    font-family: 'Source Sans Pro';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Source Sans Pro Regular'),
-         local('SourceSansPro-Regular'),
-         url('`.concat("https://d8ejoa1fys2rk.cloudfront.net", `/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff2') format('woff2'),
-         url('`).concat("https://d8ejoa1fys2rk.cloudfront.net", `/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff') format('woff');
-  }
-  
-  @font-face {
-    font-family: "FontAwesome";
-    src: url("`).concat("https://d8ejoa1fys2rk.cloudfront.net", `/5.0.5/includes/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
-         url("`).concat("https://d8ejoa1fys2rk.cloudfront.net", `/5.0.5/includes/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff");
-    font-weight: 400;
-    font-style: normal;
-  }
-`), _r = k.div(rt || (rt = S([`
-	width: `, `;
-	font-family: 'Source Sans Pro';
-`], [`
-	width: `, `;
-	font-family: 'Source Sans Pro';
-`])), (function(e) {
-  return e.$isContainerMode ? "100%" : "auto";
-})), it = ce("parent");
-function qe(e) {
-  var n = e.children, r = e.isContainerMode, i = r !== void 0 && r;
-  return ae(it) === "parent" ? t.createElement(it.Provider, { value: "child" }, t.createElement(Or, { isContainerMode: i }, n)) : t.createElement(t.Fragment, null, n);
-}
-var wn = ce(null), En = function() {
-  return ae(wn);
-};
-function co(e) {
-  var n = e.children, r = e.isOpen, i = r === void 0 || r, a = e.style, s = e.onClose, o = s === void 0 ? function() {
-  } : s, c = D(null), u = c[0], d = c[1], l = xe((function() {
-    return { onClose: o };
-  }), [o]);
-  return U((function() {
-    var p = document.createElement("div");
-    return p.dataset.testId = "CompactViewContainer", document.body.appendChild(p), d(p), function() {
-      p.remove();
-    };
-  }), []), i ? t.createElement(wn.Provider, { value: l }, u && t.createElement(t.Fragment, null, Ie(t.createElement(qe, null, t.createElement(Fr, { className: "z-a-lot" }, t.createElement(Dr, { style: a, "data-testid": "modal" }, n))), u))) : null;
-}
-var at, ot, Fr = k.div(at || (at = S([`
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	display: flex;
-	align-items: center;
-	padding: `, `;
-	position: fixed;
-	animation: var(--fade-in-down);
-	background: `, `;
-`], [`
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	display: flex;
-	align-items: center;
-	padding: `, `;
-	position: fixed;
-	animation: var(--fade-in-down);
-	background: `, `;
-`])), v.spacing5, v.gray100a), Dr = k.div(ot || (ot = S([`
-	box-shadow: 0 2px 12px 0 rgba(0, 34, 51, 0.1);
-	height: 100%;
-	width: 100%;
-	overflow: hidden;
-	border-radius: `, `;
-`], [`
-	box-shadow: 0 2px 12px 0 rgba(0, 34, 51, 0.1);
-	height: 100%;
-	width: 100%;
-	overflow: hidden;
-	border-radius: `, `;
-`])), v.radiusBase);
-function Pr(e) {
-  var n = En();
-  return t.createElement(Rr, { className: "cv-root", style: { minHeight: 320 } }, n !== null && t.createElement(jr, null, t.createElement(G, { variant: "clean", onClick: n.onClose, title: C("Close"), icon: t.createElement(un, null) })), t.createElement(Br, null, e.children));
-}
-var lt, st, ct, Rr = k.div(lt || (lt = S([`
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	background-color: `, `;
-`], [`
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	background-color: `, `;
-`])), v.gray10), jr = k.div(st || (st = S([`
-	position: absolute;
-	top: `, `;
-	right: `, `;
-`], [`
-	position: absolute;
-	top: `, `;
-	right: `, `;
-`])), v.spacing4, v.spacing5), Br = k.div(ct || (ct = S([`
-	display: flex;
-	flex-direction: column;
-	font-size: `, `;
-`], [`
-	display: flex;
-	flex-direction: column;
-	font-size: `, `;
-`])), v.fontSize300);
-function Ur() {
-  return t.createElement(t.Fragment, null, t.createElement("svg", { viewBox: "0 0 479.438 361.46", className: "w-10 mb-8", style: { width: 40, marginBottom: 32 } }, t.createElement("path", { d: `
-						M365.18 0a114 114 0 00-85.9 38.93l-153.18 153-43.82-43.84a45.18 45.18
-						0 01-11.54-30.75 46.06 46.06 0 0146.34-46.08 44.81 44.81 0 0130.42
-						11.49c2.73 2.42 10.48 10.43 10.48 10.43l48.5-48.51-14-14C172.19 11.43
-						144.48.03 114.3.03 51.24.03 0 51.03 0 114.1a115.08 115.08 0 0028.09
-						75.46l98.35 98.77 205.53-205.5a44.78 44.78 0 0130.58-11.57 46.07 46.07 0
-						0146.06 46.43 45.07 45.07 0 01-11.52 30.5l-136.6 136.57a28.73 28.73 0
-						01-20.83 8.58 28.29 28.29 0 01-20.51-8.92l-10.27-10.16-48.28 48.28 9.88
-						9.72a97.06 97.06 0 0069.38 29.2h.07a96 96 0
-						0069-29.13l142.35-142.67A114.47 114.47 0 00365.18 0z`, fill: "#0af" })), t.createElement("h1", { className: "text-xl mb-2", style: { fontSize: 20, margin: 0, marginBottom: 8, fontWeight: 400 } }, C("Connect your brand portal")));
-}
-function ue() {
-  for (var e = [], n = 0; n < arguments.length; n++) e[n] = arguments[n];
-  return e.filter(Boolean).join(" ");
-}
-function fe(e) {
-  var n = ue("w-6 h-6 text-body-300", e.className);
-  return t.createElement("div", { "data-testid": "spinner", className: n }, t.createElement("svg", { className: "spinner", viewBox: "0 0 20 20" }, t.createElement("circle", { cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "3" })));
-}
-function $r(e) {
-  var n = e.status, r = e.isReadOnly, i = e.value, a = e.onChange, s = e.onSubmit;
-  return t.createElement(Vr, null, t.createElement(Vn, { type: "url", value: i, placeholder: "yourdomain.bynder.com", label: C("Enter the portal domain"), onChange: a, onKeyDown: function(o) {
-    n === "valid" && o.key === "Enter" && s();
-  }, isInvalid: n === "invalid", helperText: n === "invalid" && C("This portal domain does not exist"), hasClearButton: n !== "validating" && !r, iconRight: n === "validating" ? t.createElement(Hr, { role: "alert", "aria-live": "polite" }, t.createElement(fe, { className: "relative right-0" })) : void 0, isDisabled: r, "data-testid": "login-input" }));
-}
-var ut, dt, Vr = k.div(ut || (ut = S([`
-	margin: `, ` 0;
-	width: 320px;
-`], [`
-	margin: `, ` 0;
-	width: 320px;
-`])), v.spacing4), Hr = k.div(dt || (dt = S([`
-	height: 100%;
-	display: flex;
-	align-items: center;
-`], [`
-	height: 100%;
-	display: flex;
-	align-items: center;
-`])));
-function Wr(e) {
-  return t.createElement(G, { variant: "primary", isDisabled: !e.isValidDomain || e.isSubmitting, onClick: e.onClick, isLoading: e.isSubmitting, "data-testid": "login-button" }, C("Connect"));
-}
-function Yr(e) {
-  return t.createElement(Pr, null, t.createElement(Ur, null), t.createElement($r, { value: e.domainValue, isReadOnly: e.isEditable === !1 || e.isSubmitting, onChange: e.onChangeDomain, onSubmit: e.onSubmit, status: e.domainStatus }), t.createElement(Wr, { isValidDomain: e.domainStatus === "valid", isSubmitting: e.isSubmitting, onClick: e.onSubmit }));
-}
-function qr() {
-  return t.createElement("svg", { width: "190", height: "130" }, t.createElement("defs", null, t.createElement("linearGradient", { id: "prefix__b", x1: "100%", x2: "25.598%", y1: "11.782%", y2: "100%" }, t.createElement("stop", { offset: "0%", stopColor: "#F8FAFC" }), t.createElement("stop", { offset: "100%", stopColor: "#EFF2F4" })), t.createElement("rect", { id: "prefix__a", width: "190", height: "130", rx: "3" })), t.createElement("g", { fill: "none", fillRule: "evenodd" }, t.createElement("mask", { id: "prefix__c", fill: "#fff" }, t.createElement("use", { xlinkHref: "#prefix__a" })), t.createElement("use", { fill: "url(#prefix__b)", xlinkHref: "#prefix__a" }), t.createElement("g", { mask: "url(#prefix__c)" }, t.createElement("path", { fill: "#F5A623", d: "M100.296 45.951l23.01 43.23A6 6 0 01118.009 98H71.991a6 6 0 01-5.297-8.82l23.01-43.229a6 6 0 0110.592 0z" }), t.createElement("path", { fill: "#FFF", fillRule: "nonzero", d: "M93.21 60h3.58a2 2 0 011.99 2.199l-1.6 16A2 2 0 0195.19 80h-.38a2 2 0 01-1.99-1.801l-1.6-16A2 2 0 0193.21 60zM95 84a3 3 0 110 6 3 3 0 010-6z" })), t.createElement("path", { fill: "#EEF1F3", d: "M3 0h184a3 3 0 013 3v13H0V3a3 3 0 013-3z", mask: "url(#prefix__c)" }), t.createElement("circle", { cx: "11", cy: "8", r: "3", fill: "#023", fillOpacity: "0.1", mask: "url(#prefix__c)" }), t.createElement("circle", { cx: "20", cy: "8", r: "3", fill: "#023", fillOpacity: "0.1", mask: "url(#prefix__c)" }), t.createElement("circle", { cx: "29", cy: "8", r: "3", fill: "#023", fillOpacity: "0.1", mask: "url(#prefix__c)" })));
-}
-function Xr(e) {
-  return t.createElement(t.Fragment, null, t.createElement(qr, null), t.createElement(Gr, null, C("Oops! Something went wrong")), t.createElement(Kr, null, C("Please try again or get in contact with our customer support.")), t.createElement(Jr, null, t.createElement(G, { variant: "secondary", title: C("Send report"), onClick: e.onClickSend, isDisabled: e.isReportSent }, e.isReportSent ? C("Report sent") : C("Send report...")), t.createElement(G, { variant: "primary", title: C("Try again"), onClick: e.onClickRetry }, C("Try again"))));
-}
-var ft, mt, pt, Gr = k.h1(ft || (ft = S([`
-	margin-top: `, `;
-	font-size: `, `;
-`], [`
-	margin-top: `, `;
-	font-size: `, `;
-`])), v.spacing8, v.fontSize400), Kr = k.span(mt || (mt = S([`
-	margin-top: `, `;
-	color: `, `;
-`], [`
-	margin-top: `, `;
-	color: `, `;
-`])), v.spacing5, v.colorTextDisabled), Jr = k.div(pt || (pt = S([`
-	margin-top: `, `;
-	display: flex;
-	gap: `, `;
-`], [`
-	margin-top: `, `;
-	display: flex;
-	gap: `, `;
-`])), v.spacing7, v.spacing3);
-function Zr(e) {
-  var n;
-  return t.createElement(Hn, { title: C("Send error report"), isOpen: e.isOpen, onClose: e.onCancel, actionPrimary: t.createElement(G, { variant: "primary", title: C("Send report"), onClick: e.onDone }, C("Send report")), actionSecondary: t.createElement(G, { variant: "secondary", title: C("Cancel"), onClick: e.onCancel }, C("Cancel")), container: e.container }, t.createElement(Qr, null, C("We have created a report that you can send us to help us prevent this from happening in the future.")), t.createElement(ei, { "data-testid": "error-stack" }, (n = e.error.stack) === null || n === void 0 ? void 0 : n.split(`
-`).map((function(r) {
-    return t.createElement(t.Fragment, { key: r }, r, t.createElement("br", null));
-  }))), t.createElement(ti, null, C("We will treat this report as confidential and anonymous.")));
-}
-var gt, ht, vt, Qr = k.div(gt || (gt = S([`
-	line-height: `, `;
-`], [`
-	line-height: `, `;
-`])), v.lineHeightText), ei = k.div(ht || (ht = S([`
-	margin: `, ` 0;
-	flex-grow: 1;
-	align-self: stretch;
-	background-color: `, `;
-	border-radius: `, `;
-	border: 1px solid `, `;
-	line-height: `, `;
-	overflow: scroll;
-	padding: `, " ", `;
-	max-height: 200px;
-`], [`
-	margin: `, ` 0;
-	flex-grow: 1;
-	align-self: stretch;
-	background-color: `, `;
-	border-radius: `, `;
-	border: 1px solid `, `;
-	line-height: `, `;
-	overflow: scroll;
-	padding: `, " ", `;
-	max-height: 200px;
-`])), v.spacing5, v.gray25, v.radiusMedium, v.gray200, v.lineHeightText, v.spacing5, v.spacing4), ti = k.span(vt || (vt = S([`
-	color: `, `;
-	line-height: `, `;
-	font-size: `, `;
-`], [`
-	color: `, `;
-	line-height: `, `;
-	font-size: `, `;
-`])), v.colorTextDisabled, v.lineHeightBase, v.fontSize75);
-function kn(e) {
-  var n = e.error, r = e.onRetry, i = Ee(), a = D(!1), s = a[0], o = a[1], c = D(!1), u = c[0], d = c[1];
-  return U((function() {
-    ve.error(n);
-  }), [n]), t.createElement("div", { className: `w-full h-full flex flex-col items-center justify-center bg-ui-0 font-sans
-                    text-base text-body-500` }, t.createElement(Xr, { isReportSent: u, onClickSend: function() {
-    o(!0);
-  }, onClickRetry: r }), t.createElement(Zr, { isOpen: s, error: n, container: i, onDone: function() {
-    o(!1), d(!0);
-  }, onCancel: function() {
-    o(!1);
-  } }));
-}
-var Sn = (function(e) {
-  function n(r) {
-    var i = e.call(this, r) || this;
-    return i.state = { error: null }, i;
-  }
-  return (function(r, i) {
-    if (typeof i != "function" && i !== null) throw new TypeError("Class extends value " + String(i) + " is not a constructor or null");
-    function a() {
-      this.constructor = r;
-    }
-    Fe(r, i), r.prototype = i === null ? Object.create(i) : (a.prototype = i.prototype, new a());
-  })(n, e), n.getDerivedStateFromError = function(r) {
-    return { error: r };
-  }, n.prototype.render = function() {
-    var r = this;
-    return this.state.error ? t.createElement(kn, { error: this.state.error, onRetry: function() {
-      return r.setState({ error: null });
-    } }) : this.props.children;
-  }, n;
-})(t.Component);
-function ni() {
-  return t.createElement("div", { role: "alert", "aria-live": "polite", className: "bg-ui-0 w-full h-full" }, " ", t.createElement(fe, null), " ");
-}
-var Xe = ce(null);
-function ri(e) {
-  var n, r, i, a, s, o, c, u, d;
-  He((n = e.language) !== null && n !== void 0 ? n : "en_US");
-  var l = (function() {
-    var w, M, y = D(void 0), N = y[0], T = y[1], P = D((w = localStorage.getItem("cvrt")) !== null && w !== void 0 ? w : void 0), E = P[0], z = P[1], j = D((M = localStorage.getItem("cvad")) !== null && M !== void 0 ? M : void 0), V = j[0], q = j[1], X = D(Y()), $ = X[0], B = X[1], O = Z();
-    function W(_) {
-      T((function() {
-        return _.getAccessToken;
-      })), z(_.refreshToken), q(_.accountDomain), B(Y(_.getAccessToken, _.refreshToken)), _.accountDomain && localStorage.setItem("cvad", _.accountDomain), _.refreshToken && localStorage.setItem("cvrt", _.refreshToken), O.current && clearTimeout(O.current), _.expiresIn && (O.current = setTimeout((function() {
-        T(void 0);
-      }), 1e3 * _.expiresIn));
-    }
-    function H() {
-      var _;
-      T(void 0), z(void 0), q((_ = localStorage.getItem("cvad")) !== null && _ !== void 0 ? _ : void 0), B("not-authenticated"), localStorage.removeItem("cvrt"), O.current && clearTimeout(O.current);
-    }
-    function Y(_, K) {
-      return _ === void 0 && (_ = N), K === void 0 && (K = E), _ !== void 0 ? "authenticated" : K !== void 0 ? "refreshing" : "not-authenticated";
-    }
-    return U((function() {
-      return function() {
-        O.current && clearTimeout(O.current);
-      };
-    }), []), U((function() {
-      N && N() || !E || !V || (B("refreshing"), (function(_, K) {
-        return ee(this, void 0, void 0, (function() {
-          var ie, me, le, pe;
-          return te(this, (function(ge) {
-            switch (ge.label) {
-              case 0:
-                ie = je(K) + "token", me = new URLSearchParams({ client_id: Re, refresh_token: _, grant_type: "refresh_token" }), ge.label = 1;
-              case 1:
-                return ge.trys.push([1, 4, , 5]), [4, fetch(ie, { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" }, body: me })];
-              case 2:
-                return (le = ge.sent()).ok ? [4, le.json()] : [2, Q("Failed to fetch refresh token: ".concat(le.status))];
-              case 3:
-                return [2, ne({ accessToken: (pe = ge.sent()).access_token, expiresIn: pe.expires_in })];
-              case 4:
-                return [2, Q(ge.sent().toString())];
-              case 5:
-                return [2];
-            }
-          }));
-        }));
-      })(E, V).then((function(_) {
-        Pe(_) ? W({ getAccessToken: function() {
-          return _.value.accessToken;
-        }, expiresIn: _.value.expiresIn, refreshToken: E, accountDomain: V }) : (ve.error(_.error), H());
-      })));
-    }), [N, E, V]), [{ getAccessToken: N, accountDomain: V, status: $ }, W, H];
-  })(), p = l[0], f = l[1], m = l[2], g = (function(w) {
-    var M = D(w ?? ""), y = M[0], N = M[1], T = D(w ? "validating" : "empty"), P = T[0], E = T[1], z = Z();
-    return U((function() {
-      if (y) {
-        var j = !1;
-        return z.current = setTimeout((function() {
-          (function(V) {
-            return ee(this, void 0, void 0, (function() {
-              var q, X, $;
-              return te(this, (function(B) {
-                switch (B.label) {
-                  case 0:
-                    q = Ye(V.trim()) + "feeds/media/is-bynder-portal/", B.label = 1;
-                  case 1:
-                    return B.trys.push([1, 4, , 5]), [4, fetch(q)];
-                  case 2:
-                    return [4, (X = B.sent()).json()];
-                  case 3:
-                    return $ = B.sent(), X.status === 200 && X.headers.get("Content-Type") === "application/json;charset=UTF-8" ? [2, $.webdam ? "webdam" : "bynder"] : [2, "invalid"];
-                  case 4:
-                    return B.sent(), [2, "invalid"];
-                  case 5:
-                    return [2];
-                }
-              }));
-            }));
-          })(y).then((function(V) {
-            j || (E(V !== "invalid" ? "valid" : "invalid"), localStorage.setItem("cvp", V));
-          }));
-        }), 1e3), function() {
-          j = !0;
-        };
-      }
-    }), [y]), [y, function(j) {
-      z.current && clearTimeout(z.current), N(j), E(j === "" ? "empty" : "validating");
-    }, P];
-  })((i = (r = e.portal) === null || r === void 0 ? void 0 : r.url) !== null && i !== void 0 ? i : p.accountDomain), x = g[0], I = g[1], h = g[2], A = D(!1), L = A[0], b = A[1];
-  U((function() {
-    var w, M;
-    !((w = e.authentication) === null || w === void 0) && w.hideLogout && !(!((M = e.authentication) === null || M === void 0) && M.getAccessToken) && ve.error("The hideLogout property can only be used in combination with getAccessToken property");
-  }), [(a = e.authentication) === null || a === void 0 ? void 0 : a.hideLogout, (s = e.authentication) === null || s === void 0 ? void 0 : s.getAccessToken]), U((function() {
-    var w, M;
-    !((w = e.authentication) === null || w === void 0) && w.getAccessToken && f({ getAccessToken: e.authentication.getAccessToken, accountDomain: (M = e.portal) === null || M === void 0 ? void 0 : M.url });
-  }), [(o = e.authentication) === null || o === void 0 ? void 0 : o.getAccessToken]), U((function() {
-    var w = !0;
-    return L === !0 && (function(M) {
-      return ee(this, void 0, void 0, (function() {
-        var y, N, T, P, E, z, j, V, q, X, $;
-        return te(this, (function(B) {
-          switch (B.label) {
-            case 0:
-              y = tt(), B.label = 1;
-            case 1:
-              return B.trys.push([1, 3, , 4]), [4, vr(y)];
-            case 2:
-              return N = B.sent(), [3, 4];
-            case 3:
-              return [2, Q(B.sent().toString())];
-            case 4:
-              return O = N, T = btoa(String.fromCharCode.apply(null, Array.from(new Uint8Array(O)))).replace(/\+/g, "-").replace(/\//g, "_").replace(/[=]+$/, ""), P = tt(), E = (function(W, H, Y) {
-                var _ = { client_id: Re, code_challenge: W, code_challenge_method: "S256", redirect_uri: xn, response_type: "code", scope: wr.join(" "), domain: "", state: H }, K = "auth?";
-                bn() === "webdam" && (K = "authorize?", delete _.scope, _.domain = Y);
-                var ie = new URLSearchParams(_);
-                return je(Y) + K + ie;
-              })(T, P, M), [4, kr(E)];
-            case 5:
-              return re(z = B.sent()) ? [2, z] : z.value.state !== P || z.value.code === null ? [2, Q("Error logging in")] : [4, Er(z.value.code, y, M)];
-            case 6:
-              return re(j = B.sent()) ? [2, j] : (V = j.value, q = V.refreshToken, X = V.accessToken, $ = V.expiresIn, [2, ne({ accessToken: X, expiresIn: parseFloat($), refreshToken: q })]);
-          }
-          var O;
-        }));
-      }));
-    })(x).then((function(M) {
-      w && ((function(y) {
-        if (Pe(y)) {
-          var N = y.value, T = N.accessToken, P = N.refreshToken, E = N.expiresIn;
-          f({ getAccessToken: function() {
-            return T;
-          }, refreshToken: P, expiresIn: E, accountDomain: x });
-        } else ve.error(y.error);
-      })(M), b(!1));
-    })), function() {
-      w = !1;
-    };
-  }), [L, x]);
-  var F = R(R({}, p), { logout: function() {
-    var w;
-    m(), (w = e.onLogout) === null || w === void 0 || w.call(e);
-  }, hideLogout: !!(!((c = e.authentication) === null || c === void 0) && c.getAccessToken) && e.authentication.hideLogout });
-  switch (p.status) {
-    case "authenticated":
-      return t.createElement(Xe.Provider, { value: F }, e.children);
-    case "not-authenticated":
-      return t.createElement(qe, { isContainerMode: !0 }, t.createElement(Yr, { domainValue: x, domainStatus: h, onChangeDomain: I, isSubmitting: L, isEditable: (d = (u = e.portal) === null || u === void 0 ? void 0 : u.editable) === null || d === void 0 || d, onSubmit: function() {
-        b(!0);
-      } }));
-    case "refreshing":
-      return t.createElement(ni, null);
-  }
-}
-var uo = function(e) {
-  return t.createElement(Sn, null, t.createElement(ri, R({}, e)));
-}, ii = function() {
-  var e;
-  return ((e = ae(Xe)) === null || e === void 0 ? void 0 : e.status) === "authenticated" || !1;
-}, be = function() {
-  return ae(Xe);
-}, ai = `
-query searchAssets($filter: AssetFilter!, $language: String!) {
-    searchAssets(filter: $filter) {
-      tags {
-        nodes {
-          id
-          name
-          assetCount
-        }
-      }
-      metapropertyFilters {
-        nodes {
-          __typename
-          ... on Smartfilter {
-            id
-            label(language: $language)
-            metaproperties {
-              id
-              label(language: $language)
-              options {
-                id
-                label(language: $language)
-                assetCount
-              }
-            }
-            icon
-            zIndex
-          }
-          ... on Metaproperty {
-            id
-            label(language: $language)
-            options {
-              id
-              label(language: $language)
-              assetCount
-            }
-          }
-        }
-      }
-      count {
-        assetType {
-          image
-          video
-          audio
-          document
-          archive
-        }
-      }
-    }
-  }`;
-function we(e) {
-  var n = e.width, r = n === void 0 ? 100 : n, i = e.className;
-  return t.createElement("span", { className: ue("cv-skeleton", i), style: { width: r }, "data-testid": "skeleton" }, "‌");
-}
-function An(e) {
-  var n = D(void 0), r = n[0], i = n[1], a = Z(void 0);
-  function s(o) {
-    a.current !== void 0 && cancelAnimationFrame(a.current), a.current = requestAnimationFrame((function() {
-      var c = o ?? e;
-      if (c !== null) {
-        var u = c.getBoundingClientRect();
-        i({ width: u.width, height: u.height, scrollWidth: c.scrollWidth });
-      }
-    }));
-  }
-  return U((function() {
-    s();
-    var o = function() {
-      return s();
-    };
-    return window.addEventListener("resize", o), function() {
-      window.removeEventListener("resize", o), a.current && cancelAnimationFrame(a.current);
-    };
-  }), [e]), { dimensions: r, remeasure: s };
-}
-function oi(e) {
-  return t.createElement(li, { $isVisible: e.isVisible }, t.createElement(G, { icon: t.createElement(Kn, null), "aria-label": "Next", title: "Next", variant: "clean", isSmall: !0, onClick: e.onClick, "data-testid": "arrow-right" }));
-}
-var xt, li = k.div(xt || (xt = S([`
-	z-index: 20;
-	padding: 0;
-	box-shadow: -16px 0px 10px 0px #ffffff;
-
-	&:hover {
-		box-shadow: -16px 0px 10px 0px #ffffff;
-	}
-
-	`, `
-`], [`
-	z-index: 20;
-	padding: 0;
-	box-shadow: -16px 0px 10px 0px #ffffff;
-
-	&:hover {
-		box-shadow: -16px 0px 10px 0px #ffffff;
-	}
-
-	`, `
-`])), (function(e) {
-  return !e.$isVisible && `display: none;
-	`;
-}));
-function si(e) {
-  return t.createElement(ci, { $isVisible: e.isVisible }, t.createElement(G, { icon: t.createElement(Gn, null), "aria-label": "Previous", title: "Previous", variant: "clean", isSmall: !0, onClick: e.onClick, "data-testid": "arrow-left" }));
-}
-var bt, ci = k.div(bt || (bt = S([`
-	z-index: 20;
-	padding: 0;
-	box-shadow: 4px 0 13px 13px #fff;
-
-	&:hover {
-		box-shadow: 4px 0 13px 13px #fff;
-	}
-
-	`, `
-`], [`
-	z-index: 20;
-	padding: 0;
-	box-shadow: 4px 0 13px 13px #fff;
-
-	&:hover {
-		box-shadow: 4px 0 13px 13px #fff;
-	}
-
-	`, `
-`])), (function(e) {
-  return !e.$isVisible && `display: none;
-	`;
-}));
-function Cn(e) {
-  var n = D(0), r = n[0], i = n[1], a = Z(null), s = An(a.current), o = s.dimensions, c = s.remeasure, u = a.current !== null ? a.current.scrollWidth - a.current.clientWidth : 0, d = o !== void 0 && o.width < o.scrollWidth;
-  U((function() {
-    c(a.current);
-  }), [e.children, a.current]), U((function() {
-    d || i(0);
-  }), [d]);
-  var l = r > 0, p = u > 5 && r !== u;
-  return t.createElement("div", { className: ue("inline-flex flex-grow overflow-hidden", e.className) }, d && t.createElement(si, { isVisible: l, onClick: function() {
-    i((function(f) {
-      var m = Math.max(f - 250, 0);
-      return m >= 100 ? m : 0;
-    }));
-  } }), t.createElement("div", { className: "overflow-hidden", ref: a }, t.createElement("div", { className: "transition-transform inline-flex", style: { transform: "translateX(".concat(-r, "px)") }, "data-testid": "horizontal-scrollable-el" }, e.children)), d && t.createElement(oi, { isVisible: p, onClick: function() {
-    i((function(f) {
-      var m = Math.min(f + 250, u);
-      return m <= u - 100 ? m : u;
-    }));
-  } }), e.static);
-}
-var yt, wt, Et, kt, Ge = k.div(yt || (yt = S([`
-	width: 100%;
-	font-size: `, `;
-	align-items: center;
-	cursor: `, `;
-	display: `, `;
-
-	div:last-of-type {
-		flex-grow: 1;
-	}
-`], [`
-	width: 100%;
-	font-size: `, `;
-	align-items: center;
-	cursor: `, `;
-	display: `, `;
-
-	div:last-of-type {
-		flex-grow: 1;
-	}
-`])), v.fontSize75, (function(e) {
-  return e.$isLoading && !e.$isChecked ? "wait" : "pointer";
-}), (function(e) {
-  return e.$isFlex ? "flex" : "block";
-})), In = k.li(wt || (wt = S([`
-	padding: `, " ", `;
-
-	&:hover {
-		background-color: `, `;
-	}
-`], [`
-	padding: `, " ", `;
-
-	&:hover {
-		background-color: `, `;
-	}
-`])), v.spacing2, v.spacing5, v.gray25), Tn = k.div(Et || (Et = S([`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font-size: `, `;
-	color: `, `;
-`], [`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font-size: `, `;
-	color: `, `;
-`])), v.fontSize75, (function(e) {
-  return e.$isChecked ? "inherit" : v.gray500;
-})), ui = k.span(kt || (kt = S([`
-	margin: 1px `, ` 1px 0;
-	flex-grow: 1;
-	max-width: 124px;
-`], [`
-	margin: 1px `, ` 1px 0;
-	flex-grow: 1;
-	max-width: 124px;
-`])), v.spacing4);
-function di(e) {
-  var n = e.selectedOptionIds !== void 0 && e.selectedOptionIds.includes(e.metapropertyOption.id);
-  return t.createElement(In, null, t.createElement(Ge, { $isChecked: n, $isLoading: !!e.isLoading }, t.createElement(Ve, { isChecked: n, onChange: function() {
-    n ? e.onRemoveOption() : e.isLoading || e.onAddOption();
-  }, "data-testid": "metaproperty-option" }, t.createElement(Tn, { $isChecked: n }, t.createElement(ui, { title: e.metapropertyOption.label }, t.createElement(sn, null, e.metapropertyOption.label)), t.createElement("span", { className: "fade-in-down" }, e.metapropertyOption.assetCount)))));
-}
-function zn(e) {
-  return t.createElement(fi, { "data-testid": "metaproperty-filter-content" }, t.createElement("h1", { className: "mb-2 px-4 truncate", title: e.metaproperty.label }, e.metaproperty.label), t.createElement(mi, null, e.metaproperty.options.map((function(n) {
-    return t.createElement(di, { key: n.id, metapropertyOption: n, selectedOptionIds: e.selectedOptionIds, isLoading: e.isLoading, onAddOption: function() {
-      return e.onAddOption(n);
-    }, onRemoveOption: function() {
-      return e.onRemoveOption(n);
-    } });
-  }))));
-}
-var St, At, fi = k.div(St || (St = S([`
-	padding-top: `, `;
-	width: 224px;
-`], [`
-	padding-top: `, `;
-	width: 224px;
-`])), v.spacing5), mi = k.ul(At || (At = S([`
-	max-height: 400px;
-	overflow-y: auto;
-	padding-bottom: 4px;
-	width: 100%;
-`], [`
-	max-height: 400px;
-	overflow-y: auto;
-	padding-bottom: 4px;
-	width: 100%;
-`]))), Oe = 300;
-function pi(e) {
-  var n, r = Z(null), i = D(0)[1];
-  (function(A, L) {
-    var b = Ee();
-    U((function() {
-      function F(w) {
-        var M = w.target;
-        A.map((function(y) {
-          return y?.current;
-        })).some((function(y) {
-          return y && y.contains(M);
-        })) || L();
-      }
-      return b?.addEventListener("mousedown", F), function() {
-        return b?.removeEventListener("mousedown", F);
-      };
-    }), [A, L, b]);
-  })([e.target, r], e.onClickOutside), Rn((function() {
-    i(e.target.current !== null ? e.target.current.getBoundingClientRect().x : 0);
-  }), [e.target]);
-  var a = Ee(), s = (n = a.querySelector(".cv-root")) !== null && n !== void 0 ? n : a;
-  if (a === null || e.target.current === null) return null;
-  var o = e.target.current.getBoundingClientRect(), c = o.x, u = window.innerWidth, d = c + 300 > u ? void 0 : c, l = c + 300 > u ? u - o.width - c : void 0, p = e.direction === "Down" ? o.top + o.height : void 0, f = e.direction === "Up" ? window.innerHeight - o.top : void 0, m = s.getBoundingClientRect(), g = m.width - (d ?? 0) - (l ?? 0), x = m.height - (f ?? 0) - (p ?? 0);
-  d && g < Oe && (d = c + o.width - Oe);
-  var I = { left: d, right: l, top: p, bottom: f, maxWidth: g, maxHeight: x, minWidth: Oe }, h = ue("cv-root cv-dropdown select-none", e.className);
-  return Ie(t.createElement("div", { role: "menu", id: e.id, className: h, ref: r, style: I }, e.children), a);
-}
-function ye(e) {
-  var n = e.buttonKind, r = n === void 0 ? "clean" : n, i = e.direction, a = i === void 0 ? "Down" : i, s = e.isSmall, o = e.fadeIn, c = Te(e, ["buttonKind", "direction", "isSmall", "fadeIn"]), u = xe((function() {
-    return "dropdownmenu-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2));
-  }), []), d = D(!1), l = d[0], p = d[1], f = Z(null), m = function() {
-    return p((function(g) {
-      return !g;
-    }));
-  };
-  return t.createElement(t.Fragment, null, t.createElement(gi, { $fadeIn: !!o }, t.createElement(G, { variant: r, isSmall: s, onClick: m, ref: f, isDisabled: c.disabled, isPressed: l, "aria-haspopup": !0, "aria-expanded": l, "aria-controls": u, "data-testid": "button" }, t.createElement("span", { className: "inline-flex items-center", title: c.alt }, c.title), t.createElement(Xn, { className: "w-6 h-6 ml-1 -mr-2" }))), l && t.createElement(pi, { className: c.className, onClickOutside: m, direction: a, target: f, id: u }, c.children(m)));
-}
-var Ct, gi = k.div(Ct || (Ct = S([`
-	text-transform: inherit;
-	`, `
-`], [`
-	text-transform: inherit;
-	`, `
-`])), (function(e) {
-  return e.$fadeIn ? "animation: var(--fade-in-down);" : "";
-}));
-function hi(e) {
-  return t.createElement(vi, null, e.smartfilter.metaproperties.map((function(n) {
-    return t.createElement(zn, { key: n.id, metaproperty: n, selectedOptionIds: e.selectedOptionIds, isLoading: e.isLoading, onAddOption: e.onAddOption, onRemoveOption: e.onRemoveOption });
-  })));
-}
-var It, vi = k.div(It || (It = S([`
-	display: flex;
-	flex-wrap: wrap;
-	gap: `, `;
-	overflow: auto;
-`], [`
-	display: flex;
-	flex-wrap: wrap;
-	gap: `, `;
-	overflow: auto;
-`])), v.spacing4);
-function xi(e) {
-  var n, r, i = de(), a = i.metaproperties.map((function(o) {
-    return o.id;
-  })), s = (n = e.metapropertyFilters.filter((function(o) {
-    return o.__typename === "Metaproperty" || o.metaproperties.length !== 0;
-  })), r = function(o) {
-    return o.__typename === "Metaproperty" ? 1e4 : o.zIndex;
-  }, J([], n, !0).sort((function(o, c) {
-    return r(o) - r(c);
-  })));
-  return t.createElement(t.Fragment, null, s.map((function(o) {
-    return t.createElement(ye, { key: o.id, title: t.createElement(bi, { filter: o }), alt: o.label, isSmall: !0, fadeIn: !0 }, (function() {
-      return t.createElement(t.Fragment, null, e.isLoading && t.createElement(fe, { className: "absolute top-0 right-0 mr-2 mt-3 bg-ui-0" }), o.__typename === "Metaproperty" ? t.createElement(zn, { metaproperty: o, selectedOptionIds: a, isLoading: e.isLoading, onAddOption: i.addMetaproperty, onRemoveOption: i.removeMetaproperty }) : t.createElement(hi, { smartfilter: o, selectedOptionIds: a, isLoading: e.isLoading, onAddOption: i.addMetaproperty, onRemoveOption: i.removeMetaproperty }));
-    }));
-  })));
-}
-function bi(e) {
-  var n = e.filter;
-  return t.createElement(t.Fragment, null, n.__typename === "Smartfilter" && n.icon && t.createElement("i", { className: ue("fa fa-lg mr-2", n.icon) }), t.createElement("span", { className: "max-w-24 truncate", "data-testid": "metaproperty-filter" }, n.label));
-}
-function yi(e) {
-  var n = de(), r = n.tags.includes(e.tag.name);
-  return t.createElement(wi, { key: e.tag.id, size: "s", onClick: function() {
-    r ? n.removeTag(e.tag.name) : e.isLoading || n.addTag(e.tag.name);
-  }, "data-testid": "tag-item", $active: r }, t.createElement("span", { className: "max-w-32 truncate" }, e.tag.name), t.createElement("span", { className: "text-body-400 ml-2" }, e.tag.assetCount));
-}
-var Tt, wi = k(ln)(Tt || (Tt = S([`
-	background-color: `, `;
-	border: 1px solid var(--gray50);
-	transition: color 0.05s linear, background-color 0.05s linear, border-color 0.05s linear,
-		opacity 0.05s linear;
-	margin-right: `, `;
-	margin-bottom: `, `;
-`], [`
-	background-color: `, `;
-	border: 1px solid var(--gray50);
-	transition: color 0.05s linear, background-color 0.05s linear, border-color 0.05s linear,
-		opacity 0.05s linear;
-	margin-right: `, `;
-	margin-bottom: `, `;
-`])), (function(e) {
-  return e.$active ? v.gray50 : "transparent";
-}), v.spacing3, v.spacing3);
-function Ei(e) {
-  var n = J([], e.tags, !0).sort((function(r, i) {
-    return i.assetCount - r.assetCount;
-  }));
-  return t.createElement(ye, { title: t.createElement(ki, null), className: "pt-4 pb-1 overflow-hidden max-w-600", isSmall: !0, fadeIn: !0 }, (function() {
-    return t.createElement(t.Fragment, null, e.isLoading && t.createElement(fe, { className: "absolute top-0 right-0 mr-2 mt-3 bg-ui-0" }), t.createElement("h1", { className: "px-4 mb-4" }, " ", C("Tags"), " "), t.createElement("div", { className: "flex flex-wrap px-4 -mr-2" }, n.map((function(r) {
-      return t.createElement(yi, { key: r.id, tag: r, isLoading: e.isLoading });
-    }))));
-  }));
-}
-function ki() {
-  return t.createElement(t.Fragment, null, t.createElement(Jn, { className: "mr-2 inline w-6 h-6" }), t.createElement("span", { "data-testid": "tags-filter" }, C("Tags")));
-}
-function Be(e) {
-  return C({ AUDIO: "Audio", DOCUMENT: "Document", IMAGE: "Image", VIDEO: "Video", ARCHIVE: "Archive" }[e]);
-}
-function Ln(e) {
-  switch (e) {
-    case "AUDIO":
-      return rr;
-    case "DOCUMENT":
-      return nr;
-    case "IMAGE":
-      return tr;
-    case "VIDEO":
-      return er;
-    case "ARCHIVE":
-      return Qn;
-  }
-}
-function Si(e) {
-  var n = de(), r = n.assetTypes.includes(e.type), i = Ln(e.type);
-  return t.createElement(In, { "data-testid": "advanced-options" }, t.createElement(Ge, { $isChecked: r, $isLoading: e.isLoading }, t.createElement(Ve, { isChecked: r, onChange: function() {
-    r ? n.removeAssetType(e.type) : n.addAssetType(e.type);
-  }, "data-testid": "".concat(Be(e.type), "-filter") }, t.createElement(Tn, { $isChecked: r }, t.createElement(i, null), t.createElement(Ai, null, Be(e.type)), t.createElement("span", { className: "fade-in-down" }, e.count)))));
-}
-var zt, Ai = k.div(zt || (zt = S([`
-	margin: 1px `, `;
-	flex-grow: 1;
-`], [`
-	margin: 1px `, `;
-	flex-grow: 1;
-`])), v.spacing3);
-function Ci(e) {
-  var n = oe().assetTypes, r = n.filter((function(i) {
-    return Lt(e.count, i) > 0;
-  }));
-  return n.length === 0 || r.length === 0 ? null : t.createElement(ye, { title: t.createElement(Ii, null), className: "pt-4 pb-1", isSmall: !0, fadeIn: !0 }, (function() {
-    return t.createElement(t.Fragment, null, e.isLoading && t.createElement(fe, { className: "absolute top-0 right-0 mr-2 mt-3 bg-ui-0" }), t.createElement("h1", { className: "px-4 mb-4" }, C("Type")), t.createElement("ul", null, r.map((function(i) {
-      return t.createElement(Si, { key: i, type: i, count: Lt(e.count, i), isLoading: e.isLoading });
-    }))));
-  }));
-}
-function Ii() {
-  return t.createElement(t.Fragment, null, t.createElement(Zn, { className: "mr-2 inline w-6 h-6" }), C("Advanced"));
-}
-function Lt(e, n) {
-  switch (n) {
-    case "AUDIO":
-      return e.audio;
-    case "DOCUMENT":
-      return e.document;
-    case "IMAGE":
-      return e.image;
-    case "VIDEO":
-      return e.video;
-    case "ARCHIVE":
-      return e.archive;
-  }
-}
-function Ti() {
-  var e = de(), n = We("assets").value, r = oe(), i = r.assetTypes, a = r.language;
-  He(a);
-  var s = (function(f) {
-    var m = this, g = be(), x = D({ tag: "Loading", value: null }), I = x[0], h = x[1], A = !1;
-    return U((function() {
-      return ee(m, void 0, void 0, (function() {
-        var L, b, F, w, M, y, N;
-        return te(this, (function(T) {
-          switch (T.label) {
-            case 0:
-              return h((function(P) {
-                return { tag: "Loading", value: P.tag === "Failure" ? null : P.value };
-              })), L = f.filter, b = f.searchTerm, F = f.allAssetTypes, w = f.language, M = { filter: { assetType_in: (N = L.assetTypes) !== null && N !== void 0 ? N : F, collectionId: null, metapropertyOptionId_in: L.metaproperties.map((function(P) {
-                return P.id;
-              })), searchTerm: b, tagNames_in: L.tags, isLimitedUse: L.isLimited }, language: w }, [4, Se(ai, M, g)];
-            case 1:
-              return y = T.sent(), A || (re(y) ? h({ tag: "Failure", value: y.error }) : h({ tag: "Loaded", value: y.value })), [2];
-          }
-        }));
-      })), function() {
-        A = !0;
-      };
-    }), [f.filter.assetTypes, f.filter.metaproperties, f.filter.tags, f.searchTerm]), { data: I, isLoading: I.tag === "Loading" };
-  })({ filter: e, searchTerm: n || null, allAssetTypes: i, language: a }), o = s.data, c = s.isLoading;
-  if (o.tag === "Failure" || !o.value) return t.createElement("nav", { className: "flex justify-between bg-ui-0 px-4 py-2 z-20" }, t.createElement(zi, null));
-  var u = o.value.searchAssets, d = u.metapropertyFilters, l = u.tags, p = u.count;
-  return t.createElement("nav", { className: "flex justify-between bg-ui-0 px-4 py-2 z-20", "data-testid": "filter-nav" }, t.createElement(Cn, { className: "h-8" }, d && d.nodes.length > 0 && t.createElement(xi, { metapropertyFilters: d.nodes, isLoading: c }), l && l.nodes.length > 0 && t.createElement(Ei, { tags: l.nodes, isLoading: c }), t.createElement(Ci, { isLoading: c, count: p.assetType })));
-}
-function zi() {
-  return t.createElement("div", { className: "inline-flex items-center" }, t.createElement(we, { className: "h-4 ml-2 mr-2 my-2", width: 100 }), t.createElement(we, { className: "h-4 ml-2 mr-2 my-2", width: 80 }), t.createElement(we, { className: "h-4 ml-2 mr-2 my-2", width: 110 }));
-}
-var Mn = ce(null), Mt = { field: "CREATED_AT", direction: "DESC" };
-function Li(e) {
-  var n = D(Mt), r = n[0], i = n[1];
-  function a(c) {
-    i(c);
-  }
-  function s() {
-    i(Mt);
-  }
-  var o = xe((function() {
-    return { assets: r, setOrdering: a, reset: s };
-  }), [r]);
-  return t.createElement(Mn.Provider, { value: o }, e.children);
-}
-function Ke(e) {
-  var n = (function() {
-    var r = ae(Mn);
-    if (r === null) throw new Error("useOrdering must be used with a OrderingProvider");
-    return r;
-  })();
-  return [n[e], function(r) {
-    return n.setOrdering(r);
-  }];
-}
-var On = `
-fragment DisplayAsset on Asset {
-    __typename
-    id
-    derivatives {
-        thumbnail
-    }
-    extensions
-    name
-    url
-    isArchived
-    isWatermarked
-	isLimitedUse
-	files
-	metaproperties {
-		nodes {
-		  id
-		  label(language: $language)
-		  showInGridView
-		  showInListView
-		  zIndex
-		  options {
-			id
-			label(language: $language)
-			assetCount
-		  }
-		}
-	}
-	textMetaproperties {
-      name
-      value
-      type
-      label
-      zIndex
-      showInGridView
-      showInListView
-    }
-}`, Mi = `
-    query searchAssets($filter: AssetFilter!, $after: Cursor, $orderBy: AssetOrder!, $language: String) {
-        searchAssets(filter: $filter) {
-            assets(after: $after, first: 50, orderBy: $orderBy) {
-                nodes {
-                    __typename
-                    ...DisplayAsset
-                }
-				totalCount
-				pageInfo {
-					endCursor
-					hasNextPage
-                }
-            }
-        }
-    }
-    `.concat(On, `
-`), Oi = function(e, n) {
-  var r, i, a, s, o = e.filter, c = e.predefinedFilter, u = e.orderBy, d = e.allAssetTypes, l = e.searchTerm, p = e.language, f = !((r = o?.assetTypes) === null || r === void 0) && r.length ? o.assetTypes : c?.assetType_in;
-  return { orderBy: u, filter: { assetType_in: f ?? d, metapropertyOptionId_in: (i = Ni(o?.metaproperties)) !== null && i !== void 0 ? i : c?.metapropertyOptionId_in, searchTerm: (a = l ?? c?.searchTerm) !== null && a !== void 0 ? a : null, tagNames_in: (s = o?.tags) !== null && s !== void 0 ? s : c?.tagNames_in, isLimitedUse: o?.isLimited }, after: n, language: p };
-}, Ae = function(e, n) {
-  var r, i = e;
-  if (i.tag !== "Failure") return (r = i.value) === null || r === void 0 ? void 0 : r.searchAssets.assets;
-}, Ni = function(e) {
-  return e ? e.map((function(n) {
-    return n.id;
-  })) : null;
-};
-function _i(e, n, r) {
-  return ee(this, void 0, void 0, (function() {
-    var i;
-    return te(this, (function(a) {
-      switch (a.label) {
-        case 0:
-          return [4, Se(`
-        query getAssetsById($ids: [ID!]!, $language: String) {
-            nodes(ids: $ids) {
-                __typename
-                id
-                ...on Asset {
-                    ...DisplayAsset
-                    files
-                }
-            }
-        }
-        `.concat(On), { ids: e, language: r }, n)];
-        case 1:
-          return re(i = a.sent()) ? [2, i] : [2, ne(i.value.nodes)];
-      }
-    }));
-  }));
-}
-var Nn = ce(null);
-function Fi(e) {
-  var n = D([]), r = n[0], i = n[1], a = D(), s = a[0], o = a[1], c = (function(m) {
-    var g = this, x = D([]), I = x[0], h = x[1], A = oe(), L = A.selectionMode, b = A.language, F = be(), w = !1;
-    return U((function() {
-      if (m) {
-        var M = m ?? [];
-        L !== "MultiSelect" && (M = M[0] ? [M[0]] : []), y = M, ee(g, void 0, void 0, (function() {
-          var N, T, P;
-          return te(this, (function(E) {
-            switch (E.label) {
-              case 0:
-                return y.length ? [4, _i(y, F, b)] : [3, 2];
-              case 1:
-                N = E.sent(), w || re(N) || ((T = N.value) === null || T === void 0 || T.sort((function(z, j) {
-                  return y.indexOf(z.id) - y.indexOf(j.id);
-                })), h((P = N.value) !== null && P !== void 0 ? P : [])), E.label = 2;
-              case 2:
-                return [2];
-            }
-          }));
-        }));
-      }
-      var y;
-      return function() {
-        w = !0;
-      };
-    }), [m]), I;
-  })(s), u = mr();
-  function d() {
-    i([]);
-  }
-  function l(m) {
-    i((function(g) {
-      var x = m.filter((function(I) {
-        return !Ne(g, I);
-      }));
-      return J(J([], g, !0), x.map((function(I) {
-        return { type: "asset", value: I };
-      })), !0);
-    }));
-  }
-  function p(m) {
-    var g;
-    u !== "MultiSelect" ? (g = m[0], r.some((function(x) {
-      return x.value.id === g.id;
-    })) ? i([]) : i([{ type: "asset", value: g }])) : i((function(x) {
-      var I = m.filter((function(A) {
-        return !Ne(x, A);
-      })), h = m.filter((function(A) {
-        return Ne(x, A);
-      }));
-      return J(J([], x.filter((function(A) {
-        return !h.some((function(L) {
-          return L.id === A.value.id;
-        }));
-      })), !0), I.map((function(A) {
-        return { type: "asset", value: A };
-      })), !0);
-    }));
-  }
-  U((function() {
-    var m;
-    o(((m = e.preselectedAssetIds) !== null && m !== void 0 ? m : []).filter((function(g) {
-      return !!g;
-    })).map((function(g) {
-      return window.btoa("(Asset_id " + g + ")");
-    })));
-  }), [e.preselectedAssetIds]), U((function() {
-    l(c);
-  }), [c]);
-  var f = xe((function() {
-    return { selection: r, preselectedAssetIds: s, clear: d, selectAssets: l, toggleAssets: p };
-  }), [r]);
-  return t.createElement(Nn.Provider, { value: f }, e.children);
-}
-function Ne(e, n) {
-  return e.some((function(r) {
-    return r.value.id === n.id;
-  }));
-}
-function ke() {
-  var e = ae(Nn);
-  if (e === null) throw new Error("useSelection must be used with a SelectionProvider");
-  return e;
-}
-function Di() {
-  var e = We("assets"), n = e.value, r = e.isLoading, i = e.setSearch, a = sr(i, 500), s = D(n), o = s[0], c = s[1];
-  U((function() {
-    c(n);
-  }), [n]), U((function() {
-    return function() {
-      a.flush();
-    };
-  }), [a]);
-  var u = C("Search for assets");
-  return t.createElement(Pi, null, t.createElement($n, { value: o, placeholder: u, "aria-label": u, onChange: function(d) {
-    return c(l = d), void a(l);
-    var l;
-  }, "data-testid": "search-input", icon: t.createElement(cn, null), iconRight: r ? t.createElement("div", { role: "alert", "aria-live": "polite" }, t.createElement(fe, { className: "relative right-0" })) : void 0, hasClearButton: !r && !!n }));
-}
-var Ot, Pi = k.div(Ot || (Ot = S([`
-	width: 100%;
-	max-width: 440px;
-`], [`
-	width: 100%;
-	max-width: 440px;
-`])));
-function Ri() {
-  var e = ii(), n = En(), r = be(), i = fr();
-  return e || n || i === void 0 ? t.createElement(Bi, null, t.createElement(ji, null), t.createElement(Di, null), t.createElement(Ui, null, e && !r?.hideLogout && t.createElement(G, { variant: "clean", onClick: function() {
-    return r?.logout();
-  }, rightIcon: t.createElement(qn, null) }, C("Log out")), n && t.createElement(G, { variant: "clean", onClick: function() {
-    return n.onClose();
-  }, title: C("Close"), icon: t.createElement(un, null) }))) : null;
-}
-var Nt, _t, Ft, ji = k.div(Nt || (Nt = S([`
-	display: inline-flex;
-	margin-right: auto;
-`], [`
-	display: inline-flex;
-	margin-right: auto;
-`]))), Bi = k.nav(_t || (_t = S([`
-	display: flex;
-	justify-content: space-between;
-	background: `, `;
-	padding: `, " ", `;
-	z-index: 30;
-`], [`
-	display: flex;
-	justify-content: space-between;
-	background: `, `;
-	padding: `, " ", `;
-	z-index: 30;
-`])), v.gray10, v.spacing5, v.spacing4), Ui = k.div(Ft || (Ft = S([`
-	display: inline-flex;
-	margin-left: auto;
-`], [`
-	display: inline-flex;
-	margin-left: auto;
-`])));
-function $i() {
-  return t.createElement("svg", { viewBox: "0 5 60 82", className: "h-20" }, t.createElement("defs", null, t.createElement("filter", { x: "-1.7%", y: "-1.2%", width: "103.3%", height: "105%", filterUnits: "objectBoundingBox", id: "prefix__a" }, t.createElement("feOffset", { dy: "2", in: "SourceAlpha", result: "shadowOffsetOuter1" }), t.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.133333333 0 0 0 0 0.2 0 0 0 0.05 0", in: "shadowOffsetOuter1" })), t.createElement("filter", { x: "-5%", y: "-5%", width: "110%", height: "120%", filterUnits: "objectBoundingBox", id: "prefix__c" }, t.createElement("feOffset", { dy: "2", in: "SourceAlpha", result: "shadowOffsetOuter1" }), t.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0.133333333 0 0 0 0 0.2 0 0 0 0.05 0", in: "shadowOffsetOuter1" })), t.createElement("path", { d: "M5 5h35l20 20v55a5 5 0 01-5 5H5a5 5 0 01-5-5V10a5 5 0 015-5z", id: "prefix__b" }), t.createElement("path", { d: "M40 5l20 20H45a5 5 0 01-5-5V5z", id: "prefix__d" })), t.createElement("g", { fill: "none", fillRule: "evenodd" }, t.createElement("use", { fill: "#000", filter: "url(#prefix__a)", xlinkHref: "#prefix__b" }), t.createElement("use", { fill: "#FFF", xlinkHref: "#prefix__b" }), t.createElement("g", { fillRule: "nonzero" }, t.createElement("use", { fill: "#000", filter: "url(#prefix__c)", xlinkHref: "#prefix__d" }), t.createElement("use", { fill: "#FFF", xlinkHref: "#prefix__d" }))));
-}
-function Vi(e) {
-  return t.createElement(Hi, null, t.createElement(Wi, null, t.createElement($i, null), t.createElement(Yi, null)), t.createElement(qi, null, C("No results found")), t.createElement(Xi, null, C("Try adjusting the filter to find assets.")), t.createElement(Gi, null, t.createElement(G, { variant: "primary", title: C("Reset filters"), onClick: e.onReset }, C("Reset filters"))));
-}
-var Dt, Pt, Rt, jt, Bt, Ut, Hi = k.div(Dt || (Dt = S([`
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-`], [`
-	width: 100%;
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-`]))), Wi = k.div(Pt || (Pt = S([`
-	background-color: `, `;
-	border-radius: 50%;
-	width: 160px;
-	height: 160px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`], [`
-	background-color: `, `;
-	border-radius: 50%;
-	width: 160px;
-	height: 160px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`])), v.gray25), Yi = k(cn)(Rt || (Rt = S([`
-	position: absolute;
-	margin: `, ` 0 0 1px;
-	color: `, `;
-	width: 36px;
-	height: 36px;
-`], [`
-	position: absolute;
-	margin: `, ` 0 0 1px;
-	color: `, `;
-	width: 36px;
-	height: 36px;
-`])), v.spacing2, v.gray300), qi = k.h1(jt || (jt = S([`
-	margin-top: `, `;
-	font-size: `, `;
-`], [`
-	margin-top: `, `;
-	font-size: `, `;
-`])), v.spacing6, v.fontSize400), Xi = k.span(Bt || (Bt = S([`
-	margin-top: `, `;
-	color: `, `;
-`], [`
-	margin-top: `, `;
-	color: `, `;
-`])), v.spacing5, v.colorTextDisabled), Gi = k.div(Ut || (Ut = S([`
-	margin-top: `, `;
-`], [`
-	margin-top: `, `;
-`])), v.spacing7);
-function _e(e) {
-  return t.createElement(Ki, { icon: e.icon, size: "s", onDelete: e.onClick, "data-testid": "selected-filter:".concat(e.title) }, e.title);
-}
-var $t, Ki = k(ln)($t || ($t = S([`
-	background-color: transparent;
-	margin-right: `, `;
-	border: 1px solid var(--gray50);
-	box-shadow: 0 1px 6px -2px rgba(0, 34, 51, 0.1);
-`], [`
-	background-color: transparent;
-	margin-right: `, `;
-	border: 1px solid var(--gray50);
-	box-shadow: 0 1px 6px -2px rgba(0, 34, 51, 0.1);
-`])), v.spacing3);
-function Ji() {
-  var e = de(), n = e.metaproperties.length === 0 && e.assetTypes.length === 0 && e.tags.length === 0 ? void 0 : t.createElement(Zi, null, t.createElement(G, { variant: "clean", isSmall: !0, onClick: e.clear }, C("Clear filters")));
-  return t.createElement("div", { "data-testid": "selected-filter-list" }, t.createElement(Cn, { className: "ml-2", static: n }, e.assetTypes.map((function(r) {
-    var i = Ln(r);
-    return t.createElement(_e, { key: r, onClick: function() {
-      return e.removeAssetType(r);
-    }, title: Be(r), icon: t.createElement(i, { className: "w-5 h-5 mr-1" }) });
-  })), e.metaproperties.map((function(r) {
-    return t.createElement(_e, { key: r.id, onClick: function() {
-      return e.removeMetaproperty(r);
-    }, title: r.label });
-  })), e.tags.map((function(r) {
-    return t.createElement(_e, { key: r, onClick: function() {
-      return e.removeTag(r);
-    }, title: r });
-  }))));
-}
-var Vt, Zi = k.div(Vt || (Vt = S([`
-	flex-shrink: 0;
-	animation: var(--fade-in-down);
-`], [`
-	flex-shrink: 0;
-	animation: var(--fade-in-down);
-`])));
-function _n(e, n, r) {
-  return (e === 1 ? n : r).replace("{}", e.toString());
-}
-var Qi = ["xls", "xlsx", "ppt", "pdf", "pptx", "indd", "mp4", "wav", "docx", "doc", "numbers", "pages", "otf", "txt", "ttf", "mov", "avi", "mpeg", "webm", "fla", "aiff", "mp3", "m4r", "zip", "rar"];
-function Ue(e) {
-  if (e.derivatives.thumbnail) return e.derivatives.thumbnail;
-  var n = e.extensions[0];
-  return Qi.includes(n) ? "".concat("https://d8ejoa1fys2rk.cloudfront.net", "/includes/img/placeholder/medium/").concat(n, ".jpg") : "".concat("https://d8ejoa1fys2rk.cloudfront.net", n === "aif" ? "/includes/img/placeholder/medium/aiff.jpg" : n === "m4a" ? "/includes/img/placeholder/medium/m4r.jpg" : "/includes/img/common/no-image.png");
-}
-function $e(e) {
-  var n = e.extensions[0];
-  return n?.toUpperCase() === "JPG" ? "JPEG" : n?.toUpperCase();
-}
-var Ht, Wt, Yt, qt, ea = function(e, n) {
-  return e.zIndex && !n.zIndex ? -1 : !e.zIndex && n.zIndex ? 1 : e.zIndex || n.zIndex ? e.zIndex - n.zIndex : 0;
-}, ta = function(e) {
-  var n = (function(r, i) {
-    r === void 0 && (r = []), i === void 0 && (i = []);
-    var a = r.map((function(o) {
-      var c = o.label, u = o.options, d = o.zIndex;
-      return { label: c, value: u.map((function(l) {
-        return l.label;
-      })).join(", "), zIndex: d };
-    })), s = i.map((function(o) {
-      var c = o.label, u = o.value, d = o.type, l = o.zIndex;
-      return { label: c, value: d === "date" ? ur(new Date(u), "dd MMMM yyyy") : u, zIndex: l };
-    }));
-    return J(J([], a, !0), s, !0).sort(ea);
-  })(e.metaproperties, e.textMetaproperties);
-  return n?.length ? t.createElement(se.AdditionalInfo, null, t.createElement(na, null, n.map((function(r) {
-    var i = r.label, a = r.value, s = (function(o) {
-      return o.length <= 100 ? o : o.slice(0, 100) + "...";
-    })(a);
-    return t.createElement(ra, { key: i, "data-testid": "asset-card-metaproperty" }, t.createElement(ia, null, i, ":"), t.createElement(aa, { title: a }, s));
-  })))) : null;
-}, na = k.dl(Ht || (Ht = S([`
-	color: rgba(0, 34, 51, 0.5);
-	font-size: `, `;
-	display: flex;
-	flex-direction: column;
-	grid-row-gap: 1px;
-	row-gap: 1px;
-	margin: 0;
-`], [`
-	color: rgba(0, 34, 51, 0.5);
-	font-size: `, `;
-	display: flex;
-	flex-direction: column;
-	grid-row-gap: 1px;
-	row-gap: 1px;
-	margin: 0;
-`])), v.fontSize75), ra = k.div(Wt || (Wt = S([`
-	display: flex;
-	flex-wrap: wrap;
-`], [`
-	display: flex;
-	flex-wrap: wrap;
-`]))), ia = k.dt(Yt || (Yt = S([`
-	color: rgba(0, 34, 51, 0.3);
-	padding-right: 4px;
-	margin: 0;
-`], [`
-	color: rgba(0, 34, 51, 0.3);
-	padding-right: 4px;
-	margin: 0;
-`]))), aa = k.dd(qt || (qt = S([`
-	overflow: hidden;
-	text-overflow: ellipsis;
-	margin: 0;
-`], [`
-	overflow: hidden;
-	text-overflow: ellipsis;
-	margin: 0;
-`])));
-function oa(e) {
-  var n = e.className, r = e.fadeIn, i = r === void 0 || r, a = e.asset, s = e.isSelected, o = e.isOutlined, c = e.onClick, u = e.children, d = u === void 0 ? null : u, l = oe().hideExternalAccess, p = D(), f = p[0], m = p[1], g = D(), x = g[0], I = g[1], h = (function(b) {
-    return [b.isArchived && C("archived"), b.isWatermarked && C("watermarked"), b.isLimitedUse && C("limited")].filter((function(F) {
-      return F;
-    })).join(", ");
-  })(a), A = $e(a);
-  U((function() {
-    var b, F = (b = a.metaproperties) === null || b === void 0 ? void 0 : b.nodes.filter((function(w) {
-      return w.showInGridView || w.showInListView;
-    }));
-    m(F);
-  }), [a.metaproperties]), U((function() {
-    var b, F = (b = a.textMetaproperties) === null || b === void 0 ? void 0 : b.filter((function(w) {
-      return w.showInGridView || w.showInListView;
-    }));
-    I(F);
-  }), [a.textMetaproperties]);
-  var L = function(b) {
-    c !== void 0 && (b.stopPropagation(), c(a, b));
-  };
-  return t.createElement(la, { id: a.id, $isOutlined: s || o, $fadeIn: i, className: ue("group", n), "data-drag-select-id": a.id }, t.createElement(se, { selectButtonAriaLabel: C(s ? "Deselect" : "Select"), onSelect: L, onClick: L, isSelected: s, "aria-selected": s, "data-testid": "asset-card", contextAction: !l && t.createElement(se.ContextActionButton, { "aria-label": C("Open in new tab"), onClick: function() {
-    window.open(a.url, "_blank");
-  } }, t.createElement(ir, null)) }, t.createElement(se.Frame, { icon: h ? t.createElement(sa, { $limitWidth: !!A }, t.createElement(Bn, { color: "black-alpha", "data-testid": "asset-tag" }, t.createElement(sn, null, h))) : void 0, "data-testid": "asset-type", badge: A }, t.createElement(se.Images, null, Ue(a) && t.createElement(se.Img, { src: Ue(a), alt: a.name, contentResize: "fit" }))), d, t.createElement(ca, { "data-testid": "asset-name" }, a.name), t.createElement(ta, { metaproperties: f, textMetaproperties: x })));
-}
-var Xt, Gt, Kt, la = k.div(Xt || (Xt = S([`
-	margin: `, `;
-	width: 224px;
-	align-self: flex-start;
-	position: relative;
-	`, `
-`], [`
-	margin: `, `;
-	width: 224px;
-	align-self: flex-start;
-	position: relative;
-	`, `
-`])), v.spacing3, (function(e) {
-  return e.$fadeIn ? "animation: var(--fade-in-down);" : "";
-})), sa = k.div(Gt || (Gt = S([`
-	`, `
-`], [`
-	`, `
-`])), (function(e) {
-  return e.$limitWidth && "max-width: 142px;";
-})), ca = k.p(Kt || (Kt = S([`
-	width: auto;
-	max-width: 100%;
-	height: auto;
-	line-height: 20px;
-	min-height: 20px;
-	max-height: 20px;
-	padding: var(--card-content-padding);
-	transition: all 200ms ease;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	box-sizing: content-box;
-
-	&:hover {
-		max-height: 80px;
-		word-break: break-all;
-		white-space: normal;
-	}
-`], [`
-	width: auto;
-	max-width: 100%;
-	height: auto;
-	line-height: 20px;
-	min-height: 20px;
-	max-height: 20px;
-	padding: var(--card-content-padding);
-	transition: all 200ms ease;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	box-sizing: content-box;
-
-	&:hover {
-		max-height: 80px;
-		word-break: break-all;
-		white-space: normal;
-	}
-`])));
-function ua(e) {
-  return t.createElement(t.Fragment, null, Array(e.rows * e.columns).fill(void 0).map((function(n, r) {
-    return t.createElement("div", { key: r, className: "m-2 w-56 self-start group relative", "data-testid": "asset-card" }, t.createElement(se, null, t.createElement(se.Frame, null), t.createElement(se.AdditionalInfo, null, t.createElement(we, { width: 70 + (i = r, 16807 * ((i + 20) % 2147483647 + 2147483646) % 2147483647 % 100), className: "h-4" })), e.title));
-    var i;
-  })));
-}
-var Ce = { x: null, y: null }, Je = "drag-select-container", da = function(e) {
-  var n = e.dragContainer, r = e.selectionBoxCustomAttr, i = e.onSelect, a = e.onDeselect, s = e.onDragStart, o = e.onDragEnd, c = D(Ce), u = c[0], d = c[1], l = D(Ce), p = l[0], f = l[1], m = Ze(p, 10, { leading: !0, maxWait: 10 })[0], g = D(), x = g[0], I = g[1], h = Ee(), A = t.useMemo((function() {
-    return fa(u, m, h.querySelector(".cv-root"));
-  }), [u, m, h]), L = Ze(A, 50, { leading: !1, maxWait: 50 })[0], b = D([]), F = b[0], w = b[1], M = va(F), y = Z(u), N = Z(p), T = Z(y.current.x !== null && y.current.y !== null && N.current.x !== null && N.current.y !== null), P = Z({ shiftKey: !1, metaKey: !1 });
-  U((function() {
-    return document.addEventListener("keydown", E, !1), document.addEventListener("keyup", E, !1), function() {
-      document.removeEventListener("keydown", E, !1), document.removeEventListener("keyup", E, !1);
-    };
-  }), []);
-  var E = function(O) {
-    var W = O.shiftKey, H = O.metaKey, Y = W || H ? "inverse" : "select";
-    P.current = { shiftKey: W, metaKey: H }, T.current && Y !== x && I(Y);
-  };
-  U((function() {
-    var O;
-    return typeof s == "function" && T.current ? (E(P.current), s(x ?? "select")) : typeof o != "function" || T.current || (O = setTimeout((function() {
-      return o(x ?? "select");
-    }), 10)), function() {
-      return clearTimeout(O);
-    };
-  }), [T.current, x]);
-  var z = function(O) {
-    y.current = O, d(O), V();
-  }, j = function(O) {
-    N.current = O, f(O), V();
-  }, V = function() {
-    T.current = y.current.x !== null && y.current.y !== null && N.current.x !== null && N.current.y !== null;
-  }, q = ze((function(O) {
-    var W, H, Y = O.clientY, _ = O.clientX, K = y.current.x !== null, ie = Math.abs((W = y.current.x) !== null && W !== void 0 ? W : 0 - _) >= 1 || Math.abs((H = y.current.y) !== null && H !== void 0 ? H : 0 - Y) >= 1;
-    K && ie && j({ x: _, y: Y });
-  }), []), X = ze((function() {
-    h.removeEventListener("mousemove", q), h.removeEventListener("mouseup", X), z(Ce), j(Ce);
-  }), [q, h]), $ = ze((function(O) {
-    var W = O.clientY, H = O.clientX;
-    O.button === 0 && (h.addEventListener("mousemove", q), h.addEventListener("mouseup", X), z({ x: H, y: W }));
-  }), [q, X, h]);
-  U((function() {
-    var O = h.querySelector(n);
-    return O && (ga(h), O.addEventListener("mousedown", $)), function() {
-      O && (O.removeEventListener("mousedown", $), ha(h));
-    };
-  }), [n, $, q, X, h]), U((function() {
-    var O = h.querySelectorAll("[".concat("data-drag-select-id", "]")), W = Array.from(O).reduce((function(H, Y) {
-      var _ = pa(Y);
-      return Y instanceof HTMLElement && ma(_, L) && Y.dataset.dragSelectId && H.push(Y.dataset.dragSelectId), H;
-    }), []);
-    w(W);
-  }), [L, h]), U((function() {
-    if (M && M !== F && T.current) {
-      var O = F.filter((function(H) {
-        return !M.includes(H);
-      })), W = M.filter((function(H) {
-        return !F.includes(H);
-      }));
-      O.length && i(O), W.length && a(W);
-    }
-  }), [F, M, i, a, T]);
-  var B = h.querySelector("#".concat(Je));
-  return T.current && B ? Ie(t.createElement("div", R({}, r, { style: r.style ? R(R(R({}, Jt), r.style), A) : R(R({}, Jt), A), "data-testid": "drag-selection" })), B) : null;
-}, Jt = { position: "absolute", zIndex: 100 }, fa = function(e, n, r) {
-  if (!(e.x && e.y && n.x && n.y && r)) return { left: 0, top: 0, height: 0, width: 0 };
-  var i = r.getBoundingClientRect(), a = Math.max(n.x, 0), s = Math.min(e.x, a);
-  s = Math.max(s, i.left + 4);
-  var o = Math.min(e.y, n.y), c = Math.abs(n.y - e.y), u = Math.abs(a - e.x), d = i.width + i.left - s - 4;
-  return { left: s, top: o, height: c, width: u = Math.min(u, d) };
-}, ma = function(e, n) {
-  return e.left <= n.left + n.width && e.left + e.width >= n.left && e.top <= n.top + n.height && e.top + e.height >= n.top;
-}, pa = function(e) {
-  var n = e.getBoundingClientRect();
-  return { left: n.left, top: n.top + window.scrollY, height: n.height, width: n.width };
-}, ga = function(e) {
-  var n = document.createElement("div");
-  n.id = Je, e.appendChild(n);
-}, ha = function(e) {
-  var n = e.querySelector("#".concat(Je));
-  n && n.remove();
-}, va = function(e) {
-  var n = Z();
-  return U((function() {
-    n.current = e;
-  })), n.current;
-};
-function xa(e) {
-  var n = cr(), r = n[0], i = n[1];
-  return U((function() {
-    i && !e.isLoading && e.hasNextPage && e.loadMore();
-  }), [i]), t.createElement(t.Fragment, null, e.children, e.hasNextPage && t.createElement("div", { className: "relative h-32 w-full", ref: r, "data-testid": "loading-element" }, t.createElement(fe, { className: ue(!i && "hidden") })));
-}
-function ba(e) {
-  var n, r = e.assets, i = e.count, a = e.hasNextPage, s = a !== void 0 && a, o = e.isLoading, c = o !== void 0 && o, u = e.loadMore, d = u === void 0 ? function() {
-  } : u, l = e.onSelect, p = l === void 0 ? function() {
-  } : l, f = e.onToggle, m = f === void 0 ? function() {
-  } : f, g = e.emptyStateElement, x = g === void 0 ? null : g, I = e.selectedAssetIds, h = I === void 0 ? [] : I, A = e.selectionMode, L = A === void 0 ? "MultiSelect" : A, b = e.children, F = b === void 0 ? null : b, w = Z(null), M = An(w.current).dimensions, y = D([]), N = y[0], T = y[1], P = D("inactive"), E = P[0], z = P[1], j = (function($, B) {
-    return $ !== void 0 ? [1, $] : B ? [Math.ceil(B.height / 188), Math.round((B.width - 16) / 208)] : [0, 0];
-  })(i, M), V = j[0], q = j[1];
-  function X($) {
-    return (E !== "inverse" || !h.includes($.id) || !N.includes($.id)) && (h.includes($.id) || N.includes($.id));
-  }
-  return t.createElement("div", { className: "flex flex-col flex-grow overflow-y-auto", ref: w, "data-drag-select-container": !0 }, F, t.createElement("div", { className: "card-list", role: "listbox" }, r.tag === "Loading" && !r.value && t.createElement(ua, { rows: V, columns: q }), r.tag === "Loaded" && r.value.length === 0 && x, (r.tag === "Loading" && r.value || r.tag === "Loaded") && t.createElement(t.Fragment, null, L === "MultiSelect" && t.createElement(da, { dragContainer: "[data-drag-select-container]", selectionBoxCustomAttr: { className: "rounded border-2 border-brand-500", style: { zIndex: 1e6 } }, onSelect: function($) {
-    T((function(B) {
-      return J(J([], B, !0), $, !0);
-    }));
-  }, onDeselect: function($) {
-    T((function(B) {
-      return B.filter((function(O) {
-        return !$.includes(O);
-      }));
-    }));
-  }, onDragStart: function($) {
-    z($);
-  }, onDragEnd: function($) {
-    if (z("inactive"), N.length) {
-      var B = [];
-      N.forEach((function(O) {
-        var W = (function(H) {
-          var Y;
-          if (r.tag !== "Loading" || r.value) return (Y = r.value) === null || Y === void 0 ? void 0 : Y.find((function(_) {
-            return H === _.id;
-          }));
-        })(O);
-        W && B.push(W);
-      })), $ === "inverse" ? m(B) : p(B), T([]);
-    }
-  } }), t.createElement(xa, { hasNextPage: s, isLoading: c, loadMore: d }, (n = r.value) === null || n === void 0 ? void 0 : n.map((function($, B) {
-    return t.createElement(oa, { key: $.id, isSelected: X($), isOutlined: X($), asset: $, fadeIn: B >= V * q, onClick: function(O, W) {
-      return (function(H, Y) {
-        var _, K, ie;
-        if (Y.shiftKey && L === "MultiSelect" && (!((_ = r.value) === null || _ === void 0) && _.length)) {
-          var me = r.value.findIndex((function(pe) {
-            return pe.id === H.id;
-          })), le = (K = r.value) === null || K === void 0 ? void 0 : K.findIndex((function(pe) {
-            return pe.id === h[h.length - 1];
-          }));
-          le === -1 && (le = 0), p(le < me ? (ie = r.value) === null || ie === void 0 ? void 0 : ie.slice(le, me + 1) : r.value.slice(me, le + 1));
-        } else m([H]);
-      })(O, W);
-    } });
-  }))))));
-}
-function ya() {
-  var e = Ke("assets"), n = e[0], r = e[1], i = { ASC: C("Ascending"), DESC: C("Descending") }, a = { ASC: "DESC", DESC: "ASC" };
-  return t.createElement(G, { variant: "clean", isSmall: !0, title: i[n.direction], onClick: function() {
-    r({ field: n.field, direction: a[n.direction] });
-  }, icon: t.createElement(wa, { $isAscending: n.direction === "ASC" }) });
-}
-var Zt, wa = k(Yn)(Zt || (Zt = S([`
-	width: `, `;
-	height: `, `;
-	`, `
-`], [`
-	width: `, `;
-	height: `, `;
-	`, `
-`])), v.spacing6, v.spacing6, (function(e) {
-  return e.$isAscending && "transform: scaleY(-1)";
-}));
-function Fn(e) {
-  var n = e.selected, r = n !== void 0 && n, i = Te(e, ["selected"]), a = ue("text-left w-full cursor-pointer flex hover:bg-ui-400 hover:text-body-500 items-center transition-color", r ? "text-body-500" : "text-body-400", i.className);
-  return t.createElement("li", null, t.createElement("button", { type: "button", className: a, onClick: i.onClick, role: "menuitemradio", "aria-checked": r, tabIndex: -1 }, i.children, r && t.createElement(dn, { className: "w-6 h-6 ml-3 fade-in" })));
-}
-function Ea(e) {
-  var n = e.options, r = n === void 0 ? ["CREATED_AT", "PUBLISHED_AT", "UPDATED_AT", "NAME"] : n, i = Ke("assets"), a = i[0], s = i[1], o = { CREATED_AT: C("Date added"), NAME: C("Name"), PUBLISHED_AT: C("Date published"), UPDATED_AT: C("Date modified") };
-  return t.createElement(ka, null, t.createElement(ye, { className: "py-2", title: o[a.field], alt: C("Order by") }, (function(c) {
-    return t.createElement("ul", null, r.map((function(u) {
-      return t.createElement(Fn, { className: "px-4 py-px text-sm", selected: a.field === u, key: o[u], onClick: function() {
-        s({ field: u, direction: a.direction }), c();
-      } }, t.createElement("span", { className: "flex-grow min-w-24 py-2" }, o[u]));
-    })));
-  })));
-}
-var Qt, ka = k.div(Qt || (Qt = S([`
-	margin-left: auto;
-`], [`
-	margin-left: auto;
-`])));
-function Sa(e) {
-  var n, r, i, a, s = e.connection, o = s.data, c = s.isLoading, u = s.loadMore, d = s.hasNextPage, l = s.executeQuery, p = De().setIsLoading, f = oe(), m = ke().selection.filter((function(b) {
-    return b.type === "asset";
-  })).map((function(b) {
-    return b.value.id;
-  })), g = ke(), x = g.selectAssets, I = g.toggleAssets, h = De().setSearch, A = de();
-  if (U((function() {
-    c || p(!1);
-  }), [c]), o.tag === "Failure") return t.createElement(kn, { error: new Error(o.value), onRetry: l });
-  var L = (a = (i = (r = (n = o.value) === null || n === void 0 ? void 0 : n.searchAssets) === null || r === void 0 ? void 0 : r.assets) === null || i === void 0 ? void 0 : i.totalCount) !== null && a !== void 0 ? a : e.totalCount;
-  return t.createElement(ba, { assets: Aa(o), count: L, isLoading: c, loadMore: u, hasNextPage: d, selectionMode: f.selectionMode, selectedAssetIds: m, onSelect: x, onToggle: I, emptyStateElement: t.createElement(Vi, { onReset: function() {
-    A.clear(), h("assets", "");
-  } }) }, t.createElement("div", { className: "flex justify-between items-center px-4 pt-4 pb-2 z-10" }, L !== void 0 && t.createElement("span", { className: "flex-shrink-0 text-body-400 fade-in-down", key: L }, _n(L, C("{} asset"), C("{} assets"))), e.showActiveFilters && t.createElement(Ji, null), t.createElement(Ea, null), t.createElement(ya, null)));
-}
-function Aa(e) {
-  var n;
-  return e.tag !== "Loading" || e.value ? e.tag === "Loading" ? { tag: e.tag, value: (n = e.value) === null || n === void 0 ? void 0 : n.searchAssets.assets.nodes } : { tag: e.tag, value: e.value.searchAssets.assets.nodes } : { tag: "Loading", value: void 0 };
-}
-function Ca() {
-  var e = de(), n = e.assetTypes, r = e.metaproperties, i = e.tags, a = e.isLimited, s = We("assets").value, o = Ke("assets")[0], c = oe(), u = c.assetFilter, d = c.assetTypes, l = c.language, p = (function(f) {
-    var m, g, x, I, h, A = this, L = be(), b = D({ tag: "Loading", value: null }), F = b[0], w = b[1], M = !1, y = function(T) {
-      return ee(A, void 0, void 0, (function() {
-        var P, E;
-        return te(this, (function(z) {
-          switch (z.label) {
-            case 0:
-              return w((function(j) {
-                return { tag: "Loading", value: j.tag === "Failure" ? null : j.value };
-              })), P = Oi(f, T ?? null), [4, Se(Mi, P, L)];
-            case 1:
-              return E = z.sent(), M || (re(E) ? w({ tag: "Failure", value: E.error }) : N(E, T)), [2];
-          }
-        }));
-      }));
-    }, N = function(T, P) {
-      Ae(F) && P ? w((function(E) {
-        var z, j, V = (j = (z = Ae(E)) === null || z === void 0 ? void 0 : z.nodes) !== null && j !== void 0 ? j : [];
-        return { tag: "Loaded", value: { searchAssets: { assets: R(R({}, T.value.searchAssets.assets), { nodes: J(J([], V, !0), T.value.searchAssets.assets.nodes, !0) }) } } };
-      })) : w({ tag: "Loaded", value: T.value });
-    };
-    return U((function() {
-      return y(), function() {
-        M = !0;
-      };
-    }), [(m = f.filter) === null || m === void 0 ? void 0 : m.assetTypes, (g = f.filter) === null || g === void 0 ? void 0 : g.metaproperties, (x = f.filter) === null || x === void 0 ? void 0 : x.tags, (I = f.filter) === null || I === void 0 ? void 0 : I.isLimited, f.orderBy, f.searchTerm, f.language]), { data: F, executeQuery: function() {
-      return y();
-    }, isLoading: !F || F.tag === "Loading", loadMore: function() {
-      var T;
-      return y((T = Ae(F)) === null || T === void 0 ? void 0 : T.pageInfo.endCursor);
-    }, hasNextPage: !!(!((h = Ae(F)) === null || h === void 0) && h.pageInfo.hasNextPage) };
-  })(u === void 0 ? { filter: { assetTypes: n, metaproperties: r, tags: i, isLimited: a }, searchTerm: s, orderBy: o, allAssetTypes: d, language: l } : { predefinedFilter: u, orderBy: o, language: l });
-  return t.createElement(Sa, { connection: p, showActiveFilters: u === void 0 });
-}
-var Ia = `
-    id
-    name
-    description
-    databaseId
-    createdAt
-    originalUrl
-    publishedAt
-    tags
-    type
-    updatedAt
-    url
-    extensions
-    metaproperties {
-      nodes {
-        name
-        type
-        options {
-          name
-          displayLabel
-        }
-      }
-    }
-    textMetaproperties {
-      name
-      value
-    }
-    derivatives {
-      thumbnail
-      webImage
-    }
-    ... on Video {
-      previewUrls
-    }
-`;
-function Dn(e, n, r) {
-  return r === void 0 && (r = Ia), ee(this, void 0, void 0, (function() {
-    var i;
-    return te(this, (function(a) {
-      switch (a.label) {
-        case 0:
-          return [4, Se(`
-        fragment AddMediaAsset on Asset {
-            `.concat(r, `
-        }
-
-        query getAssetById($id: ID!) {
-            node(id: $id) {
-                __typename
-                id
-                ...on Asset {
-                    ...AddMediaAsset
-                    files
-                }
-            }
-        }`), { id: e }, n)];
-        case 1:
-          return re(i = a.sent()) ? [2, i] : [2, ne(i.value.node)];
-      }
-    }));
-  }));
-}
-function Pn(e) {
-  return e.replace(/([a-z0-9])([A-Z])/g, (function(n, r, i) {
-    return "".concat(r, " ").concat(i);
-  }));
-}
-var Ta = "Custom transformation";
-function za(e) {
-  var n = e.asset, r = e.onChange, i = D({ status: "Loading" }), a = i[0], s = i[1], o = be(), c = oe().assetFieldSelection;
-  return U((function() {
-    s({ status: "Loading" }), r(void 0), (function(u, d, l) {
-      return ee(this, void 0, void 0, (function() {
-        var p;
-        return te(this, (function(f) {
-          switch (f.label) {
-            case 0:
-              return [4, Dn(u.id, d, l)];
-            case 1:
-              return Pe(p = f.sent()) && p.value.files ? [2, ne(hn(p.value.files))] : [2, Q("Error retrieving asset files")];
-          }
-        }));
-      }));
-    })(n, o, c).then((function(u) {
-      if (re(u)) return ve.error(u.error), void s({ status: "Failure" });
-      var d = u.value, l = (function(p) {
-        return "transformBaseUrl" in p ? "transformBaseUrl" : "original" in p ? "original" : "webImage";
-      })(d);
-      s({ status: "Data", files: d, key: l }), r(d[l]);
-    }));
-  }), [n.id, o, c]), t.createElement(Ma, null, t.createElement(ye, { title: t.createElement(La, { state: a }), buttonKind: "secondary", className: "py-2", direction: "Up", disabled: a.status === "Loading" }, (function(u) {
-    return a.status === "Data" && t.createElement("ul", { className: "overflow-y-auto pb-1 max-h-400" }, Object.entries(a.files).map((function(d) {
-      var l, p = d[0], f = d[1];
-      return t.createElement(Fn, { key: p, className: "px-3 py-2", selected: a.key === p, onClick: function() {
-        (function(m) {
-          s((function(g) {
-            return g.status !== "Data" ? g : (setTimeout((function() {
-              return r(g.files[m]);
-            })), R(R({}, g), { key: m }));
-          }));
-        })(p), u();
-      } }, t.createElement("div", { className: `w-10 h-10 mr-3 bg-ui-500 rounded flex items-center
-													justify-center font-semibold text-body-400 text-xs
-													uppercase`, "data-testid": "file-extension" }, p === "transformBaseUrl" ? t.createElement(ar, { className: "w-6 h-6" }) : (l = (function(m) {
-        if (m) {
-          var g = (function(x) {
-            var I = x.match(/filename=(.*?)&/);
-            if (I) {
-              var h = /(?:\.([^.]+))?$/.exec(I[1]);
-              if (h && h[1]) return h[1];
-            }
-          })(m);
-          return g || (function(x) {
-            var I = x.split("/"), h = I[I.length - 1].split(".");
-            if (!(h.length <= 1)) {
-              var A = h[h.length - 1], L = A.indexOf("?");
-              return L !== -1 ? A.substring(0, L) : A;
-            }
-          })(m);
-        }
-      })(f.url)) !== null && l !== void 0 ? l : t.createElement(or, { className: "w-6 h-6" })), t.createElement("div", { className: "flex-grow w-40" }, t.createElement("div", { className: "capitalize text-body-500 truncate" }, Pn(p)), t.createElement("div", { className: "text-sm" }, f.width && f.height && "".concat(f.width, " x ").concat(f.height, " px"), f.width && f.height && f.fileSize && t.createElement("span", { className: "mx-2" }, "•"), f.fileSize && (function(m) {
-        if (m < 1) return "0 Bytes";
-        var g = Math.floor(Math.log(m) / Math.log(1024)), x = (m / Math.pow(1024, g)).toFixed(1), I = { 0: "Bytes", 1: "kB", 2: "MB", 3: "GB", 4: "TB", 5: "PB", 6: "EB", 7: "ZB", 8: "YB" }[g];
-        return "".concat(x, " ").concat(I);
-      })(f.fileSize))));
-    })));
-  })));
-}
-function La(e) {
-  var n = e.state;
-  return n.status === "Loading" ? t.createElement(we, { width: 50, className: "h-4" }) : n.status === "Data" ? t.createElement(Oa, null, n.key === Ta && t.createElement(lr, null), Pn(n.key)) : t.createElement(t.Fragment, null, "Error");
-}
-var en, tn, Ma = k.div(en || (en = S([`
-	margin-right: `, `;
-	text-transform: capitalize;
-`], [`
-	margin-right: `, `;
-	text-transform: capitalize;
-`])), v.spacing5), Oa = k.div(tn || (tn = S([`
-	display: flex;
-	gap: `, `;
-	align-items: center;
-`], [`
-	display: flex;
-	gap: `, `;
-	align-items: center;
-`])), v.spacing4), Na = `
-    id
-    name
-    description
-    databaseId
-    createdAt
-    originalUrl
-    publishedAt
-    tags
-    type
-    updatedAt
-    url
-    metaproperties {
-      nodes {
-        name
-        type
-        options {
-          name
-          displayLabel
-        }
-      }
-    }
-    textMetaproperties {
-      name
-      value
-      label
-    }
-    derivatives {
-      thumbnail
-      webImage
-    }
-    ... on Video {
-      previewUrls
-    }
-`;
-function _a(e) {
-  var n = e.status, r = e.numberOfSelectedItems;
-  return n === "Done" ? t.createElement(dn, { "data-testid": "check" }) : n === "Error" ? t.createElement(t.Fragment, null, C("Retry")) : t.createElement(t.Fragment, null, _n(r, C("Add asset"), C("Add assets")));
-}
-function Fa(e) {
-  var n, r = oe(), i = r.assetFieldSelection, a = r.onSuccess, s = r.selectionMode, o = ke().preselectedAssetIds, c = be(), u = Z(!0), d = D(s === "SingleSelectFile" ? { status: "WaitingForFileSelection" } : { status: "Ready" }), l = d[0], p = d[1];
-  function f(m, g) {
-    if (re(m)) p({ status: "Error" });
-    else {
-      try {
-        var x = Array.isArray(m.value) ? m.value : [m.value];
-        x.sort((function(I, h) {
-          return (function(A, L, b) {
-            return b ? !b.includes(A.id) && b.includes(L.id) ? 1 : b.includes(A.id) && !b.includes(L.id) ? -1 : b.indexOf(A.id) - b.indexOf(L.id) : 0;
-          })(I, h, o);
-        })), a(x, { selectedFile: g });
-      } catch (I) {
-        ve.error(I);
-      }
-      u.current && (p({ status: "Done" }), setTimeout((function() {
-        u.current && p({ status: "Ready" });
-      }), 2e3));
-    }
-  }
-  return U((function() {
-    return function() {
-      u.current = !1;
-    };
-  }), []), t.createElement(t.Fragment, null, s === "SingleSelectFile" && ((n = e.selection[0]) === null || n === void 0 ? void 0 : n.type) === "asset" && t.createElement(za, { asset: e.selection[0].value, onChange: function(m) {
-    p(m === void 0 ? { status: "WaitingForFileSelection" } : { status: "ReadyWithFile", file: m });
-  } }), t.createElement(G, { variant: "primary", isDisabled: l.status === "Loading" || l.status === "WaitingForFileSelection", onClick: function() {
-    var m, g = l.status === "ReadyWithFile" ? l.file : void 0;
-    p({ status: "Loading" }), s !== "MultiSelect" && ((m = e.selection[0]) === null || m === void 0 ? void 0 : m.type) === "asset" ? Dn(e.selection[0].value.id, c, i).then((function(x) {
-      f(x, g);
-    })) : (function(x, I, h) {
-      return h === void 0 && (h = Na), ee(this, void 0, void 0, (function() {
-        var A, L, b, F, w, M, y, N, T, P, E, z;
-        return te(this, (function(j) {
-          switch (j.label) {
-            case 0:
-              return A = `
-        fragment AddMediaAsset on Asset {
-            `.concat(h, `
-        }
-
-        query getAssetsById($ids: [ID!]!, $collectionCount: Int) {
-            nodes(ids: $ids) {
-              __typename
-              id
-              ...on Asset {
-                ...AddMediaAsset
-                files
-              }
-              ...on Collection {
-                assets(first: $collectionCount) {
-                  nodes {
-                    __typename
-                    id
-                    ...AddMediaAsset
-                    files
-                  }
-                }
-              }
-            }
-        }`), L = { ids: x.map((function(V) {
-                return V.value.id;
-              })) }, [4, Se(A, L, I)];
-            case 1:
-              if (re(b = j.sent())) return [2, b];
-              for (F = [], w = 0, M = b.value.nodes; w < M.length; w++) (y = M[w]).__typename === "Collection" ? F.push.apply(F, y.assets.nodes) : F.push(y);
-              for (N = /* @__PURE__ */ new Set(), T = [], P = 0, E = F; P < E.length; P++) z = E[P], N.has(z.id) || (T.push(z), N.add(z.id));
-              return [2, ne(T)];
-          }
-        }));
-      }));
-    })(e.selection, c, i).then((function(x) {
-      f(x, g);
-    }));
-  }, "data-testid": "add-button", isLoading: l.status === "Loading" }, t.createElement(_a, { status: l.status, numberOfSelectedItems: e.selection.length })));
-}
-function Da(e) {
-  var n = e.title, r = e.onRemove, i = e.children;
-  return t.createElement("li", { className: "flex flex-1 h-12 border-b last:border-b-0 pl-3 pr-5 py-1 items-center group relative", title: n }, t.createElement(Ge, { $isChecked: !0, $isFlex: !0 }, t.createElement(Ve, { "aria-label": C("Deselect"), id: "deselect-".concat(n), isChecked: !0, onChange: r, "data-testid": "metaproperty-option" }), t.createElement(Pa, { htmlFor: "deselect-".concat(n) }, i)));
-}
-var nn, Pa = k.label(nn || (nn = S([`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font-size: `, `;
-	margin-left: `, `;
-	cursor: pointer;
-`], [`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font-size: `, `;
-	margin-left: `, `;
-	cursor: pointer;
-`])), v.fontSize100, v.spacing3);
-function Ra(e) {
-  var n = e.asset, r = ke();
-  return t.createElement(Da, { title: n.name, onRemove: function() {
-    return r.toggleAssets([n]);
-  } }, t.createElement(ja, null, t.createElement(Wn, { variant: "preview", imageUrl: Ue(n), size: "m" })), t.createElement("span", { className: "w-40 mr-2 truncate" }, n.name), $e(n) && t.createElement("span", { className: "flex-grow text-body-400 text-sm text-right" }, $e(n)));
-}
-var rn, ja = k.div(rn || (rn = S([`
-	margin-right: `, `;
-	max-width: 40px;
-`], [`
-	margin-right: `, `;
-	max-width: 40px;
-`])), v.spacing4);
-function Ba(e) {
-  var n = e.selection;
-  return t.createElement("ul", { className: "flex flex-col py-2 overflow-y-auto max-h-400", "data-testid": "selected-items-list" }, n.map((function(r) {
-    return t.createElement(Ra, { key: r.value.id, asset: r.value });
-  })));
-}
-function Ua() {
-  var e = ke(), n = e.selection, r = e.clear, i = n.length;
-  return i === 0 ? null : t.createElement($a, { "data-testid": "selection-footer" }, t.createElement(Va, null, t.createElement(ye, { buttonKind: "secondary", direction: "Up", title: C("View {} selected").replace("{}", i.toString()) }, (function() {
-    return t.createElement(Ba, { selection: n });
-  })), t.createElement(G, { variant: "clean", onClick: r }, C("Clear selection"))), t.createElement(Fa, { selection: n }));
-}
-var an, on, $a = k.div(an || (an = S([`
-	display: flex;
-	flex-shrink: 0;
-	z-index: 10;
-	height: `, `;
-	padding: `, `;
-	align-items: center;
-	box-shadow: 0 -1px 0 0 rgba(0, 34, 51, 0.1), 0 -1px 6px 0 rgba(0, 34, 51, 0.1);
-	animation: var(--fade-in-down);
-`], [`
-	display: flex;
-	flex-shrink: 0;
-	z-index: 10;
-	height: `, `;
-	padding: `, `;
-	align-items: center;
-	box-shadow: 0 -1px 0 0 rgba(0, 34, 51, 0.1), 0 -1px 6px 0 rgba(0, 34, 51, 0.1);
-	animation: var(--fade-in-down);
-`])), v.layoutSpacing5, v.spacing6), Va = k.span(on || (on = S([`
-	display: flex;
-	flex-grow: 1;
-	align-items: center;
-	gap: `, `;
-`], [`
-	display: flex;
-	flex-grow: 1;
-	align-items: center;
-	gap: `, `;
-`])), v.spacing2);
-function fo(e) {
-  var n = e.assetFieldSelection, r = e.assetTypes, i = r === void 0 ? ["IMAGE", "DOCUMENT", "VIDEO", "AUDIO", "ARCHIVE"] : r, a = e.defaultSearchTerm, s = e.language, o = s === void 0 ? "en_US" : s, c = e.mode, u = c === void 0 ? "SingleSelectFile" : c, d = e.onSuccess, l = d === void 0 ? function(h, A) {
-    var L = A.selectedFile;
-    return console.log(h, L);
-  } : d, p = e.hideExternalAccess, f = e.selectedAssets, m = e.hideLimitedUse, g = e.isContainerMode, x = g !== void 0 && g;
-  He(o);
-  var I = { assetFieldSelection: n, assetTypes: i, language: o, onSuccess: l, selectionMode: u, hideExternalAccess: p };
-  return t.createElement(Sn, null, t.createElement(qe, { isContainerMode: x }, t.createElement(Li, null, t.createElement(pr, { hideLimitedUse: m }, t.createElement(gr, { defaultValue: a }, t.createElement(dr, { value: I }, t.createElement(Fi, { preselectedAssetIds: f ?? [] }, t.createElement("div", { className: "cv-root cv-container" }, t.createElement(Ri, null), t.createElement(Ti, null), t.createElement(Ca, null), t.createElement(Ua, null)))))))));
-}
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as s } from "./index24.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  fo as CompactView,
-  uo as Login,
-  co as Modal
+  t as default
 };