sanity-plugin-workflow 1.0.4 → 1.0.6

package/lib/index.js

@@ -14,7 +14,7 @@ var router = require('sanity/router');
 var dnd = require('@hello-pangea/dnd');
 var groq = require('groq');
 var reactVirtual = require('@tanstack/react-virtual');
-var styled = require('styled-components');
+var styledComponents = require('styled-components');
 var framerMotion = require('framer-motion');
 function _interopDefaultCompat(e) {
   return e && typeof e === 'object' && 'default' in e ? e : {
@@ -23,7 +23,6 @@ function _interopDefaultCompat(e) {
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var groq__default = /*#__PURE__*/_interopDefaultCompat(groq);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 function defineStates(states) {
   return states;
 }
@@ -296,6 +295,21 @@ function BeginWorkflow(props) {
     }
   };
 }
+const handleDeleteMetadata = async (client, toast, id) => {
+  try {
+    await client.delete("workflow-metadata.".concat(id));
+    toast.push({
+      status: "success",
+      title: "Workflow completed"
+    });
+  } catch (error) {
+    console.error(error);
+    toast.push({
+      status: "error",
+      title: "Could not complete Workflow"
+    });
+  }
+};
 function CompleteWorkflow(props) {
   const {
     id
@@ -309,12 +323,13 @@ function CompleteWorkflow(props) {
   const client = sanity.useClient({
     apiVersion: API_VERSION
   });
+  const toast = ui.useToast();
   if (error) {
     console.error(error);
   }
-  const handle = React.useCallback(() => {
-    client.delete("workflow-metadata.".concat(id));
-  }, [id, client]);
+  const handle = React.useCallback(async () => {
+    await handleDeleteMetadata(client, toast, id);
+  }, [client, toast, id]);
   if (!metadata) {
     return null;
   }
@@ -326,8 +341,9 @@ function CompleteWorkflow(props) {
     disabled: loading || error || !isLastState,
     label: "Complete Workflow",
     title: isLastState ? "Removes the document from the Workflow process" : "Cannot remove from workflow until in the last state",
-    onHandle: () => {
-      handle();
+    onHandle: async () => {
+      await handle();
+      props.onComplete();
     },
     color: "positive"
   };
@@ -890,17 +906,7 @@ function CompleteButton(props) {
     if (!id) {
       return;
     }
-    client.delete("workflow-metadata.".concat(id)).then(() => {
-      toast.push({
-        status: "success",
-        title: "Workflow completed"
-      });
-    }).catch(() => {
-      toast.push({
-        status: "error",
-        title: "Could not complete Workflow"
-      });
-    });
+    handleDeleteMetadata(client, toast, id);
   }, [client, toast]);
   return /* @__PURE__ */jsxRuntime.jsx(ui.Tooltip, {
     portal: true,
@@ -1454,7 +1460,7 @@ var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", {
   value: __freeze$1(raw || cooked.slice())
 }));
 var _a$1;
-const StyledStickyCard = styled__default.default(ui.Card)(() => styled.css(_a$1 || (_a$1 = __template$1(["\n    position: sticky;\n    top: 0;\n    z-index: 1;\n  "]))));
+const StyledStickyCard = styledComponents.styled(ui.Card)(() => styledComponents.css(_a$1 || (_a$1 = __template$1(["\n    position: sticky;\n    top: 0;\n    z-index: 1;\n  "]))));
 function StateTitle(props) {
   const {
     state,
@@ -1539,7 +1545,7 @@ var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
   value: __freeze(raw || cooked.slice())
 }));
 var _a;
-const StyledFloatingCard = styled__default.default(ui.Card)(() => styled.css(_a || (_a = __template(["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    z-index: 1000;\n  "]))));
+const StyledFloatingCard = styledComponents.styled(ui.Card)(() => styledComponents.css(_a || (_a = __template(["\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    z-index: 1000;\n  "]))));
 function FloatingCard(_ref3) {
   let {
     children