@ailaw/venus 0.3.18 → 0.4.0

package/dist/venus.es.js

@@ -17,12 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref as ref$1, watch, computed, toRefs as toRefs$1, shallowRef } from "vue-demi";
+import { defineComponent, ref, watch, computed, toRefs, getCurrentScope, shallowRef } from "vue-demi";
 import { Select, Modal, Form, Input, Checkbox, Divider, Button, Tag, Tooltip, Upload, Row, Col, Radio, Table, Badge, Card, message } from "ant-design-vue";
 import { useQuery, useResult, useMutation, useApolloClient } from "@vue/apollo-composable";
 import gql from "graphql-tag";
 import { path, uniqBy, prop } from "ramda";
-import "vue";
 var index$4 = "";
 function __variableDynamicImportRuntime0__$1(path2) {
   switch (path2) {
@@ -46,7 +45,7 @@ var __vue2_script$h = defineComponent({
     }
   },
   setup(props) {
-    const iconUrl = ref$1();
+    const iconUrl = ref();
     watch(() => props.type, (value) => {
       let iconName = "";
       switch (value) {
@@ -168,7 +167,9 @@ const meQuery = gql`
   }
 `;
 function useMe() {
-  const { result } = useQuery(meQuery);
+  const { result } = useQuery(meQuery, void 0, {
+    fetchPolicy: "cache-first"
+  });
   return useResult(result);
 }
 const profilesQuery = gql`
@@ -289,8 +290,8 @@ var __vue2_script$e = defineComponent({
     Checkbox
   },
   setup(_, { emit }) {
-    const value = ref$1({});
-    const shouldSendPassword = ref$1(false);
+    const value = ref({});
+    const shouldSendPassword = ref(false);
     const canSubmit = computed(() => value.value.profileName && value.value.profileType);
     const rules = {
       profileType: { required: true },
@@ -445,11 +446,11 @@ var __vue2_script$c = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const keywords = ref$1("");
+    const keywords = ref("");
     const handleSearch = (value) => keywords.value = value;
-    const { onlyRole, profileIds } = toRefs$1(props);
+    const { onlyRole, profileIds } = toRefs(props);
     const { profiles: rawProfiles } = useProfiles(keywords, onlyRole, profileIds);
-    const createdProfile = ref$1();
+    const createdProfile = ref();
     const profiles = computed(() => {
       const list = [
         ...props.preLoaded,
@@ -457,7 +458,7 @@ var __vue2_script$c = defineComponent({
       ];
       return uniqBy(prop("id"), list);
     });
-    const isModalVisible = ref$1(false);
+    const isModalVisible = ref(false);
     const toggleModal = (value) => isModalVisible.value = value;
     const updateValue = (value) => emit("input", value);
     const handleProfileCreated = (profile) => {
@@ -766,7 +767,7 @@ function __vue2_injectStyles$b(context) {
 var AssigneeTag = /* @__PURE__ */ function() {
   return __component__$b.exports;
 }();
-var __vue2_script$a = {
+var __vue2_script$a = defineComponent({
   name: "index",
   components: {
     AntTooltip: Tooltip
@@ -784,7 +785,7 @@ var __vue2_script$a = {
       default: 100
     }
   }
-};
+});
 var render$a = function() {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -794,7 +795,7 @@ var render$a = function() {
 var staticRenderFns$a = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
 const __cssModules$a = {};
-var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "c4729600", null, null);
+var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "18554545", null, null);
 function __vue2_injectStyles$a(context) {
   for (let o in __cssModules$a) {
     this[o] = __cssModules$a[o];
@@ -822,6 +823,16 @@ var useChangeVal = (props, emit) => (k, v) => {
     [k]: v
   }));
 };
+const acceptableFormats = [
+  ".rar",
+  ".zip",
+  ".doc",
+  ".pdf",
+  ".docx",
+  ".jpg",
+  ".jpeg",
+  ".png"
+];
 var __vue2_script$9 = defineComponent({
   name: "aFileUploader",
   components: { AntUpload: Upload, AntTag: Tag },
@@ -833,10 +844,14 @@ var __vue2_script$9 = defineComponent({
     uploadFilesFunc: {
       type: Function,
       required: true
+    },
+    disabled: {
+      type: Boolean
     }
   },
   setup(props, { emit }) {
-    const loading = ref$1(false);
+    const me = useMe();
+    const loading = ref(false);
     const changeVal = (k, v) => {
       emit("change", __spreadProps(__spreadValues({}, props.value), {
         [k]: v
@@ -846,10 +861,14 @@ var __vue2_script$9 = defineComponent({
       emit("change", props.value.filter((v) => v.id !== id));
     };
     const beforeUpload = (file) => {
+      var _a, _b;
       if (loading.value)
         return false;
       loading.value = true;
-      props.uploadFilesFunc([file]).then(([
+      props.uploadFilesFunc([file], {
+        office_id: (_a = me.value) == null ? void 0 : _a.lawFirmId,
+        user_id: (_b = me.value) == null ? void 0 : _b.id
+      }).then(([
         {
           status,
           value: { id, name, link }
@@ -876,16 +895,7 @@ var __vue2_script$9 = defineComponent({
       remove,
       beforeUpload,
       loading,
-      allowFiles: [
-        ".rar",
-        ".zip",
-        ".doc",
-        ".pdf",
-        ".docx",
-        ".jpg",
-        ".jpeg",
-        ".png"
-      ]
+      acceptableFormats
     };
   }
 });
@@ -893,16 +903,16 @@ var render$9 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "container" }, [_c("ant-upload", { staticStyle: { "display": "inline" }, attrs: { "disabled": _vm.loading, "before-upload": _vm.beforeUpload, "action": "javascript:;", "fileList": [] } }, [_c("ant-tag", [_vm._v(" " + _vm._s(_vm.$t("message.selectFile")) + " ")]), _vm.value.length ? _c("div", { staticStyle: { "display": "inline-block" } }, _vm._l(_vm.value, function(file) {
+  return _c("div", { staticClass: "container" }, [_c("ant-upload", { staticStyle: { "display": "inline" }, attrs: { "disabled": _vm.disabled || _vm.loading, "before-upload": _vm.beforeUpload, "action": "javascript:;", "fileList": [], "accept": _vm.acceptableFormats.join(",") } }, [_c("ant-tag", [_vm._v(" " + _vm._s(_vm.$t("message.selectFile")) + " ")]), _vm.value.length ? _c("div", { staticStyle: { "display": "inline-block" } }, _vm._l(_vm.value, function(file) {
     return _c("ant-tag", { key: file.id, attrs: { "closable": "" }, on: { "close": function($event) {
       return _vm.remove(file.id);
     } } }, [_vm._v(_vm._s(file.name) + " ")]);
-  }), 1) : _c("span", { staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.allowFiles.join(" ")))])], 1)], 1);
+  }), 1) : _c("span", { staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.acceptableFormats.join(" ")))])], 1)], 1);
 };
 var staticRenderFns$9 = [];
 var aFileUploader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "d2a7dbe0", null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "678cdf3c", null, null);
 function __vue2_injectStyles$9(context) {
   for (let o in __cssModules$9) {
     this[o] = __cssModules$9[o];
@@ -969,11 +979,14 @@ var __vue2_script$8 = defineComponent({
     uploadFilesFunc: {
       type: Function,
       required: true
+    },
+    disabled: {
+      type: Boolean
     }
   },
   setup(props, { emit }) {
-    const nameError = ref$1(false);
-    const typeError = ref$1(false);
+    const nameError = ref(false);
+    const typeError = ref(false);
     const changeVal = useChangeVal(props, emit);
     const validFields = (callback) => {
       const data = refactorParams(props.value);
@@ -1009,26 +1022,26 @@ var render$8 = function() {
   var _c = _vm._self._c || _h;
   return _c("ant-form", { staticClass: "add-edit-task-modal", on: { "submit": function(e) {
     return e.preventDefault();
-  } } }, [_c("ant-row", { attrs: { "gutter": 20 } }, [_c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "name": "taskName", "label": _vm.$t("message.taskName"), "help": _vm.nameError ? _vm.$t("message.required") : void 0, "validate-status": _vm.nameError ? "error" : void 0 } }, [_c("ant-input", { attrs: { "value": _vm.value.taskName }, on: { "input": function($event) {
+  } } }, [_c("ant-row", { attrs: { "gutter": 20 } }, [_c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "name": "taskName", "label": _vm.$t("message.taskName"), "help": _vm.nameError ? _vm.$t("message.required") : void 0, "validate-status": _vm.nameError ? "error" : void 0 } }, [_c("ant-input", { attrs: { "disabled": _vm.disabled, "value": _vm.value.taskName }, on: { "input": function($event) {
     return _vm.changeVal("taskName", $event.target.value);
-  } } })], 1)], 1), _c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "label": _vm.$t("message.assignee") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { staticStyle: { "min-width": "170px" }, attrs: { "value": _vm.value.isEmployee, "allowClear": true }, on: { "change": function($event) {
+  } } })], 1)], 1), _c("ant-col", { attrs: { "span": 12 } }, [_c("ant-form-item", { attrs: { "label": _vm.$t("message.assignee") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { staticStyle: { "min-width": "170px" }, attrs: { "disabled": _vm.disabled, "value": _vm.value.isEmployee, "allowClear": true }, on: { "change": function($event) {
     return _vm.changeVal("isEmployee", $event);
   } } }, _vm._l(_vm.roles, function(role) {
     return _c("ant-select-option", { key: role.id, attrs: { "value": role.key } }, [_c("span", { staticStyle: { "text-transform": "capitalize" } }, [_vm._v(" " + _vm._s(_vm.$t("message." + role.i18nKey)) + " ")])]);
-  }), 1)], 1)], 1)], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.type"), "help": _vm.typeError ? _vm.$t("message.required") : void 0, "validate-status": _vm.typeError ? "error" : void 0 } }, [_vm.value.generalTaskType !== _vm.TaskTypes.worksheet ? _c("ant-radio-group", { attrs: { "value": _vm.value.generalTaskType }, on: { "change": function($event) {
+  }), 1)], 1)], 1)], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.type"), "help": _vm.typeError ? _vm.$t("message.required") : void 0, "validate-status": _vm.typeError ? "error" : void 0 } }, [_vm.value.generalTaskType !== _vm.TaskTypes.worksheet ? _c("ant-radio-group", { attrs: { "disabled": _vm.disabled, "value": _vm.value.generalTaskType }, on: { "change": function($event) {
     return _vm.changeVal("generalTaskType", $event.target.value);
-  } } }, [_c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientUpload } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientUpload")) + " ")]), _c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientReview, "disabled": _vm.isAttorneySelected } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientReview")) + " ")])], 1) : _vm._e()], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.descriptions") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-textarea", { attrs: { "value": _vm.value.descriptions }, on: { "input": function($event) {
+  } } }, [_c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientUpload } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientUpload")) + " ")]), _c("ant-radio", { attrs: { "value": _vm.TaskTypes.clientReview, "disabled": _vm.isAttorneySelected } }, [_vm._v(" " + _vm._s(_vm.$t("message.clientReview")) + " ")])], 1) : _c("div", [_vm._v(_vm._s(_vm.$t("message.worksheet")))])], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.descriptions") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-textarea", { attrs: { "disabled": _vm.disabled, "value": _vm.value.descriptions }, on: { "input": function($event) {
     return _vm.changeVal("descriptions", $event.target.value);
-  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.attachment") + "(" + _vm.$t("message.optional") + ")" } }, [_c("a-file-uploader", { attrs: { "value": _vm.value.sampleDocs, "uploadFilesFunc": _vm.uploadFilesFunc }, on: { "change": function($event) {
+  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.attachment") + "(" + _vm.$t("message.optional") + ")" } }, [_c("a-file-uploader", { attrs: { "disabled": _vm.disabled, "value": _vm.value.sampleDocs, "uploadFilesFunc": _vm.uploadFilesFunc }, on: { "change": function($event) {
     return _vm.changeVal("sampleDocs", $event);
-  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.tags") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { attrs: { "mode": "tags", "value": _vm.value.tagList, "options": [] }, on: { "change": function($event) {
+  } } })], 1), _c("ant-form-item", { attrs: { "label": _vm.$t("message.tags") + "(" + _vm.$t("message.optional") + ")" } }, [_c("ant-select", { attrs: { "disabled": _vm.disabled, "mode": "tags", "value": _vm.value.tagList, "options": [] }, on: { "change": function($event) {
     return _vm.changeVal("tagList", $event);
   } } })], 1)], 1);
 };
 var staticRenderFns$8 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "40080928", null, null);
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "daa8be96", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o in __cssModules$8) {
     this[o] = __cssModules$8[o];
@@ -1075,12 +1088,12 @@ var __vue2_script$7 = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const taskForm = ref$1();
+    const taskForm = ref();
     const changeVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const nameError = ref$1(false);
-    const typeError = ref$1(false);
+    const nameError = ref(false);
+    const typeError = ref(false);
     const changeVal = useChangeVal(props, emit);
     const submit2 = () => {
       taskForm.value.validFields((passed, ts) => {
@@ -1218,967 +1231,6 @@ function __vue2_injectStyles$6(context) {
 var TaskTemplateFilter = /* @__PURE__ */ function() {
   return __component__$6.exports;
 }();
-var toString = function(x) {
-  return Object.prototype.toString.call(x);
-};
-function isNative(Ctor) {
-  return typeof Ctor === "function" && /native code/.test(Ctor.toString());
-}
-var hasSymbol = typeof Symbol !== "undefined" && isNative(Symbol) && typeof Reflect !== "undefined" && isNative(Reflect.ownKeys);
-var noopFn = function(_) {
-  return _;
-};
-function proxy(target, key, _a) {
-  var get2 = _a.get, set2 = _a.set;
-  Object.defineProperty(target, key, {
-    enumerable: true,
-    configurable: true,
-    get: get2 || noopFn,
-    set: set2 || noopFn
-  });
-}
-function def(obj, key, val, enumerable) {
-  Object.defineProperty(obj, key, {
-    value: val,
-    enumerable: !!enumerable,
-    writable: true,
-    configurable: true
-  });
-}
-function hasOwn(obj, key) {
-  return Object.hasOwnProperty.call(obj, key);
-}
-function isArray(x) {
-  return Array.isArray(x);
-}
-var MAX_VALID_ARRAY_LENGTH = 4294967295;
-function isValidArrayIndex(val) {
-  var n = parseFloat(String(val));
-  return n >= 0 && Math.floor(n) === n && isFinite(val) && n <= MAX_VALID_ARRAY_LENGTH;
-}
-function isObject(val) {
-  return val !== null && typeof val === "object";
-}
-function isPlainObject(x) {
-  return toString(x) === "[object Object]";
-}
-function isFunction(x) {
-  return typeof x === "function";
-}
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var extendStatics = function(d, b) {
-  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-    d2.__proto__ = b2;
-  } || function(d2, b2) {
-    for (var p in b2)
-      if (Object.prototype.hasOwnProperty.call(b2, p))
-        d2[p] = b2[p];
-  };
-  return extendStatics(d, b);
-};
-function __extends(d, b) {
-  if (typeof b !== "function" && b !== null)
-    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-  extendStatics(d, b);
-  function __() {
-    this.constructor = d;
-  }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-function __values(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m)
-    return m.call(o);
-  if (o && typeof o.length === "number")
-    return {
-      next: function() {
-        if (o && i >= o.length)
-          o = void 0;
-        return { value: o && o[i++], done: !o };
-      }
-    };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-var activeEffectScope;
-var effectScopeStack = [];
-var EffectScopeImpl = function() {
-  function EffectScopeImpl2(vm) {
-    this.active = true;
-    this.effects = [];
-    this.cleanups = [];
-    this.vm = vm;
-  }
-  EffectScopeImpl2.prototype.run = function(fn) {
-    if (this.active) {
-      try {
-        this.on();
-        return fn();
-      } finally {
-        this.off();
-      }
-    }
-    return;
-  };
-  EffectScopeImpl2.prototype.on = function() {
-    if (this.active) {
-      effectScopeStack.push(this);
-      activeEffectScope = this;
-    }
-  };
-  EffectScopeImpl2.prototype.off = function() {
-    if (this.active) {
-      effectScopeStack.pop();
-      activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
-    }
-  };
-  EffectScopeImpl2.prototype.stop = function() {
-    if (this.active) {
-      this.vm.$destroy();
-      this.effects.forEach(function(e) {
-        return e.stop();
-      });
-      this.cleanups.forEach(function(cleanup) {
-        return cleanup();
-      });
-      this.active = false;
-    }
-  };
-  return EffectScopeImpl2;
-}();
-(function(_super) {
-  __extends(EffectScope, _super);
-  function EffectScope(detached) {
-    if (detached === void 0) {
-      detached = false;
-    }
-    var _this = this;
-    var vm = void 0;
-    withCurrentInstanceTrackingDisabled(function() {
-      vm = defineComponentInstance(getVueConstructor());
-    });
-    _this = _super.call(this, vm) || this;
-    if (!detached) {
-      recordEffectScope(_this);
-    }
-    return _this;
-  }
-  return EffectScope;
-})(EffectScopeImpl);
-function recordEffectScope(effect, scope) {
-  var _a;
-  scope = scope || activeEffectScope;
-  if (scope && scope.active) {
-    scope.effects.push(effect);
-    return;
-  }
-  var vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
-  vm && vm.$on("hook:destroyed", function() {
-    return effect.stop();
-  });
-}
-function getCurrentScope() {
-  return activeEffectScope;
-}
-function bindCurrentScopeToVM(vm) {
-  if (!vm.scope) {
-    var scope_1 = new EffectScopeImpl(vm.proxy);
-    vm.scope = scope_1;
-    vm.proxy.$on("hook:destroyed", function() {
-      return scope_1.stop();
-    });
-  }
-  return vm.scope;
-}
-var vueDependency = void 0;
-try {
-  var requiredVue = require("vue");
-  if (requiredVue && isVue(requiredVue)) {
-    vueDependency = requiredVue;
-  } else if (requiredVue && "default" in requiredVue && isVue(requiredVue.default)) {
-    vueDependency = requiredVue.default;
-  }
-} catch (_a) {
-}
-var vueConstructor = null;
-var currentInstance = null;
-var currentInstanceTracking = true;
-var PluginInstalledFlag = "__composition_api_installed__";
-function isVue(obj) {
-  return obj && isFunction(obj) && obj.name === "Vue";
-}
-function isVueRegistered(Vue) {
-  return vueConstructor && hasOwn(Vue, PluginInstalledFlag);
-}
-function getVueConstructor() {
-  return vueConstructor;
-}
-function getRegisteredVueOrDefault() {
-  var constructor = vueConstructor || vueDependency;
-  return constructor;
-}
-function setVueConstructor(Vue) {
-  vueConstructor = Vue;
-  Object.defineProperty(Vue, PluginInstalledFlag, {
-    configurable: true,
-    writable: true,
-    value: true
-  });
-}
-function withCurrentInstanceTrackingDisabled(fn) {
-  var prev = currentInstanceTracking;
-  currentInstanceTracking = false;
-  try {
-    fn();
-  } finally {
-    currentInstanceTracking = prev;
-  }
-}
-function setCurrentInstance(instance) {
-  if (!currentInstanceTracking)
-    return;
-  var prev = currentInstance;
-  prev === null || prev === void 0 ? void 0 : prev.scope.off();
-  currentInstance = instance;
-  currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope.on();
-}
-function getCurrentInstance() {
-  return currentInstance;
-}
-var instanceMapCache = new WeakMap();
-function toVue3ComponentInstance(vm) {
-  if (instanceMapCache.has(vm)) {
-    return instanceMapCache.get(vm);
-  }
-  var instance = {
-    proxy: vm,
-    update: vm.$forceUpdate,
-    type: vm.$options,
-    uid: vm._uid,
-    emit: vm.$emit.bind(vm),
-    parent: null,
-    root: null
-  };
-  bindCurrentScopeToVM(instance);
-  var instanceProps = [
-    "data",
-    "props",
-    "attrs",
-    "refs",
-    "vnode",
-    "slots"
-  ];
-  instanceProps.forEach(function(prop2) {
-    proxy(instance, prop2, {
-      get: function() {
-        return vm["$" + prop2];
-      }
-    });
-  });
-  proxy(instance, "isMounted", {
-    get: function() {
-      return vm._isMounted;
-    }
-  });
-  proxy(instance, "isUnmounted", {
-    get: function() {
-      return vm._isDestroyed;
-    }
-  });
-  proxy(instance, "isDeactivated", {
-    get: function() {
-      return vm._inactive;
-    }
-  });
-  proxy(instance, "emitted", {
-    get: function() {
-      return vm._events;
-    }
-  });
-  instanceMapCache.set(vm, instance);
-  if (vm.$parent) {
-    instance.parent = toVue3ComponentInstance(vm.$parent);
-  }
-  if (vm.$root) {
-    instance.root = toVue3ComponentInstance(vm.$root);
-  }
-  return instance;
-}
-function defineComponentInstance(Ctor, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var silent = Ctor.config.silent;
-  Ctor.config.silent = true;
-  var vm = new Ctor(options);
-  Ctor.config.silent = silent;
-  return vm;
-}
-function isComponentInstance(obj) {
-  var Vue = getVueConstructor();
-  return Vue && obj instanceof Vue;
-}
-function createSlotProxy(vm, slotName) {
-  return function() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    if (!vm.$scopedSlots[slotName]) {
-      return;
-    }
-    return vm.$scopedSlots[slotName].apply(vm, args);
-  };
-}
-function resolveSlots(slots, normalSlots) {
-  var res;
-  if (!slots) {
-    res = {};
-  } else if (slots._normalized) {
-    return slots._normalized;
-  } else {
-    res = {};
-    for (var key in slots) {
-      if (slots[key] && key[0] !== "$") {
-        res[key] = true;
-      }
-    }
-  }
-  for (var key in normalSlots) {
-    if (!(key in res)) {
-      res[key] = true;
-    }
-  }
-  return res;
-}
-var RefKey = "composition-api.refKey";
-var accessModifiedSet = new WeakMap();
-var readonlySet = new WeakMap();
-function set$1(target, key, val) {
-  var Vue = getVueConstructor();
-  var _a = Vue.util;
-  _a.warn;
-  var defineReactive = _a.defineReactive;
-  var ob = target.__ob__;
-  function ssrMockReactivity() {
-    if (ob && isObject(val) && !hasOwn(val, "__ob__")) {
-      mockReactivityDeep(val);
-    }
-  }
-  if (isArray(target)) {
-    if (isValidArrayIndex(key)) {
-      target.length = Math.max(target.length, key);
-      target.splice(key, 1, val);
-      ssrMockReactivity();
-      return val;
-    } else if (key === "length" && val !== target.length) {
-      target.length = val;
-      ob === null || ob === void 0 ? void 0 : ob.dep.notify();
-      return val;
-    }
-  }
-  if (key in target && !(key in Object.prototype)) {
-    target[key] = val;
-    ssrMockReactivity();
-    return val;
-  }
-  if (target._isVue || ob && ob.vmCount) {
-    return val;
-  }
-  if (!ob) {
-    target[key] = val;
-    return val;
-  }
-  defineReactive(ob.value, key, val);
-  defineAccessControl(target, key, val);
-  ssrMockReactivity();
-  ob.dep.notify();
-  return val;
-}
-var RefImpl = function() {
-  function RefImpl2(_a) {
-    var get2 = _a.get, set2 = _a.set;
-    proxy(this, "value", {
-      get: get2,
-      set: set2
-    });
-  }
-  return RefImpl2;
-}();
-function createRef(options, isReadonly, isComputed) {
-  if (isReadonly === void 0) {
-    isReadonly = false;
-  }
-  if (isComputed === void 0) {
-    isComputed = false;
-  }
-  var r = new RefImpl(options);
-  if (isComputed)
-    r.effect = true;
-  var sealed = Object.seal(r);
-  if (isReadonly)
-    readonlySet.set(sealed, true);
-  return sealed;
-}
-function ref(raw) {
-  var _a;
-  if (isRef(raw)) {
-    return raw;
-  }
-  var value = reactive((_a = {}, _a[RefKey] = raw, _a));
-  return createRef({
-    get: function() {
-      return value[RefKey];
-    },
-    set: function(v) {
-      return value[RefKey] = v;
-    }
-  });
-}
-function isRef(value) {
-  return value instanceof RefImpl;
-}
-function toRefs(obj) {
-  if (!isPlainObject(obj))
-    return obj;
-  var ret = {};
-  for (var key in obj) {
-    ret[key] = toRef(obj, key);
-  }
-  return ret;
-}
-function toRef(object, key) {
-  if (!(key in object))
-    set$1(object, key, void 0);
-  var v = object[key];
-  if (isRef(v))
-    return v;
-  return createRef({
-    get: function() {
-      return object[key];
-    },
-    set: function(v2) {
-      return object[key] = v2;
-    }
-  });
-}
-function isRaw(obj) {
-  var _a;
-  return Boolean(obj && hasOwn(obj, "__ob__") && typeof obj.__ob__ === "object" && ((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
-}
-function isReactive(obj) {
-  var _a;
-  return Boolean(obj && hasOwn(obj, "__ob__") && typeof obj.__ob__ === "object" && !((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
-}
-function setupAccessControl(target) {
-  if (!isPlainObject(target) || isRaw(target) || isArray(target) || isRef(target) || isComponentInstance(target) || accessModifiedSet.has(target))
-    return;
-  accessModifiedSet.set(target, true);
-  var keys = Object.keys(target);
-  for (var i = 0; i < keys.length; i++) {
-    defineAccessControl(target, keys[i]);
-  }
-}
-function defineAccessControl(target, key, val) {
-  if (key === "__ob__")
-    return;
-  if (isRaw(target[key]))
-    return;
-  var getter;
-  var setter;
-  var property = Object.getOwnPropertyDescriptor(target, key);
-  if (property) {
-    if (property.configurable === false) {
-      return;
-    }
-    getter = property.get;
-    setter = property.set;
-    if ((!getter || setter) && arguments.length === 2) {
-      val = target[key];
-    }
-  }
-  setupAccessControl(val);
-  proxy(target, key, {
-    get: function getterHandler() {
-      var value = getter ? getter.call(target) : val;
-      if (key !== RefKey && isRef(value)) {
-        return value.value;
-      } else {
-        return value;
-      }
-    },
-    set: function setterHandler(newVal) {
-      if (getter && !setter)
-        return;
-      if (key !== RefKey && isRef(val) && !isRef(newVal)) {
-        val.value = newVal;
-      } else if (setter) {
-        setter.call(target, newVal);
-        val = newVal;
-      } else {
-        val = newVal;
-      }
-      setupAccessControl(newVal);
-    }
-  });
-}
-function observe(obj) {
-  var Vue = getRegisteredVueOrDefault();
-  var observed;
-  if (Vue.observable) {
-    observed = Vue.observable(obj);
-  } else {
-    var vm = defineComponentInstance(Vue, {
-      data: {
-        $$state: obj
-      }
-    });
-    observed = vm._data.$$state;
-  }
-  if (!hasOwn(observed, "__ob__")) {
-    mockReactivityDeep(observed);
-  }
-  return observed;
-}
-function mockReactivityDeep(obj, seen) {
-  var e_1, _a;
-  if (seen === void 0) {
-    seen = new Set();
-  }
-  if (seen.has(obj) || hasOwn(obj, "__ob__") || !Object.isExtensible(obj))
-    return;
-  def(obj, "__ob__", mockObserver(obj));
-  seen.add(obj);
-  try {
-    for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
-      var key = _c.value;
-      var value = obj[key];
-      if (!(isPlainObject(value) || isArray(value)) || isRaw(value) || !Object.isExtensible(value)) {
-        continue;
-      }
-      mockReactivityDeep(value, seen);
-    }
-  } catch (e_1_1) {
-    e_1 = { error: e_1_1 };
-  } finally {
-    try {
-      if (_c && !_c.done && (_a = _b.return))
-        _a.call(_b);
-    } finally {
-      if (e_1)
-        throw e_1.error;
-    }
-  }
-}
-function mockObserver(value) {
-  if (value === void 0) {
-    value = {};
-  }
-  return {
-    value,
-    dep: {
-      notify: noopFn,
-      depend: noopFn,
-      addSub: noopFn,
-      removeSub: noopFn
-    }
-  };
-}
-function createObserver() {
-  return observe({}).__ob__;
-}
-function reactive(obj) {
-  if (!isObject(obj)) {
-    return obj;
-  }
-  if (!(isPlainObject(obj) || isArray(obj)) || isRaw(obj) || !Object.isExtensible(obj)) {
-    return obj;
-  }
-  var observed = observe(obj);
-  setupAccessControl(observed);
-  return observed;
-}
-function set(vm, key, value) {
-  var state = vm.__composition_api_state__ = vm.__composition_api_state__ || {};
-  state[key] = value;
-}
-function get(vm, key) {
-  return (vm.__composition_api_state__ || {})[key];
-}
-var vmStateManager = {
-  set,
-  get
-};
-function asVmProperty(vm, propName, propValue) {
-  var props = vm.$options.props;
-  if (!(propName in vm) && !(props && hasOwn(props, propName))) {
-    if (isRef(propValue)) {
-      proxy(vm, propName, {
-        get: function() {
-          return propValue.value;
-        },
-        set: function(val) {
-          propValue.value = val;
-        }
-      });
-    } else {
-      proxy(vm, propName, {
-        get: function() {
-          if (isReactive(propValue)) {
-            propValue.__ob__.dep.depend();
-          }
-          return propValue;
-        },
-        set: function(val) {
-          propValue = val;
-        }
-      });
-    }
-  }
-}
-function updateTemplateRef(vm) {
-  var rawBindings = vmStateManager.get(vm, "rawBindings") || {};
-  if (!rawBindings || !Object.keys(rawBindings).length)
-    return;
-  var refs = vm.$refs;
-  var oldRefKeys = vmStateManager.get(vm, "refs") || [];
-  for (var index2 = 0; index2 < oldRefKeys.length; index2++) {
-    var key = oldRefKeys[index2];
-    var setupValue = rawBindings[key];
-    if (!refs[key] && setupValue && isRef(setupValue)) {
-      setupValue.value = null;
-    }
-  }
-  var newKeys = Object.keys(refs);
-  var validNewKeys = [];
-  for (var index2 = 0; index2 < newKeys.length; index2++) {
-    var key = newKeys[index2];
-    var setupValue = rawBindings[key];
-    if (refs[key] && setupValue && isRef(setupValue)) {
-      setupValue.value = refs[key];
-      validNewKeys.push(key);
-    }
-  }
-  vmStateManager.set(vm, "refs", validNewKeys);
-}
-function updateVmAttrs(vm, ctx) {
-  var e_1, _a;
-  if (!vm) {
-    return;
-  }
-  var attrBindings = vmStateManager.get(vm, "attrBindings");
-  if (!attrBindings && !ctx) {
-    return;
-  }
-  if (!attrBindings) {
-    var observedData = reactive({});
-    attrBindings = { ctx, data: observedData };
-    vmStateManager.set(vm, "attrBindings", attrBindings);
-    proxy(ctx, "attrs", {
-      get: function() {
-        return attrBindings === null || attrBindings === void 0 ? void 0 : attrBindings.data;
-      },
-      set: function() {
-      }
-    });
-  }
-  var source = vm.$attrs;
-  var _loop_1 = function(attr2) {
-    if (!hasOwn(attrBindings.data, attr2)) {
-      proxy(attrBindings.data, attr2, {
-        get: function() {
-          return vm.$attrs[attr2];
-        }
-      });
-    }
-  };
-  try {
-    for (var _b = __values(Object.keys(source)), _c = _b.next(); !_c.done; _c = _b.next()) {
-      var attr = _c.value;
-      _loop_1(attr);
-    }
-  } catch (e_1_1) {
-    e_1 = { error: e_1_1 };
-  } finally {
-    try {
-      if (_c && !_c.done && (_a = _b.return))
-        _a.call(_b);
-    } finally {
-      if (e_1)
-        throw e_1.error;
-    }
-  }
-}
-function resolveScopedSlots(vm, slotsProxy) {
-  var parentVNode = vm.$options._parentVnode;
-  if (!parentVNode)
-    return;
-  var prevSlots = vmStateManager.get(vm, "slots") || [];
-  var curSlots = resolveSlots(parentVNode.data.scopedSlots, vm.$slots);
-  for (var index2 = 0; index2 < prevSlots.length; index2++) {
-    var key = prevSlots[index2];
-    if (!curSlots[key]) {
-      delete slotsProxy[key];
-    }
-  }
-  var slotNames = Object.keys(curSlots);
-  for (var index2 = 0; index2 < slotNames.length; index2++) {
-    var key = slotNames[index2];
-    if (!slotsProxy[key]) {
-      slotsProxy[key] = createSlotProxy(vm, key);
-    }
-  }
-  vmStateManager.set(vm, "slots", slotNames);
-}
-function activateCurrentInstance(instance, fn, onError) {
-  var preVm = getCurrentInstance();
-  setCurrentInstance(instance);
-  try {
-    return fn(instance);
-  } catch (err) {
-    if (onError) {
-      onError(err);
-    } else {
-      throw err;
-    }
-  } finally {
-    setCurrentInstance(preVm);
-  }
-}
-function mixin(Vue) {
-  Vue.mixin({
-    beforeCreate: functionApiInit,
-    mounted: function() {
-      updateTemplateRef(this);
-    },
-    beforeUpdate: function() {
-      updateVmAttrs(this);
-    },
-    updated: function() {
-      var _a;
-      updateTemplateRef(this);
-      if ((_a = this.$vnode) === null || _a === void 0 ? void 0 : _a.context) {
-        updateTemplateRef(this.$vnode.context);
-      }
-    }
-  });
-  function functionApiInit() {
-    var vm = this;
-    var $options = vm.$options;
-    var setup = $options.setup, render2 = $options.render;
-    if (render2) {
-      $options.render = function() {
-        var _this = this;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-        return activateCurrentInstance(toVue3ComponentInstance(vm), function() {
-          return render2.apply(_this, args);
-        });
-      };
-    }
-    if (!setup) {
-      return;
-    }
-    if (!isFunction(setup)) {
-      return;
-    }
-    var data = $options.data;
-    $options.data = function wrappedData() {
-      initSetup(vm, vm.$props);
-      return isFunction(data) ? data.call(vm, vm) : data || {};
-    };
-  }
-  function initSetup(vm, props) {
-    if (props === void 0) {
-      props = {};
-    }
-    var setup = vm.$options.setup;
-    var ctx = createSetupContext(vm);
-    var instance = toVue3ComponentInstance(vm);
-    instance.setupContext = ctx;
-    def(props, "__ob__", createObserver());
-    resolveScopedSlots(vm, ctx.slots);
-    var binding;
-    activateCurrentInstance(instance, function() {
-      binding = setup(props, ctx);
-    });
-    if (!binding)
-      return;
-    if (isFunction(binding)) {
-      var bindingFunc_1 = binding;
-      vm.$options.render = function() {
-        resolveScopedSlots(vm, ctx.slots);
-        return activateCurrentInstance(instance, function() {
-          return bindingFunc_1();
-        });
-      };
-      return;
-    } else if (isObject(binding)) {
-      if (isReactive(binding)) {
-        binding = toRefs(binding);
-      }
-      vmStateManager.set(vm, "rawBindings", binding);
-      var bindingObj_1 = binding;
-      Object.keys(bindingObj_1).forEach(function(name) {
-        var bindingValue = bindingObj_1[name];
-        if (!isRef(bindingValue)) {
-          if (!isReactive(bindingValue)) {
-            if (isFunction(bindingValue)) {
-              var copy_1 = bindingValue;
-              bindingValue = bindingValue.bind(vm);
-              Object.keys(copy_1).forEach(function(ele) {
-                bindingValue[ele] = copy_1[ele];
-              });
-            } else if (!isObject(bindingValue)) {
-              bindingValue = ref(bindingValue);
-            } else if (hasReactiveArrayChild(bindingValue)) {
-              customReactive(bindingValue);
-            }
-          } else if (isArray(bindingValue)) {
-            bindingValue = ref(bindingValue);
-          }
-        }
-        asVmProperty(vm, name, bindingValue);
-      });
-      return;
-    }
-  }
-  function customReactive(target, seen) {
-    if (seen === void 0) {
-      seen = new Set();
-    }
-    if (seen.has(target))
-      return;
-    if (!isPlainObject(target) || isRef(target) || isReactive(target) || isRaw(target))
-      return;
-    var Vue2 = getVueConstructor();
-    var defineReactive = Vue2.util.defineReactive;
-    Object.keys(target).forEach(function(k) {
-      var val = target[k];
-      defineReactive(target, k, val);
-      if (val) {
-        seen.add(val);
-        customReactive(val, seen);
-      }
-      return;
-    });
-  }
-  function hasReactiveArrayChild(target, visited) {
-    if (visited === void 0) {
-      visited = new Map();
-    }
-    if (visited.has(target)) {
-      return visited.get(target);
-    }
-    visited.set(target, false);
-    if (isArray(target) && isReactive(target)) {
-      visited.set(target, true);
-      return true;
-    }
-    if (!isPlainObject(target) || isRaw(target) || isRef(target)) {
-      return false;
-    }
-    return Object.keys(target).some(function(x) {
-      return hasReactiveArrayChild(target[x], visited);
-    });
-  }
-  function createSetupContext(vm) {
-    var ctx = { slots: {} };
-    var propsPlain = [
-      "root",
-      "parent",
-      "refs",
-      "listeners",
-      "isServer",
-      "ssrContext"
-    ];
-    var methodReturnVoid = ["emit"];
-    propsPlain.forEach(function(key) {
-      var srcKey = "$" + key;
-      proxy(ctx, key, {
-        get: function() {
-          return vm[srcKey];
-        },
-        set: function() {
-        }
-      });
-    });
-    updateVmAttrs(vm, ctx);
-    methodReturnVoid.forEach(function(key) {
-      var srcKey = "$" + key;
-      proxy(ctx, key, {
-        get: function() {
-          return function() {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-              args[_i] = arguments[_i];
-            }
-            var fn = vm[srcKey];
-            fn.apply(vm, args);
-          };
-        }
-      });
-    });
-    return ctx;
-  }
-}
-function mergeData(from, to) {
-  if (!from)
-    return to;
-  if (!to)
-    return from;
-  var key;
-  var toVal;
-  var fromVal;
-  var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from);
-  for (var i = 0; i < keys.length; i++) {
-    key = keys[i];
-    if (key === "__ob__")
-      continue;
-    toVal = to[key];
-    fromVal = from[key];
-    if (!hasOwn(to, key)) {
-      to[key] = fromVal;
-    } else if (toVal !== fromVal && isPlainObject(toVal) && !isRef(toVal) && isPlainObject(fromVal) && !isRef(fromVal)) {
-      mergeData(fromVal, toVal);
-    }
-  }
-  return to;
-}
-function install(Vue) {
-  if (isVueRegistered(Vue)) {
-    return;
-  }
-  Vue.config.optionMergeStrategies.setup = function(parent, child) {
-    return function mergedSetupFn(props, context) {
-      return mergeData(isFunction(parent) ? parent(props, context) || {} : void 0, isFunction(child) ? child(props, context) || {} : void 0);
-    };
-  };
-  setVueConstructor(Vue);
-  mixin(Vue);
-}
-var Plugin = {
-  install: function(Vue) {
-    return install(Vue);
-  }
-};
-if (typeof window !== "undefined" && window.Vue) {
-  window.Vue.use(Plugin);
-}
 function useT() {
   const scope = getCurrentScope();
   return (key) => scope.vm.$i18n.t(key);
@@ -2218,7 +1270,7 @@ var __vue2_script$5 = defineComponent({
     }
   },
   setup(props) {
-    const { addedTasks } = toRefs$1(props);
+    const { addedTasks } = toRefs(props);
     const t = useT();
     const columns = [
       {
@@ -2290,7 +1342,7 @@ function __vue2_injectStyles$5(context) {
 var TaskTablePure = /* @__PURE__ */ function() {
   return __component__$5.exports;
 }();
-var useSearchTaskTemplates = (pagination, conditions = ref$1({}), lawFirmId) => {
+var useSearchTaskTemplates = (pagination, conditions = ref({}), lawFirmId) => {
   const startIndex = computed(() => (pagination.value.current - 1) * pagination.value.pageSize);
   const endIndex = computed(() => startIndex.value + pagination.value.pageSize);
   watch(() => conditions.value, () => {
@@ -2363,7 +1415,7 @@ var useTaskActions = (addedTasks, emit) => {
     removeTask
   };
 };
-var useSearchTaskConditions = () => ref$1({
+var useSearchTaskConditions = () => ref({
   keywords: "",
   isEmployee: [
     AssigneeTypes.ATTORNEY,
@@ -2372,12 +1424,12 @@ var useSearchTaskConditions = () => ref$1({
   ]
 });
 var useTaskTemplateTableData = (props, emit) => {
-  const initialPagination = ref$1({
+  const initialPagination = ref({
     current: 1,
     pageSize: props.pageSize || 10,
     total: 0
   });
-  const { conditions = useSearchTaskConditions(), addedTasks = ref$1([]) } = toRefs$1(props);
+  const { conditions = useSearchTaskConditions(), addedTasks = ref([]) } = toRefs(props);
   const { result, loading, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId);
   const dataSource = computed(() => {
     var _a;
@@ -2510,7 +1562,7 @@ var __vue2_script$3 = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const taskTable = ref$1();
+    const taskTable = ref();
     const conditions = useSearchTaskConditions();
     const currentComponent = shallowRef(props.showPage ? Card : Modal);
     const editAction = (record) => {
@@ -2606,8 +1658,8 @@ var __vue2_script$2 = defineComponent({
     }
   },
   setup(props, { emit }) {
-    const { addedTasks } = toRefs$1(props);
-    const pagination = ref$1({
+    const { addedTasks } = toRefs(props);
+    const pagination = ref({
       total: addedTasks.value.length,
       current: 1,
       pageSize: 10
@@ -2749,14 +1801,6 @@ var __vue2_script$1 = defineComponent({
       type: Boolean,
       default: false
     },
-    userId: {
-      type: String,
-      required: true
-    },
-    lawFirmId: {
-      type: Number,
-      required: true
-    },
     value: {
       type: Array,
       default: () => []
@@ -2792,16 +1836,25 @@ var __vue2_script$1 = defineComponent({
       type: Number
     }
   },
-  setup(props, { emit }) {
+  setup(_, { emit }) {
     const { client } = useApolloClient();
-    const mainModal = ref$1();
-    const reviewModal = ref$1();
-    const newTaskVisible = ref$1(false);
-    const reviewModalVisible = ref$1(false);
-    const tempTask = ref$1(defaultTaskTemplate);
+    const mainModal = ref();
+    const reviewModal = ref();
+    const newTaskVisible = ref(false);
+    const reviewModalVisible = ref(false);
+    const tempTask = ref(defaultTaskTemplate);
     const updateTemplate = useMutateTaskTemplate();
     const createTemplate = useCreateTaskTemplate();
-    const addedTasks = ref$1([]);
+    const addedTasks = ref([]);
+    const me = useMe();
+    const userId = computed(() => {
+      var _a;
+      return (_a = me.value) == null ? void 0 : _a.id;
+    });
+    const lawFirmId = computed(() => {
+      var _a;
+      return (_a = me.value) == null ? void 0 : _a.lawFirmId;
+    });
     watch(() => newTaskVisible.value, (visible) => {
       if (!visible) {
         tempTask.value = defaultTaskTemplate;
@@ -2818,52 +1871,63 @@ var __vue2_script$1 = defineComponent({
         emit("update:value", newValue.map(({ id }) => id));
       }
     };
-    const _submit = async (record) => {
+    const writeQuery = (id, newRecord) => {
       const variables = mainModal.value.getVariables();
       const existed = client.readQuery({
         query: SearchTaskTemplatesQuery,
         variables
       });
-      const {
-        newRecord,
-        success
-      } = await submit(record, updateTemplate, createTemplate);
+      client.writeQuery({
+        query: SearchTaskTemplatesQuery,
+        data: {
+          taskTemplateSearch: __spreadProps(__spreadValues({}, existed.taskTemplateSearch), {
+            taskTemplateList: existed.taskTemplateSearch.taskTemplateList.map((record) => {
+              if (record.id === id) {
+                return newRecord && __spreadProps(__spreadValues({}, newRecord), {
+                  isGallery: record.isGallery
+                });
+              }
+              return record;
+            }).filter((record) => !!record)
+          })
+        },
+        variables
+      });
+    };
+    const _submit = async (record) => {
+      const { newRecord, success, isUpdate } = await submit(record, updateTemplate, createTemplate);
       if (success) {
-        client.writeQuery({
-          query: SearchTaskTemplatesQuery,
-          data: {
-            taskTemplateSearch: __spreadProps(__spreadValues({}, existed.taskTemplateSearch), {
-              taskTemplateList: existed.taskTemplateSearch.taskTemplateList.map((record2) => {
-                if (record2.id === newRecord.id) {
-                  return __spreadProps(__spreadValues({}, newRecord), {
-                    isGallery: record2.isGallery
-                  });
-                }
-                return record2;
-              })
-            })
-          },
-          variables
-        });
+        if (!isUpdate)
+          writeQuery(record.taskTemplateId, newRecord);
         newTaskVisible.value = false;
         updateReviewModalContent(record, newRecord);
+        emit("task-added", newRecord);
       }
     };
     const submitting = computed(() => updateTemplate.loading.value || createTemplate.loading.value);
+    const endReviewing = (result) => {
+      emit("submit", result);
+      reviewModalVisible.value = false;
+      newTaskVisible.value = false;
+    };
     const editTask = (record) => {
       newTaskVisible.value = true;
       tempTask.value = __spreadValues({}, record);
     };
     return {
-      editTask,
       mainModal,
       reviewModal,
-      _submit,
       newTaskVisible,
       tempTask,
       reviewModalVisible,
       submitting,
-      addedTasks
+      addedTasks,
+      userId,
+      lawFirmId,
+      writeQuery,
+      editTask,
+      _submit,
+      endReviewing
     };
   }
 });
@@ -2871,7 +1935,7 @@ var render$1 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { attrs: { "id": "venus-component-task-cart" } }, [_c("main-modal", { ref: "mainModal", attrs: { "visible": _vm.visible, "show-page": _vm.pageMode, "page-size": _vm.pageSize, "law-firm-id": _vm.lawFirmId, "tempTask": _vm.tempTask, "added-tasks": _vm.addedTasks, "newTaskVisible": _vm.newTaskVisible, "task-setting-page-url": _vm.taskSettingPageUrl, "reviewModalVisible": _vm.reviewModalVisible, "open-review-button-text": _vm.openReviewButtonText }, on: { "update:tempTask": function($event) {
+  return _vm.lawFirmId != null ? _c("div", { attrs: { "id": "venus-component-task-cart" } }, [_c("main-modal", { ref: "mainModal", attrs: { "visible": _vm.visible, "show-page": _vm.pageMode, "page-size": _vm.pageSize, "law-firm-id": _vm.lawFirmId, "tempTask": _vm.tempTask, "added-tasks": _vm.addedTasks, "newTaskVisible": _vm.newTaskVisible, "task-setting-page-url": _vm.taskSettingPageUrl, "reviewModalVisible": _vm.reviewModalVisible, "open-review-button-text": _vm.openReviewButtonText }, on: { "update:tempTask": function($event) {
     _vm.tempTask = $event;
   }, "update:temp-task": function($event) {
     _vm.tempTask = $event;
@@ -2909,20 +1973,18 @@ var render$1 = function() {
     _vm.newTaskVisible = $event;
   }, "update:new-task-visible": function($event) {
     _vm.newTaskVisible = $event;
-  }, "submit": function($event) {
-    return _vm.$emit("submit", $event);
-  }, "update:sendEmail": function($event) {
+  }, "submit": _vm.endReviewing, "update:sendEmail": function($event) {
     return _vm.$emit("update:sendEmail", $event);
   } } }), _c("new-task", { attrs: { "user-id": _vm.userId, "loading": _vm.submitting, "value": _vm.tempTask, "law-firm-id": _vm.lawFirmId, "visible": _vm.newTaskVisible, "upload-files-func": _vm.uploadFilesFunc }, on: { "update:value": function($event) {
     _vm.tempTask = $event;
   }, "update:visible": function($event) {
     _vm.newTaskVisible = $event;
-  }, "submit": _vm._submit } })], 1);
+  }, "submit": _vm._submit } })], 1) : _vm._e();
 };
 var staticRenderFns$1 = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "57002a5a", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "ffef8fd2", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
@@ -2933,8 +1995,8 @@ var index$1 = /* @__PURE__ */ function() {
 }();
 var __vue2_script = defineComponent({
   setup() {
-    const notBoolean = ref$1(123);
-    const test = ref$1(false);
+    const notBoolean = ref(123);
+    const test = ref(false);
     const isDisabled = computed(() => test.value);
     return {
       isDisabled,