@bynder/compact-view 5.2.0 → 5.2.2

package/index13.js

@@ -0,0 +1,2432 @@
+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 "./index19.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)))))))));
+}
+export {
+  fo as CompactView,
+  uo as Login,
+  co as Modal
+};