@sanity/embeddings-index-ui 1.1.3 → 1.1.4

package/dist/index.js

@@ -49,17 +49,19 @@ function FeatureEnabledProvider(props) {
 function useIsFeatureEnabledContext() {
   return require$$0.useContext(FeatureEnabledContext);
 }
-function FeatureDisabledNotice() {
+function FeatureDisabledNotice(props) {
+  var _a;
+  const projectId = sanity.useProjectId();
   return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
     tone: "primary",
     border: true,
-    padding: 2,
+    padding: 4,
     children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
       size: 1,
-      children: ["Embeddings index APIs are only available on the", " ", /* @__PURE__ */jsxRuntime.jsx("a", {
-        href: "https://sanity.io/pricing",
-        children: "Team tier and above"
-      }), ". Please upgrade to enable access."]
+      children: ["\u{1F48E} Unlock semantic search with Embeddings Index APIs \u2014 available on Team, Business, and Enterprise plans.", " ", /* @__PURE__ */jsxRuntime.jsx("a", {
+        href: "https://www.sanity.io/manage/project/".concat(projectId, "/plan").concat((_a = props.urlSuffix) != null ? _a : ""),
+        children: "Upgrade now \u2192"
+      })]
     })
   });
 }
@@ -2140,7 +2142,9 @@ function SemanticSearchReferenceInput(props) {
     children: [semantic && featureState == "loading" ? /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
       padding: 2,
       children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {})
-    }) : null, semantic && featureState == "disabled" ? /* @__PURE__ */jsxRuntime.jsx(FeatureDisabledNotice, {}) : null, /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+    }) : null, semantic && featureState == "disabled" ? /* @__PURE__ */jsxRuntime.jsx(FeatureDisabledNotice, {
+      urlSuffix: "?ref=embeddings-ref"
+    }) : null, /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
       flex: 1,
       style: {
         maxHeight: 36,
@@ -2748,10 +2752,15 @@ function IndexStatus(_ref4) {
 function EmbeddingsIndexTool() {
   const featureState = useIsFeatureEnabled();
   return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
-    children: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
       justify: "center",
       flex: 1,
-      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Card, {
+      children: [featureState == "disabled" ? /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        padding: 4,
+        children: /* @__PURE__ */jsxRuntime.jsx(FeatureDisabledNotice, {
+          urlSuffix: "?ref=embeddings-tab"
+        })
+      }) : null, /* @__PURE__ */jsxRuntime.jsxs(ui.Card, {
         flex: 1,
         style: {
           maxWidth: 1200
@@ -2760,8 +2769,8 @@ function EmbeddingsIndexTool() {
         children: [featureState == "loading" ? /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
           padding: 2,
           children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {})
-        }) : null, featureState == "disabled" ? /* @__PURE__ */jsxRuntime.jsx(FeatureDisabledNotice, {}) : null, featureState == "enabled" ? /* @__PURE__ */jsxRuntime.jsx(Indexes, {}) : null]
-      })
+        }) : null, featureState == "enabled" ? /* @__PURE__ */jsxRuntime.jsx(Indexes, {}) : null]
+      })]
     })
   });
 }