@bynder/compact-view 5.2.1 → 5.2.2

package/AccessToken.js

@@ -0,0 +1,5 @@
+import { __require as e } from "./AccessToken2.js";
+var s = e();
+export {
+  s as A
+};

package/AccessToken2.js

@@ -0,0 +1,176 @@
+import { __exports as a } from "./AccessToken3.js";
+import { __require as x } from "./index15.js";
+import { __require as O } from "./localStorageHelper.js";
+import { __require as E } from "./tokenExpirationHelper.js";
+import { __require as H } from "./urlHelper.js";
+var T;
+function J() {
+  return T ? a : (T = 1, (function(f) {
+    var p = a && a.__createBinding || (Object.create ? (function(i, e, t, u) {
+      u === void 0 && (u = t);
+      var c = Object.getOwnPropertyDescriptor(e, t);
+      (!c || ("get" in c ? !e.__esModule : c.writable || c.configurable)) && (c = { enumerable: !0, get: function() {
+        return e[t];
+      } }), Object.defineProperty(i, u, c);
+    }) : (function(i, e, t, u) {
+      u === void 0 && (u = t), i[u] = e[t];
+    })), y = a && a.__setModuleDefault || (Object.create ? (function(i, e) {
+      Object.defineProperty(i, "default", { enumerable: !0, value: e });
+    }) : function(i, e) {
+      i.default = e;
+    }), g = a && a.__importStar || function(i) {
+      if (i && i.__esModule) return i;
+      var e = {};
+      if (i != null) for (var t in i) t !== "default" && Object.prototype.hasOwnProperty.call(i, t) && p(e, i, t);
+      return y(e, i), e;
+    }, w = a && a.__awaiter || function(i, e, t, u) {
+      function c(r) {
+        return r instanceof t ? r : new t(function(o) {
+          o(r);
+        });
+      }
+      return new (t || (t = Promise))(function(r, o) {
+        function _(s) {
+          try {
+            n(u.next(s));
+          } catch (b) {
+            o(b);
+          }
+        }
+        function v(s) {
+          try {
+            n(u.throw(s));
+          } catch (b) {
+            o(b);
+          }
+        }
+        function n(s) {
+          s.done ? r(s.value) : c(s.value).then(_, v);
+        }
+        n((u = u.apply(i, e || [])).next());
+      });
+    }, h = a && a.__generator || function(i, e) {
+      var t = { label: 0, sent: function() {
+        if (r[0] & 1) throw r[1];
+        return r[1];
+      }, trys: [], ops: [] }, u, c, r, o;
+      return o = { next: _(0), throw: _(1), return: _(2) }, typeof Symbol == "function" && (o[Symbol.iterator] = function() {
+        return this;
+      }), o;
+      function _(n) {
+        return function(s) {
+          return v([n, s]);
+        };
+      }
+      function v(n) {
+        if (u) throw new TypeError("Generator is already executing.");
+        for (; o && (o = 0, n[0] && (t = 0)), t; ) try {
+          if (u = 1, c && (r = n[0] & 2 ? c.return : n[0] ? c.throw || ((r = c.return) && r.call(c), 0) : c.next) && !(r = r.call(c, n[1])).done) return r;
+          switch (c = 0, r && (n = [n[0] & 2, r.value]), n[0]) {
+            case 0:
+            case 1:
+              r = n;
+              break;
+            case 4:
+              return t.label++, { value: n[1], done: !1 };
+            case 5:
+              t.label++, c = n[1], n = [0];
+              continue;
+            case 7:
+              n = t.ops.pop(), t.trys.pop();
+              continue;
+            default:
+              if (r = t.trys, !(r = r.length > 0 && r[r.length - 1]) && (n[0] === 6 || n[0] === 2)) {
+                t = 0;
+                continue;
+              }
+              if (n[0] === 3 && (!r || n[1] > r[0] && n[1] < r[3])) {
+                t.label = n[1];
+                break;
+              }
+              if (n[0] === 6 && t.label < r[1]) {
+                t.label = r[1], r = n;
+                break;
+              }
+              if (r && t.label < r[2]) {
+                t.label = r[2], t.ops.push(n);
+                break;
+              }
+              r[2] && t.ops.pop(), t.trys.pop();
+              continue;
+          }
+          n = e.call(i, t);
+        } catch (s) {
+          n = [6, s], c = 0;
+        } finally {
+          u = r = 0;
+        }
+        if (n[0] & 5) throw n[1];
+        return { value: n[0] ? n[1] : void 0, done: !0 };
+      }
+    };
+    Object.defineProperty(f, "__esModule", { value: !0 }), f.invalidateAccessToken = void 0, f.getJWT = A, f.decodeJWT = q;
+    var j = x(), l = g(O()), d = E();
+    Object.defineProperty(f, "invalidateAccessToken", { enumerable: !0, get: function() {
+      return d.invalidateAccessToken;
+    } });
+    var k = H();
+    function m(i) {
+      return w(this, void 0, void 0, function() {
+        var e;
+        return h(this, function(t) {
+          switch (t.label) {
+            case 0:
+              return [4, fetch((0, k.getIdpAccessToken)(i), {
+                credentials: "include"
+              }).then(function(u) {
+                return u.json();
+              })];
+            case 1:
+              if (e = t.sent(), !e || !e.access_token)
+                throw new Error("Could not retrieve access token");
+              return [2, {
+                jwt: e.access_token,
+                expiryTimestamp: e.expires_in
+              }];
+          }
+        });
+      });
+    }
+    function A(i) {
+      return w(this, void 0, void 0, function() {
+        var e, t, u, c;
+        return h(this, function(r) {
+          switch (r.label) {
+            case 0:
+              if (e = l.loadAccessToken(), t = e?.jwt && !(0, d.isExpired)(e), t)
+                return [2, e.jwt];
+              if (!l.getIsAccessTokenLoading()) return [3, 4];
+              u = 5, c = 0, r.label = 1;
+            case 1:
+              return c < u && l.getIsAccessTokenLoading() ? [4, new Promise(function(o) {
+                return setTimeout(o, 200);
+              })] : [3, 4];
+            case 2:
+              if (r.sent(), e = l.loadAccessToken(), e?.jwt && !(0, d.isExpired)(e))
+                return [2, e.jwt];
+              r.label = 3;
+            case 3:
+              return c++, [3, 1];
+            case 4:
+              return l.setAccessTokenLastRequestTime(Date.now()), [4, m(i)];
+            case 5:
+              return e = r.sent(), l.storeAccessToken(e), (0, d.setExpiryTimeout)(e), [2, e.jwt];
+          }
+        });
+      });
+    }
+    function q(i) {
+      return (0, j.jwtDecode)(i);
+    }
+    window.addEventListener("beforeunload", d.invalidateAccessToken);
+  })(a), a);
+}
+export {
+  J as __require
+};

package/AccessToken3.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/ActiveFilter.js

@@ -1,8 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import r from "styled-components";
-import { token as i, Chip as o } from "@bynder/design-system";
+import { jsx as r } from "react/jsx-runtime";
+import e from "./styled-components.browser.esm.js";
+import { Chip as o } from "./Chip.js";
+import { token as i } from "./token.js";
 function l(t) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     n,
     {
       icon: t.icon,
@@ -13,7 +14,7 @@ function l(t) {
     }
   );
 }
-const n = r(o)`
+const n = e(o)`
 	background-color: transparent;
 	margin-right: ${i.spacing3};
 	border: 1px solid ${i.gray50};

package/ActiveFilters.js

@@ -1,49 +1,49 @@
 import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import h from "styled-components";
-import { Button as v } from "@bynder/design-system";
-import { assetTypeToString as y, getAssetTypeIcon as u } from "./asset.type.js";
+import h from "./styled-components.browser.esm.js";
+import { Button as v } from "./Button.js";
+import { assetTypeToString as u, getAssetTypeIcon as y } from "./asset.type.js";
 import { HorizontalScroll as x } from "./HorizontalScroll.js";
 import { useAssetFilter as A } from "./AssetFilterContext.js";
-import { ActiveFilter as s } from "./ActiveFilter.js";
+import { ActiveFilter as o } from "./ActiveFilter.js";
 import { __ as d } from "./index2.js";
 import { useSimilaritySearchStore as g } from "./useSimilaritySearchStore.js";
 function B() {
-  const t = A(), {
-    isSelected: o,
+  const e = A(), {
+    isSelected: s,
     setIsSelected: l,
     isNLSSelected: c,
     setIsNLSSelected: n,
     NLSSearchText: a,
     setNLSSearchText: m
-  } = g(), S = Object.values(t.selectedSmartfilterOptions || {}), p = S.length === 0 && t.assetTypes.length === 0 && t.tags.length === 0 && !o && !(c && a) ? void 0 : /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
+  } = g(), S = Object.values(e.selectedSmartfilterOptions || {}), p = S.length === 0 && e.assetTypes.length === 0 && e.tags.length === 0 && !s && !(c && a) ? void 0 : /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
     v,
     {
       variant: "clean",
       isSmall: !0,
       onClick: () => {
-        t.clear(), l(!1), n(!1), m(void 0);
+        e.clear(), l(!1), n(!1), m(void 0);
       },
       children: d("Clear filters")
     }
   ) });
   return /* @__PURE__ */ i("div", { "data-testid": "selected-filter-list", children: /* @__PURE__ */ f(x, { isActiveFilter: !0, static: p, children: [
-    t.assetTypes.map((e) => {
-      const r = u(e);
+    e.assetTypes.map((t) => {
+      const r = y(t);
       return /* @__PURE__ */ i(
-        s,
+        o,
         {
-          onClick: () => t.removeAssetType(e),
-          title: y(e),
+          onClick: () => e.removeAssetType(t),
+          title: u(t),
           icon: /* @__PURE__ */ i(r, {})
         },
-        e
+        t
       );
     }),
     S.map(
-      (e) => Object.values(e).map((r) => /* @__PURE__ */ i(
-        s,
+      (t) => Object.values(t).map((r) => /* @__PURE__ */ i(
+        o,
         {
-          onClick: () => t.removeSmartfilterOption(
+          onClick: () => e.removeSmartfilterOption(
             r.metapropertyName,
             r.id
           ),
@@ -52,16 +52,16 @@ function B() {
         r.id
       ))
     ),
-    t.tags.map((e) => /* @__PURE__ */ i(
-      s,
+    e.tags.map((t) => /* @__PURE__ */ i(
+      o,
       {
-        onClick: () => t.removeTag(e),
-        title: e
+        onClick: () => e.removeTag(t),
+        title: t
       },
-      e
+      t
     )),
-    (o || c && a) && /* @__PURE__ */ i(
-      s,
+    (s || c && a) && /* @__PURE__ */ i(
+      o,
       {
         onClick: () => {
           l(!1), n(!1), m(void 0);

package/AddMedia.js

@@ -1,6 +1,6 @@
 import { jsxs as x, Fragment as L, jsx as c } from "react/jsx-runtime";
 import { useRef as b, useState as C, useEffect as E } from "react";
-import { Button as A } from "@bynder/design-system";
+import { Button as A } from "./Button.js";
 import { useConfig as M } from "./ConfigContext.js";
 import { useAuth as O } from "./LoginContext.js";
 import { useSelection as T } from "./SelectionContext.js";

package/AdditionalInfo.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import r from "./styled-components.browser.esm.js";
+import { textStyles as a } from "./textStyles.js";
+import { token as t } from "./token.js";
+function c({
+  children: o,
+  padding: d = "all",
+  ...i
+}) {
+  return /* @__PURE__ */ n(l, { $padding: d, ...i, children: o });
+}
+const l = r.div.withConfig({
+  displayName: "AdditionalInfoStyled",
+  componentId: "sc-95p2dl-0"
+})(["", " padding:", ";border-top:1px solid ", ";color:", ";"], a.uiTextS, (o) => o.$padding === "all" ? "var(--card-content-padding)" : "0", t.gray100a, t.colorText);
+export {
+  c as AdditionalInfo
+};

package/Advanced.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import { styled as o } from "styled-components";
-import { token as i } from "@bynder/design-system";
-import { IconAdjust as g } from "@bynder/icons";
+import o from "./styled-components.browser.esm.js";
+import { token as i } from "./token.js";
+import { IconAdjust as g } from "./index4.js";
 import { Dropdown as p } from "./Dropdown.js";
 import { __ as m } from "./index2.js";
 import { useConfig as l } from "./ConfigContext.js";

package/App.js

@@ -1,37 +1,40 @@
 import { jsx as e, jsxs as n, Fragment as b } from "react/jsx-runtime";
-import { BrowserClient as F, makeFetchTransport as I, defaultStackParser as T, Hub as V } from "@sentry/browser";
-import { CollectionsView as D } from "./CollectionsView.js";
-import { CollectionView as O } from "./CollectionView.js";
-import { ConfigProvider as k, useConfig as y } from "./ConfigContext.js";
-import { AssetFilter as E } from "./AssetFilter.js";
-import { useLocalization as M } from "./index2.js";
-import { ShadowRoot as R } from "./ShadowRoot.js";
-import { AssetFilterProvider as U } from "./AssetFilterContext.js";
-import { SelectionProvider as x } from "./SelectionContext.js";
-import { ThemeStyles as j } from "./Theming.js";
-import { Toolbar as z } from "./Toolbar.js";
-import { AssetsView as H } from "./AssetsView.js";
-import { SelectionFooter as N } from "./SelectionFooter.js";
-import { Shield as B } from "./Shield.js";
-import { Dat as G } from "./Dat.js";
+import { CollectionsView as F } from "./CollectionsView.js";
+import { CollectionView as I } from "./CollectionView.js";
+import { ConfigProvider as T, useConfig as V } from "./ConfigContext.js";
+import { AssetFilter as D } from "./AssetFilter.js";
+import { useLocalization as O } from "./index2.js";
+import { ShadowRoot as k } from "./ShadowRoot.js";
+import { AssetFilterProvider as y } from "./AssetFilterContext.js";
+import { SelectionProvider as E } from "./SelectionContext.js";
+import { ThemeStyles as M } from "./Theming.js";
+import { Toolbar as R } from "./Toolbar.js";
+import { AssetsView as U } from "./AssetsView.js";
+import { SelectionFooter as x } from "./SelectionFooter.js";
+import { Shield as j } from "./Shield.js";
+import { Dat as z } from "./Dat.js";
 import "./DatDropdownItem.js";
-import { useRouterSelectors as L } from "./useRouterStore.js";
-import { useClearCollectionOnPageChange as _ } from "./useSearchStore.js";
-import { useDat as q } from "./useDatStore.js";
-import { StoreInitializer as J } from "./StoreInitializer.js";
+import { useRouterSelectors as H } from "./useRouterStore.js";
+import { useClearCollectionOnPageChange as N } from "./useSearchStore.js";
+import { useDat as B } from "./useDatStore.js";
+import { StoreInitializer as G } from "./StoreInitializer.js";
+import { BrowserClient as L } from "./client.js";
+import { makeFetchTransport as _ } from "./fetch.js";
+import { defaultStackParser as q } from "./stack-parsers.js";
+import { Hub as J } from "./hub.js";
 let s;
-s = new F({
+s = new L({
   dsn: "https://dd74b64cc05845468f0c3654b458da29@sentry10.bynder.cloud/464",
   autoSessionTracking: !0,
   tracesSampleRate: 1,
   integrations: [],
-  stackParser: T,
-  transport: I
-}), new V(s);
-function he({
+  stackParser: q,
+  transport: _
+}), new J(s);
+function Ce({
   assetFieldSelection: o,
   assetFilter: r,
-  assetTypes: m = ["IMAGE", "AUDIO", "VIDEO", "DOCUMENT", "ARCHIVE"],
+  assetTypes: c = ["IMAGE", "AUDIO", "VIDEO", "DOCUMENT", "ARCHIVE"],
   defaultSearchTerm: a,
   language: l = "en_US",
   mode: p = "MultiSelect",
@@ -43,17 +46,17 @@ function he({
   hideExternalAccess: g,
   selectedAssets: S,
   hideLimitedUse: C,
-  isContainerMode: c = !1,
+  isContainerMode: m = !1,
   __shouldAddOriginal__: w,
   hideSwitch: v = !1,
   noCache: A = !1,
   selectAllOption: P = !1
 }) {
-  M(l);
-  const { datUrl: i } = q(), t = {
+  O(l);
+  const { datUrl: i } = B(), t = {
     assetFieldSelection: o,
     assetFilter: r,
-    assetTypes: m,
+    assetTypes: c,
     language: l,
     onSuccess: f,
     defaultImageDerivativeName: d,
@@ -66,32 +69,32 @@ function he({
     noCache: A,
     selectAllOption: P
   };
-  return /* @__PURE__ */ e(B, { sentryClient: s, children: /* @__PURE__ */ e(R, { isContainerMode: c, children: /* @__PURE__ */ e(U, { hideLimitedUse: C, predefinedFilter: r, children: /* @__PURE__ */ e(k, { value: t, children: /* @__PURE__ */ n(x, { preselectedAssetIds: S ?? [], children: [
+  return /* @__PURE__ */ e(j, { sentryClient: s, children: /* @__PURE__ */ e(k, { isContainerMode: m, children: /* @__PURE__ */ e(y, { hideLimitedUse: C, predefinedFilter: r, children: /* @__PURE__ */ e(T, { value: t, children: /* @__PURE__ */ n(E, { preselectedAssetIds: S ?? [], children: [
     /* @__PURE__ */ e(
-      J,
+      G,
       {
         defaultSearchTerm: a,
-        resetOnMount: !c
+        resetOnMount: !m
       }
     ),
-    /* @__PURE__ */ e(j, { theme: t.theme }),
+    /* @__PURE__ */ e(M, { theme: t.theme }),
     /* @__PURE__ */ n("div", { className: "cv-root cv-container", children: [
-      /* @__PURE__ */ e(z, {}),
+      /* @__PURE__ */ e(R, {}),
       /* @__PURE__ */ e(K, {}),
-      /* @__PURE__ */ e(N, {}),
-      i && /* @__PURE__ */ e(G, {})
+      /* @__PURE__ */ e(x, {}),
+      i && /* @__PURE__ */ e(z, {})
     ] })
   ] }) }) }) }) });
 }
 function K() {
-  const o = L.use.page(), { assetFilter: r } = y();
-  return _(o), /* @__PURE__ */ n(b, { children: [
-    o.page !== "collections" && (r === void 0 || r && r.showToolbar) && /* @__PURE__ */ e(E, {}),
-    o.page === "assets" && /* @__PURE__ */ e(H, {}),
-    o.page === "collections" && /* @__PURE__ */ e(D, {}),
-    o.page === "collection" && /* @__PURE__ */ e(O, { collection: o.collection })
+  const o = H.use.page(), { assetFilter: r } = V();
+  return N(o), /* @__PURE__ */ n(b, { children: [
+    o.page !== "collections" && (r === void 0 || r && r.showToolbar) && /* @__PURE__ */ e(D, {}),
+    o.page === "assets" && /* @__PURE__ */ e(U, {}),
+    o.page === "collections" && /* @__PURE__ */ e(F, {}),
+    o.page === "collection" && /* @__PURE__ */ e(I, { collection: o.collection })
   ] });
 }
 export {
-  he as App
+  Ce as App
 };

package/Arrow.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "./styled-components.browser.esm.js";
+import { IconCaretDown as n } from "./index4.js";
+import { token as o } from "./token.js";
+function d(t) {
+  return /* @__PURE__ */ r(c, { ...t, children: /* @__PURE__ */ r(n, {}) });
+}
+const c = i.div.withConfig({
+  displayName: "ArrowStyled",
+  componentId: "sc-1k0ithd-0"
+})(["margin-right:calc(", " * -1);margin-left:calc(", " * -1);"], o.spacing2, o.spacing2);
+export {
+  d as Arrow
+};

package/AssetCard.js

@@ -1,56 +1,59 @@
-import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { useState as x, useEffect as w } from "react";
-import s from "styled-components";
-import { token as o, Card as l, Badge as $, TruncatedText as U } from "@bynder/design-system";
+import s from "./styled-components.browser.esm.js";
+import { Badge as $ } from "./Badge.js";
+import { Card as l } from "./Card.js";
+import { TruncatedText as U } from "./TruncatedText.js";
+import { token as o } from "./token.js";
 import { useConfig as V } from "./ConfigContext.js";
-import { getStatusText as W, getExtension as _, getThumbnail as b } from "./utils.js";
+import { getStatusText as W, getExtension as _, getThumbnail as b } from "./utils2.js";
 import { __ as d } from "./index2.js";
 import { ContextAction as z } from "./ContextAction.js";
 import { AssetCardMetaproperties as L } from "./AssetCardMetaproperties.js";
 import { useDat as j } from "./useDatStore.js";
-function tt({
+function it({
   className: e,
   dragState: p,
   fadeIn: y = !0,
   asset: t,
   isSelected: n,
   isOutlined: C,
-  onClick: c,
+  onClick: m,
   children: v = null,
   isSimilaritySearchEnabled: S = !1,
   onSimilaritySearch: T
 }) {
-  const [B, I] = x(), [k, A] = x(), { openDat: M, setTransformation: D } = j(), { theme: m } = V(), h = W(t), u = _(t);
+  const [B, I] = x(), [k, A] = x(), { openDat: M, setTransformation: D } = j(), { theme: c } = V(), h = W(t), f = _(t);
   w(() => {
-    const r = t.metaproperties?.nodes.filter(
+    const i = t.metaproperties?.nodes.filter(
       (a) => a.showInGridView || a.showInListView
     );
-    I(r);
+    I(i);
   }, [t.metaproperties]), w(() => {
-    const r = t.textMetaproperties?.filter(
+    const i = t.textMetaproperties?.filter(
       (a) => a.showInGridView || a.showInListView
     );
-    A(r);
+    A(i);
   }, [t.textMetaproperties]);
-  const f = (r) => {
-    c !== void 0 && (r.stopPropagation(), D(), c(t, r));
-  }, P = (r) => {
-    r.stopPropagation(), T([t.databaseId ? t.databaseId : t.id]);
+  const u = (i) => {
+    m !== void 0 && (i.stopPropagation(), D(), m(t, i));
+  }, P = (i) => {
+    i.stopPropagation(), T([t.databaseId ? t.databaseId : t.id]);
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     E,
     {
       id: t.id,
       $dragState: p,
-      $theme: m,
-      $isOutlined: (n || C) && m?.colorPrimary !== void 0,
+      $theme: c,
+      $isOutlined: (n || C) && c?.colorPrimary !== void 0,
       $fadeIn: y,
       className: e,
       "data-drag-select-id": t.id,
       children: /* @__PURE__ */ g(
         l,
         {
-          contextAction: /* @__PURE__ */ i(
+          contextAction: /* @__PURE__ */ r(
             z,
             {
               dragState: p,
@@ -62,8 +65,8 @@ function tt({
             }
           ),
           selectButtonAriaLabel: n ? d("Deselect") : d("Select"),
-          onSelect: f,
-          onClick: f,
+          onSelect: u,
+          onClick: u,
           isSelected: n,
           "aria-selected": n,
           "data-testid": "asset-card",
@@ -71,11 +74,11 @@ function tt({
             /* @__PURE__ */ g(
               l.Frame,
               {
-                icon: h ? /* @__PURE__ */ i(G, { $limitWidth: !!u, children: /* @__PURE__ */ i($, { color: "black-alpha", "data-testid": "asset-tag", children: /* @__PURE__ */ i(U, { children: h }) }) }) : void 0,
+                icon: h ? /* @__PURE__ */ r(G, { $limitWidth: !!f, children: /* @__PURE__ */ r($, { color: "black-alpha", "data-testid": "asset-tag", children: /* @__PURE__ */ r(U, { children: h }) }) }) : void 0,
                 "data-testid": "asset-type",
-                badge: u,
+                badge: f,
                 children: [
-                  /* @__PURE__ */ i(l.Images, { children: b(t) && /* @__PURE__ */ i(
+                  /* @__PURE__ */ r(l.Images, { children: b(t) && /* @__PURE__ */ r(
                     l.Img,
                     {
                       src: b(t),
@@ -83,7 +86,7 @@ function tt({
                       contentResize: "fit"
                     }
                   ) }),
-                  S && t.__typename === "Image" && /* @__PURE__ */ i(
+                  S && t.__typename === "Image" && /* @__PURE__ */ r(
                     N,
                     {
                       onClick: P,
@@ -91,15 +94,15 @@ function tt({
                       type: "button",
                       "aria-label": "similarity-search-button",
                       className: "showSimilarButton",
-                      children: /* @__PURE__ */ i($, { isSmall: !0, children: d("Show similar") })
+                      children: /* @__PURE__ */ r($, { isSmall: !0, children: d("Show similar") })
                     }
                   )
                 ]
               }
             ),
             v,
-            /* @__PURE__ */ i(H, { "data-testid": "asset-name", children: t.name }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(H, { "data-testid": "asset-name", children: t.name }),
+            /* @__PURE__ */ r(
               L,
               {
                 metaproperties: B,
@@ -176,5 +179,5 @@ const E = s.div`
 	z-index: 1;
 `;
 export {
-  tt as AssetCard
+  it as AssetCard
 };