sanity 6.3.0 → 6.3.1-next.13

package/lib/_chunks-es/VariantsTool.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useRouter, StateLink } from "sanity/router";
-import { Autocomplete, Stack, Flex, Box, Text, TextInput, TextArea, useToast, Card, Menu, Container, rem, Skeleton } from "@sanity/ui";
+import { Autocomplete, Stack, Flex, Box, Text, TextInput, TextArea, useToast, Card, Menu, Badge, Container, rem, Skeleton } from "@sanity/ui";
 import { useId, useState, memo, forwardRef } from "react";
 import { Button, Dialog, MenuButton, MenuItem } from "./index.js";
-import { getVariantId, useClient, VARIANTS_STUDIO_CLIENT_OPTIONS, VARIANT_DOCUMENTS_PATH, useTranslation, variantsLocaleNamespace, useAllVariants, TextWithTone, ContextMenuButton, RelativeTime, useSchema, SanityDefaultPreview, decodeVariantIdFromRoute, LoadingBlock, getVariantDescription, getVariantConditionsText, getVariantTitle, filterVariantsForSearch } from "./index2.js";
+import { getVariantId, variantsClient, useClient, VARIANTS_STUDIO_CLIENT_OPTIONS, VARIANT_DOCUMENTS_PATH, useTranslation, variantsLocaleNamespace, useAllVariants, TextWithTone, useBundleDocuments, ContextMenuButton, RelativeTime, useSchema, useReleasesStore, SanityDefaultPreview, getReleaseTitleDetails, getReleaseIdFromReleaseDocumentId, getReleaseTone, decodeVariantIdFromRoute, LoadingBlock, getVariantDescription, getVariantConditionsText, getVariantTitle, filterVariantsForSearch } from "./index2.js";
 import "history";
 import "sanity/_singletons";
 import "rxjs";
 import "rxjs/operators";
-import "react-rx";
+import { useObservable } from "react-rx";
 import "@sanity/client/csm";
 import "quick-lru";
 import "lodash-es/throttle.js";
@@ -132,7 +132,7 @@ import { at, set } from "@sanity/mutate";
 import { applyPatches } from "@sanity/mutate/_unstable_apply";
 import { Table, Headers } from "./Table.js";
 function createVariantOperationsStore(options) {
-  const client = options.client;
+  const client = variantsClient(options.client);
   return {
     createVariant: async (variant) => {
       const action = {
@@ -608,6 +608,20 @@ function EditVariantDialog(props) {
   let t5;
   return $[11] !== handleSubmit || $[12] !== initialValue || $[13] !== onCancel || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 ? (t5 = /* @__PURE__ */ jsx(VariantDialog, { confirmDataTestId: "save-variant-button", confirmText: t2, errorTitle: t3, header: t4, id: "edit-variant-dialog", initialValue, onCancel, onSubmit: handleSubmit, renderCancelButton: !0 }), $[11] = handleSubmit, $[12] = initialValue, $[13] = onCancel, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5) : t5 = $[17], t5;
 }
+function useVariantDocuments(variantId) {
+  const $ = c(5);
+  let t0;
+  $[0] !== variantId ? (t0 = {
+    variantId
+  }, $[0] = variantId, $[1] = t0) : t0 = $[1];
+  const params = t0, t1 = `variant-${variantId}`;
+  let t2;
+  return $[2] !== params || $[3] !== t1 ? (t2 = {
+    groqFilter: "_system.variant._ref == $variantId",
+    params,
+    cacheKey: t1
+  }, $[2] = params, $[3] = t1, $[4] = t2) : t2 = $[4], useBundleDocuments(t2);
+}
 function VariantDetailMenuButton(t0) {
   const $ = c(21), {
     variant
@@ -683,6 +697,36 @@ function VariantDetailFooter(t0) {
     ] })
   ] }), $[11] = t5, $[12] = t6, $[13] = t7) : t7 = $[13], t7;
 }
+function getVariantDocumentVersion({
+  document,
+  releasesById,
+  t
+}) {
+  const system = document._system, releaseRef = system?.release?._ref;
+  if (releaseRef) {
+    const release = releasesById?.get(releaseRef);
+    if (release) {
+      const {
+        displayTitle
+      } = getReleaseTitleDetails(release.metadata?.title, getReleaseIdFromReleaseDocumentId(release._id));
+      return {
+        label: displayTitle,
+        tone: getReleaseTone(release)
+      };
+    }
+    return {
+      label: getReleaseIdFromReleaseDocumentId(releaseRef),
+      tone: "default"
+    };
+  }
+  return system?.bundleId === "drafts" ? {
+    label: t("detail.documents.table.version.drafts"),
+    tone: getReleaseTone("drafts")
+  } : {
+    label: t("detail.documents.table.version.published"),
+    tone: getReleaseTone("published")
+  };
+}
 const TABLE_CARD_STYLE = {
   height: "100%",
   overflow: "auto"
@@ -701,8 +745,25 @@ const MemoDocumentType = memo(function(t0) {
   let t3;
   return $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Text, { size: 1, children: t2 }), $[3] = t2, $[4] = t3) : t3 = $[4], t3;
 }, (prev, next) => prev.type === next.type);
+function getVariantDocumentVersionSortRank(document) {
+  const system = document._system;
+  return system?.release?._ref ? 2 : system?.bundleId === "drafts" ? 1 : 0;
+}
+function getVariantDocumentGroupSortKey({
+  document,
+  version
+}) {
+  const groupRef = document._system?.group._ref ?? document._id, versionRank = getVariantDocumentVersionSortRank(document);
+  return `${groupRef}\0${versionRank}\0${version.label}\0${document._id}`;
+}
 function getVariantDocumentColumnDefs(t) {
   return [{
+    id: "documentGroup",
+    hidden: !0,
+    width: null,
+    sorting: !0,
+    sortTransform: getVariantDocumentGroupSortKey
+  }, {
     id: "version",
     width: null,
     style: {
@@ -711,8 +772,9 @@ function getVariantDocumentColumnDefs(t) {
     sorting: !1,
     header: (props) => /* @__PURE__ */ jsx(Flex, { ...props.headerProps, paddingY: 3, sizing: "border", children: /* @__PURE__ */ jsx(Headers.BasicHeader, { text: t("detail.documents.table.version") }) }),
     cell: ({
-      cellProps
-    }) => /* @__PURE__ */ jsx(Flex, { align: "center", ...cellProps, children: /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "-" }) }) })
+      cellProps,
+      datum
+    }) => /* @__PURE__ */ jsx(Flex, { align: "center", ...cellProps, children: /* @__PURE__ */ jsx(Box, { paddingX: 2, children: !datum.isLoading && datum.version && /* @__PURE__ */ jsx(Badge, { fontSize: 1, mode: "outline", radius: 2, tone: datum.version.tone, children: datum.version.label }) }) })
   }, {
     id: "document._type",
     width: null,
@@ -760,149 +822,168 @@ function filterDocuments(rows, searchTerm) {
   }) => [getDocumentPreviewTitle(document), document._id, document._type].some((value) => value.toLowerCase().includes(normalizedSearchTerm))) : rows;
 }
 function VariantDocumentsTable(t0) {
-  const $ = c(12), {
-    documents
-  } = t0, {
+  const $ = c(18), {
+    documents,
+    loading: t1
+  } = t0, loading = t1 === void 0 ? !1 : t1, {
     t
-  } = useTranslation(variantsLocaleNamespace), [scrollContainerRef, setScrollContainerRef] = useState(null);
-  let t1;
-  $[0] !== t ? (t1 = getVariantDocumentColumnDefs(t), $[0] = t, $[1] = t1) : t1 = $[1];
-  const columnDefs = t1;
+  } = useTranslation(variantsLocaleNamespace), [scrollContainerRef, setScrollContainerRef] = useState(null), {
+    state$
+  } = useReleasesStore(), releasesById = useObservable(state$)?.releases;
   let t2;
-  $[2] !== documents ? (t2 = documents.map(_temp$2), $[2] = documents, $[3] = t2) : t2 = $[3];
-  const rows = t2;
+  $[0] !== t ? (t2 = getVariantDocumentColumnDefs(t), $[0] = t, $[1] = t2) : t2 = $[1];
+  const columnDefs = t2;
   let t3;
-  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
-    column: "search",
-    direction: "asc"
-  }, $[4] = t3) : t3 = $[4];
+  if ($[2] !== documents || $[3] !== releasesById || $[4] !== t) {
+    let t42;
+    $[6] !== releasesById || $[7] !== t ? (t42 = (document) => ({
+      document,
+      version: getVariantDocumentVersion({
+        document,
+        releasesById,
+        t
+      })
+    }), $[6] = releasesById, $[7] = t, $[8] = t42) : t42 = $[8], t3 = documents.map(t42), $[2] = documents, $[3] = releasesById, $[4] = t, $[5] = t3;
+  } else
+    t3 = $[5];
+  const rows = t3;
   let t4;
-  $[5] !== t ? (t4 = t("detail.documents.no-documents"), $[5] = t, $[6] = t4) : t4 = $[6];
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+    column: "documentGroup",
+    direction: "asc"
+  }, $[9] = t4) : t4 = $[9];
   let t5;
-  return $[7] !== columnDefs || $[8] !== rows || $[9] !== scrollContainerRef || $[10] !== t4 ? (t5 = /* @__PURE__ */ jsx(Card, { flex: 1, ref: setScrollContainerRef, style: TABLE_CARD_STYLE, children: /* @__PURE__ */ jsx(Table, { columnDefs, data: rows, defaultSort: t3, emptyState: t4, rowId: "document._id", scrollContainerRef, searchFilter: filterDocuments }) }), $[7] = columnDefs, $[8] = rows, $[9] = scrollContainerRef, $[10] = t4, $[11] = t5) : t5 = $[11], t5;
-}
-function _temp$2(document) {
-  return {
-    document
-  };
+  $[10] !== t ? (t5 = t("detail.documents.no-documents"), $[10] = t, $[11] = t5) : t5 = $[11];
+  let t6;
+  return $[12] !== columnDefs || $[13] !== loading || $[14] !== rows || $[15] !== scrollContainerRef || $[16] !== t5 ? (t6 = /* @__PURE__ */ jsx(Card, { flex: 1, ref: setScrollContainerRef, style: TABLE_CARD_STYLE, children: /* @__PURE__ */ jsx(Table, { columnDefs, data: rows, defaultSort: t4, emptyState: t5, loading, rowId: "document._id", scrollContainerRef, searchFilter: filterDocuments }) }), $[12] = columnDefs, $[13] = loading, $[14] = rows, $[15] = scrollContainerRef, $[16] = t5, $[17] = t6) : t6 = $[17], t6;
 }
-const EMPTY_VARIANT_DOCUMENTS = [];
 function VariantDetail() {
-  const $ = c(92), router = useRouter(), {
+  const $ = c(98), router = useRouter(), {
     t
   } = useTranslation(variantsLocaleNamespace), [editDialogOpen, setEditDialogOpen] = useState(!1), variantIdRaw = typeof router.state.variantId == "string" ? router.state.variantId : void 0, variantId = decodeVariantIdFromRoute(variantIdRaw), {
     byId,
     loading
-  } = useAllVariants(), variant = variantId ? byId.get(variantId) : void 0;
+  } = useAllVariants(), variant = variantId ? byId.get(variantId) : void 0, {
+    results: variantDocuments,
+    loading: documentsLoading
+  } = useVariantDocuments(variantId ?? "");
+  let t0;
+  $[0] !== variantDocuments ? (t0 = variantDocuments.map(_temp$2), $[0] = variantDocuments, $[1] = t0) : t0 = $[1];
+  const documents = t0;
   if (loading) {
-    let t02;
-    $[0] !== t ? (t02 = t("detail.loading"), $[0] = t, $[1] = t02) : t02 = $[1];
     let t110;
-    return $[2] !== t02 ? (t110 = /* @__PURE__ */ jsx(LoadingBlock, { fill: !0, title: t02 }), $[2] = t02, $[3] = t110) : t110 = $[3], t110;
+    $[2] !== t ? (t110 = t("detail.loading"), $[2] = t, $[3] = t110) : t110 = $[3];
+    let t210;
+    return $[4] !== t110 ? (t210 = /* @__PURE__ */ jsx(LoadingBlock, { fill: !0, title: t110 }), $[4] = t110, $[5] = t210) : t210 = $[5], t210;
   }
   if (!variant) {
-    let t02;
-    $[4] !== router ? (t02 = () => router.navigate({}), $[4] = router, $[5] = t02) : t02 = $[5];
     let t110;
-    $[6] !== t ? (t110 = t("detail.back"), $[6] = t, $[7] = t110) : t110 = $[7];
+    $[6] !== router ? (t110 = () => router.navigate({}), $[6] = router, $[7] = t110) : t110 = $[7];
     let t210;
-    $[8] !== t02 || $[9] !== t110 ? (t210 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, flex: "none", padding: 3, children: /* @__PURE__ */ jsx(Button, { mode: "bleed", onClick: t02, text: t110 }) }), $[8] = t02, $[9] = t110, $[10] = t210) : t210 = $[10];
+    $[8] !== t ? (t210 = t("detail.back"), $[8] = t, $[9] = t210) : t210 = $[9];
     let t310;
-    $[11] !== t ? (t310 = t("detail.not-found.title"), $[11] = t, $[12] = t310) : t310 = $[12];
-    let t46;
-    $[13] !== t310 ? (t46 = /* @__PURE__ */ jsx(Text, { size: 2, weight: "semibold", children: t310 }), $[13] = t310, $[14] = t46) : t46 = $[14];
+    $[10] !== t110 || $[11] !== t210 ? (t310 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, flex: "none", padding: 3, children: /* @__PURE__ */ jsx(Button, { mode: "bleed", onClick: t110, text: t210 }) }), $[10] = t110, $[11] = t210, $[12] = t310) : t310 = $[12];
+    let t48;
+    $[13] !== t ? (t48 = t("detail.not-found.title"), $[13] = t, $[14] = t48) : t48 = $[14];
     let t52;
-    $[15] !== t ? (t52 = t("detail.not-found.description"), $[15] = t, $[16] = t52) : t52 = $[16];
+    $[15] !== t48 ? (t52 = /* @__PURE__ */ jsx(Text, { size: 2, weight: "semibold", children: t48 }), $[15] = t48, $[16] = t52) : t52 = $[16];
     let t62;
-    $[17] !== t52 ? (t62 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t52 }), $[17] = t52, $[18] = t62) : t62 = $[18];
+    $[17] !== t ? (t62 = t("detail.not-found.description"), $[17] = t, $[18] = t62) : t62 = $[18];
     let t72;
-    $[19] !== t46 || $[20] !== t62 ? (t72 = /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Card, { border: !0, padding: 4, radius: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-      t46,
-      t62
-    ] }) }) }), $[19] = t46, $[20] = t62, $[21] = t72) : t72 = $[21];
+    $[19] !== t62 ? (t72 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t62 }), $[19] = t62, $[20] = t72) : t72 = $[20];
     let t82;
-    return $[22] !== t210 || $[23] !== t72 ? (t82 = /* @__PURE__ */ jsxs(Flex, { direction: "column", flex: 1, height: "fill", children: [
-      t210,
+    $[21] !== t52 || $[22] !== t72 ? (t82 = /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Card, { border: !0, padding: 4, radius: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      t52,
       t72
-    ] }), $[22] = t210, $[23] = t72, $[24] = t82) : t82 = $[24], t82;
+    ] }) }) }), $[21] = t52, $[22] = t72, $[23] = t82) : t82 = $[23];
+    let t92;
+    return $[24] !== t310 || $[25] !== t82 ? (t92 = /* @__PURE__ */ jsxs(Flex, { direction: "column", flex: 1, height: "fill", children: [
+      t310,
+      t82
+    ] }), $[24] = t310, $[25] = t82, $[26] = t92) : t92 = $[26], t92;
   }
-  const description = getVariantDescription(variant), conditionsText = getVariantConditionsText(variant.conditions), T0 = Flex, t0 = "column", t1 = 1, t2 = "fill", t3 = "hidden";
-  let t4;
-  $[25] !== router ? (t4 = () => router.navigate({}), $[25] = router, $[26] = t4) : t4 = $[26];
+  const description = getVariantDescription(variant), conditionsText = getVariantConditionsText(variant.conditions), T0 = Flex, t1 = "column", t2 = 1, t3 = "fill", t4 = "hidden";
   let t5;
-  $[27] !== t ? (t5 = t("detail.back"), $[27] = t, $[28] = t5) : t5 = $[28];
+  $[27] !== router ? (t5 = () => router.navigate({}), $[27] = router, $[28] = t5) : t5 = $[28];
   let t6;
-  $[29] !== t4 || $[30] !== t5 ? (t6 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, flex: "none", padding: 3, children: /* @__PURE__ */ jsx(Button, { mode: "bleed", onClick: t4, text: t5 }) }), $[29] = t4, $[30] = t5, $[31] = t6) : t6 = $[31];
-  const T1 = Flex, t7 = "column", t8 = 1, t9 = "fill", t10 = "hidden";
-  let t11;
-  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = {
+  $[29] !== t ? (t6 = t("detail.back"), $[29] = t, $[30] = t6) : t6 = $[30];
+  let t7;
+  $[31] !== t5 || $[32] !== t6 ? (t7 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, flex: "none", padding: 3, children: /* @__PURE__ */ jsx(Button, { mode: "bleed", onClick: t5, text: t6 }) }), $[31] = t5, $[32] = t6, $[33] = t7) : t7 = $[33];
+  const T1 = Flex, t8 = "column", t9 = 1, t10 = "fill", t11 = "hidden";
+  let t12;
+  $[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = {
     minHeight: 0
-  }, $[32] = t11) : t11 = $[32];
-  const T2 = Container, t12 = "none", t13 = 3, T3 = Flex, t14 = "column", t15 = 3, T4 = Card, t16 = 5, T5 = Flex, t17 = "flex-start", t18 = 4, t19 = "space-between", T6 = Stack, t20 = 3, T7 = Text, t21 = "h1", t22 = 4, t23 = "bold", t24 = getVariantTitle(variant);
-  let t25;
-  $[33] !== T7 || $[34] !== t24 ? (t25 = /* @__PURE__ */ jsx(T7, { as: t21, size: t22, weight: t23, children: t24 }), $[33] = T7, $[34] = t24, $[35] = t25) : t25 = $[35];
+  }, $[34] = t12) : t12 = $[34];
+  const T2 = Container, t13 = "none", t14 = 3, T3 = Flex, t15 = "column", t16 = 3, T4 = Card, t17 = 5, T5 = Flex, t18 = "flex-start", t19 = 4, t20 = "space-between", T6 = Stack, t21 = 3, T7 = Text, t22 = "h1", t23 = 4, t24 = "bold", t25 = getVariantTitle(variant);
   let t26;
-  $[36] !== description || $[37] !== t ? (t26 = description || t("detail.no-description"), $[36] = description, $[37] = t, $[38] = t26) : t26 = $[38];
+  $[35] !== T7 || $[36] !== t25 ? (t26 = /* @__PURE__ */ jsx(T7, { as: t22, size: t23, weight: t24, children: t25 }), $[35] = T7, $[36] = t25, $[37] = t26) : t26 = $[37];
   let t27;
-  $[39] !== t26 ? (t27 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t26 }), $[39] = t26, $[40] = t27) : t27 = $[40];
+  $[38] !== description || $[39] !== t ? (t27 = description || t("detail.no-description"), $[38] = description, $[39] = t, $[40] = t27) : t27 = $[40];
   let t28;
-  $[41] !== T6 || $[42] !== t25 || $[43] !== t27 ? (t28 = /* @__PURE__ */ jsxs(T6, { space: t20, children: [
-    t25,
-    t27
-  ] }), $[41] = T6, $[42] = t25, $[43] = t27, $[44] = t28) : t28 = $[44];
+  $[41] !== t27 ? (t28 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t27 }), $[41] = t27, $[42] = t28) : t28 = $[42];
   let t29;
-  $[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t29 = () => setEditDialogOpen(!0), $[45] = t29) : t29 = $[45];
+  $[43] !== T6 || $[44] !== t26 || $[45] !== t28 ? (t29 = /* @__PURE__ */ jsxs(T6, { space: t21, children: [
+    t26,
+    t28
+  ] }), $[43] = T6, $[44] = t26, $[45] = t28, $[46] = t29) : t29 = $[46];
   let t30;
-  $[46] !== t ? (t30 = t("detail.action.edit-variant"), $[46] = t, $[47] = t30) : t30 = $[47];
+  $[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t30 = () => setEditDialogOpen(!0), $[47] = t30) : t30 = $[47];
   let t31;
-  $[48] !== t30 ? (t31 = /* @__PURE__ */ jsx(Button, { onClick: t29, text: t30 }), $[48] = t30, $[49] = t31) : t31 = $[49];
+  $[48] !== t ? (t31 = t("detail.action.edit-variant"), $[48] = t, $[49] = t31) : t31 = $[49];
   let t32;
-  $[50] !== T5 || $[51] !== t28 || $[52] !== t31 ? (t32 = /* @__PURE__ */ jsxs(T5, { align: t17, gap: t18, justify: t19, children: [
-    t28,
-    t31
-  ] }), $[50] = T5, $[51] = t28, $[52] = t31, $[53] = t32) : t32 = $[53];
+  $[50] !== t31 ? (t32 = /* @__PURE__ */ jsx(Button, { onClick: t30, text: t31 }), $[50] = t31, $[51] = t32) : t32 = $[51];
   let t33;
-  $[54] !== t ? (t33 = t("dialog.create.conditions.title"), $[54] = t, $[55] = t33) : t33 = $[55];
+  $[52] !== T5 || $[53] !== t29 || $[54] !== t32 ? (t33 = /* @__PURE__ */ jsxs(T5, { align: t18, gap: t19, justify: t20, children: [
+    t29,
+    t32
+  ] }), $[52] = T5, $[53] = t29, $[54] = t32, $[55] = t33) : t33 = $[55];
   let t34;
-  $[56] !== t33 ? (t34 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: t33 }), $[56] = t33, $[57] = t34) : t34 = $[57];
+  $[56] !== t ? (t34 = t("dialog.create.conditions.title"), $[56] = t, $[57] = t34) : t34 = $[57];
   let t35;
-  $[58] !== conditionsText || $[59] !== t ? (t35 = conditionsText || t("overview.table.no-conditions"), $[58] = conditionsText, $[59] = t, $[60] = t35) : t35 = $[60];
+  $[58] !== t34 ? (t35 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: t34 }), $[58] = t34, $[59] = t35) : t35 = $[59];
   let t36;
-  $[61] !== t35 ? (t36 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t35 }), $[61] = t35, $[62] = t36) : t36 = $[62];
+  $[60] !== conditionsText || $[61] !== t ? (t36 = conditionsText || t("overview.table.no-conditions"), $[60] = conditionsText, $[61] = t, $[62] = t36) : t36 = $[62];
   let t37;
-  $[63] !== t34 || $[64] !== t36 ? (t37 = /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    t34,
-    t36
-  ] }) }), $[63] = t34, $[64] = t36, $[65] = t37) : t37 = $[65];
+  $[63] !== t36 ? (t37 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t36 }), $[63] = t36, $[64] = t37) : t37 = $[64];
   let t38;
-  $[66] !== T4 || $[67] !== t32 || $[68] !== t37 ? (t38 = /* @__PURE__ */ jsxs(T4, { paddingY: t16, children: [
-    t32,
+  $[65] !== t35 || $[66] !== t37 ? (t38 = /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t35,
     t37
-  ] }), $[66] = T4, $[67] = t32, $[68] = t37, $[69] = t38) : t38 = $[69];
+  ] }) }), $[65] = t35, $[66] = t37, $[67] = t38) : t38 = $[67];
   let t39;
-  $[70] !== T3 || $[71] !== t38 ? (t39 = /* @__PURE__ */ jsx(T3, { direction: t14, paddingX: t15, children: t38 }), $[70] = T3, $[71] = t38, $[72] = t39) : t39 = $[72];
+  $[68] !== T4 || $[69] !== t33 || $[70] !== t38 ? (t39 = /* @__PURE__ */ jsxs(T4, { paddingY: t17, children: [
+    t33,
+    t38
+  ] }), $[68] = T4, $[69] = t33, $[70] = t38, $[71] = t39) : t39 = $[71];
   let t40;
-  $[73] !== T2 || $[74] !== t39 ? (t40 = /* @__PURE__ */ jsx(T2, { flex: t12, width: t13, children: t39 }), $[73] = T2, $[74] = t39, $[75] = t40) : t40 = $[75];
+  $[72] !== T3 || $[73] !== t39 ? (t40 = /* @__PURE__ */ jsx(T3, { direction: t15, paddingX: t16, children: t39 }), $[72] = T3, $[73] = t39, $[74] = t40) : t40 = $[74];
   let t41;
-  $[76] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t41 = /* @__PURE__ */ jsx(Flex, { direction: "column", flex: 1, overflow: "hidden", style: {
-    minHeight: 0
-  }, children: /* @__PURE__ */ jsx(VariantDocumentsTable, { documents: EMPTY_VARIANT_DOCUMENTS }) }), $[76] = t41) : t41 = $[76];
+  $[75] !== T2 || $[76] !== t40 ? (t41 = /* @__PURE__ */ jsx(T2, { flex: t13, width: t14, children: t40 }), $[75] = T2, $[76] = t40, $[77] = t41) : t41 = $[77];
   let t42;
-  $[77] !== T1 || $[78] !== t11 || $[79] !== t40 ? (t42 = /* @__PURE__ */ jsxs(T1, { direction: t7, flex: t8, height: t9, overflow: t10, style: t11, children: [
-    t40,
-    t41
-  ] }), $[77] = T1, $[78] = t11, $[79] = t40, $[80] = t42) : t42 = $[80];
+  $[78] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = {
+    minHeight: 0
+  }, $[78] = t42) : t42 = $[78];
   let t43;
-  $[81] !== variant ? (t43 = /* @__PURE__ */ jsx(VariantDetailFooter, { variant }), $[81] = variant, $[82] = t43) : t43 = $[82];
+  $[79] !== documents || $[80] !== documentsLoading ? (t43 = /* @__PURE__ */ jsx(Flex, { direction: "column", flex: 1, overflow: "hidden", style: t42, children: /* @__PURE__ */ jsx(VariantDocumentsTable, { documents, loading: documentsLoading }) }), $[79] = documents, $[80] = documentsLoading, $[81] = t43) : t43 = $[81];
   let t44;
-  $[83] !== editDialogOpen || $[84] !== variant ? (t44 = editDialogOpen && /* @__PURE__ */ jsx(EditVariantDialog, { onCancel: () => setEditDialogOpen(!1), onSubmit: () => setEditDialogOpen(!1), variant }), $[83] = editDialogOpen, $[84] = variant, $[85] = t44) : t44 = $[85];
+  $[82] !== T1 || $[83] !== t12 || $[84] !== t41 || $[85] !== t43 ? (t44 = /* @__PURE__ */ jsxs(T1, { direction: t8, flex: t9, height: t10, overflow: t11, style: t12, children: [
+    t41,
+    t43
+  ] }), $[82] = T1, $[83] = t12, $[84] = t41, $[85] = t43, $[86] = t44) : t44 = $[86];
   let t45;
-  return $[86] !== T0 || $[87] !== t42 || $[88] !== t43 || $[89] !== t44 || $[90] !== t6 ? (t45 = /* @__PURE__ */ jsxs(T0, { direction: t0, flex: t1, height: t2, overflow: t3, children: [
-    t6,
-    t42,
-    t43,
-    t44
-  ] }), $[86] = T0, $[87] = t42, $[88] = t43, $[89] = t44, $[90] = t6, $[91] = t45) : t45 = $[91], t45;
+  $[87] !== variant ? (t45 = /* @__PURE__ */ jsx(VariantDetailFooter, { variant }), $[87] = variant, $[88] = t45) : t45 = $[88];
+  let t46;
+  $[89] !== editDialogOpen || $[90] !== variant ? (t46 = editDialogOpen && /* @__PURE__ */ jsx(EditVariantDialog, { onCancel: () => setEditDialogOpen(!1), onSubmit: () => setEditDialogOpen(!1), variant }), $[89] = editDialogOpen, $[90] = variant, $[91] = t46) : t46 = $[91];
+  let t47;
+  return $[92] !== T0 || $[93] !== t44 || $[94] !== t45 || $[95] !== t46 || $[96] !== t7 ? (t47 = /* @__PURE__ */ jsxs(T0, { direction: t1, flex: t2, height: t3, overflow: t4, children: [
+    t7,
+    t44,
+    t45,
+    t46
+  ] }), $[92] = T0, $[93] = t44, $[94] = t45, $[95] = t46, $[96] = t7, $[97] = t47) : t47 = $[97], t47;
+}
+function _temp$2(result) {
+  return result.document;
 }
 function CreateVariantDialog(props) {
   const $ = c(16), {