@ailaw/venus 1.3.0 → 1.5.0

package/dist/venus.es.js

@@ -0,0 +1,2577 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop2 in b || (b = {}))
+    if (__hasOwnProp.call(b, prop2))
+      __defNormalProp(a, prop2, b[prop2]);
+  if (__getOwnPropSymbols)
+    for (var prop2 of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop2))
+        __defNormalProp(a, prop2, b[prop2]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, ref, watch, toRefs, reactive, computed, getCurrentScope, shallowRef } from "vue-demi";
+import { Select, Modal, FormModel, Input, Checkbox, Divider, Button, Upload, Tag, Icon, Tooltip, Form, Row, Col, Radio, Popconfirm, 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, sort } from "ramda";
+var index$5 = "";
+function __variableDynamicImportRuntime0__$1(path2) {
+  switch (path2) {
+    case "./icons/attorney.svg":
+      return import("./attorney.js");
+    case "./icons/company.svg":
+      return import("./company.js");
+    case "./icons/individual.svg":
+      return import("./individual.js");
+    default:
+      return new Promise(function(resolve, reject) {
+        (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path2)));
+      });
+  }
+}
+var __vue2_script$k = defineComponent({
+  props: {
+    type: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const iconUrl = ref();
+    watch(() => props.type, (value) => {
+      let iconName = "";
+      switch (value) {
+        case "USERPROFILE":
+          iconName = "individual";
+          break;
+        case "CLIENTPROFILE":
+          iconName = "company";
+          break;
+        default:
+          iconName = "attorney";
+          break;
+      }
+      __variableDynamicImportRuntime0__$1(`./icons/${iconName}.svg`).then((result) => iconUrl.value = result.default);
+    }, { immediate: true });
+    return { iconUrl };
+  }
+});
+var render$k = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("img", { staticClass: "w-6 h-6", attrs: { "src": _vm.iconUrl, "alt": _vm.type } });
+};
+var staticRenderFns$k = [];
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options.render = render2;
+    options.staticRenderFns = staticRenderFns2;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+const __cssModules$k = {};
+var __component__$k = /* @__PURE__ */ normalizeComponent(__vue2_script$k, render$k, staticRenderFns$k, false, __vue2_injectStyles$k, null, null, null);
+function __vue2_injectStyles$k(context) {
+  for (let o in __cssModules$k) {
+    this[o] = __cssModules$k[o];
+  }
+}
+var ProfileTypeIcon = /* @__PURE__ */ function() {
+  return __component__$k.exports;
+}();
+var __vue2_script$j = defineComponent({
+  props: {
+    source: {
+      type: Object,
+      required: true
+    }
+  },
+  components: { ProfileTypeIcon }
+});
+var render$j = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "flex space-x-1 items-center" }, [_c("ProfileTypeIcon", { attrs: { "type": _vm.source.profileType } }), _c("div", { staticClass: "text-secondary" }, [_vm._v(_vm._s(_vm.source.profileName))])], 1);
+};
+var staticRenderFns$j = [];
+const __cssModules$j = {};
+var __component__$j = /* @__PURE__ */ normalizeComponent(__vue2_script$j, render$j, staticRenderFns$j, false, __vue2_injectStyles$j, null, null, null);
+function __vue2_injectStyles$j(context) {
+  for (let o in __cssModules$j) {
+    this[o] = __cssModules$j[o];
+  }
+}
+var ProfileSelectItem = /* @__PURE__ */ function() {
+  return __component__$j.exports;
+}();
+const meQuery = gql`
+  query Me {
+    me {
+      id
+      lawFirmId
+    }
+  }
+`;
+function useMe() {
+  const { result } = useQuery(meQuery, void 0, {
+    fetchPolicy: "cache-first"
+  });
+  return useResult(result);
+}
+const profilesQuery = gql`
+  query ProfileSearch(
+    $lawFirmId: Int!
+    $keywords: String
+    $profileType: String
+    $profileTypeInt: [Int!]
+    $profileIds: [Int!]
+    $isDisabled: Int
+  ) {
+    profileSearch(
+      query: {
+        lawFirmId: $lawFirmId
+        keywords: $keywords
+        profileType: $profileType
+        profileTypeInt: $profileTypeInt
+        profileId: $profileIds
+        isDisabled: $isDisabled
+      }
+    ) {
+      numResult
+      profileList(startIndex: 0, endIndex: 99) {
+        id
+        profileType
+        profileName
+        accountList {
+          id
+          email
+        }
+      }
+    }
+  }
+`;
+const addProfileUserMutation = gql`
+  mutation AddProfileUser(
+    $lawFirmId: Int!
+    $name: String!
+    $profileType: ProfileType
+    $email: String!
+    $sendEmail: Boolean!
+  ) {
+    addProfileUser(
+      selfLawFirmId: $lawFirmId
+      name: $name
+      profileType: $profileType
+      email: $email
+      sendEmail: $sendEmail
+    ) {
+      profile {
+        id
+        profileName
+        profileType
+        accountList {
+          id
+          email
+        }
+      }
+    }
+  }
+`;
+function useCreateProfile() {
+  const me = useMe();
+  const { mutate, loading } = useMutation(addProfileUserMutation);
+  const createProfile = async (variables) => {
+    var _a;
+    const result = await mutate(__spreadProps(__spreadValues({}, variables), {
+      lawFirmId: (_a = me.value) == null ? void 0 : _a.lawFirmId
+    }));
+    return path(["data", "addProfileUser", "profile"], result);
+  };
+  return { createProfile, loading };
+}
+const profileTypes = {
+  USERPROFILE: "Individual",
+  CLIENTPROFILE: "Company",
+  PREPARERPROFILE: "Attorney"
+};
+var __vue2_script$i = defineComponent({
+  props: {
+    value: {
+      type: String
+    },
+    enabledTypes: {
+      type: Array,
+      default: ["USERPROFILE", "CLIENTPROFILE", "PREPARERPROFILE"]
+    }
+  },
+  components: {
+    Select,
+    Option: Select.Option,
+    ProfileTypeIcon
+  },
+  setup(_, { emit }) {
+    const handleChange = (value) => emit("input", value);
+    return { profileTypes, handleChange };
+  }
+});
+var render$i = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("Select", { attrs: { "value": _vm.value }, on: { "change": _vm.handleChange } }, _vm._l(_vm.enabledTypes, function(key) {
+    return _c("Option", { key, attrs: { "value": key } }, [_c("div", { staticClass: "flex items-center space-x-1" }, [_c("ProfileTypeIcon", { attrs: { "type": key } }), _c("div", { staticClass: "text-secondary" }, [_vm._v(_vm._s(_vm.profileTypes[key]))])], 1)]);
+  }), 1);
+};
+var staticRenderFns$i = [];
+const __cssModules$i = {};
+var __component__$i = /* @__PURE__ */ normalizeComponent(__vue2_script$i, render$i, staticRenderFns$i, false, __vue2_injectStyles$i, null, null, null);
+function __vue2_injectStyles$i(context) {
+  for (let o in __cssModules$i) {
+    this[o] = __cssModules$i[o];
+  }
+}
+var ProfileTypeSelect = /* @__PURE__ */ function() {
+  return __component__$i.exports;
+}();
+var __vue2_script$h = defineComponent({
+  props: {
+    enabledTypes: {
+      type: Array,
+      default: () => ["USERPROFILE", "CLIENTPROFILE"]
+    },
+    simpleCreate: {
+      type: Boolean,
+      default: false
+    },
+    profileType: {
+      type: String
+    }
+  },
+  components: {
+    Modal,
+    Form: FormModel,
+    FormItem: FormModel.Item,
+    ProfileTypeSelect,
+    Input,
+    Checkbox
+  },
+  setup(props, { emit }) {
+    const { simpleCreate, profileType } = toRefs(props);
+    const value = reactive({
+      profileType: simpleCreate.value ? profileType == null ? void 0 : profileType.value : void 0,
+      name: "",
+      email: "",
+      sendEmail: false
+    });
+    const hasValidationError = ref(false);
+    const canSubmit = computed(() => {
+      if (simpleCreate.value && value.name)
+        return true;
+      return !(value.name === "" || value.profileType == null || hasValidationError.value);
+    });
+    const rules = {
+      profileType: { required: true },
+      name: { required: true },
+      email: { type: "email" }
+    };
+    const handleValidate = (_, result) => {
+      hasValidationError.value = !result;
+    };
+    const clearValue = () => Object.assign(value, {});
+    const { createProfile, loading } = useCreateProfile();
+    const hide = () => emit("cancel");
+    const handleSubmit = async () => {
+      const profile = await createProfile(value);
+      hide();
+      emit("profile-created", profile);
+    };
+    return {
+      value,
+      rules,
+      clearValue,
+      loading,
+      canSubmit,
+      handleSubmit,
+      handleValidate
+    };
+  }
+});
+var render$h = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("modal", _vm._g(_vm._b({ attrs: { "closable": false, "ok-text": "Create", "width": 320, "okButtonProps": { props: { disabled: !_vm.canSubmit, loading: _vm.loading } } }, on: { "cancel": _vm.clearValue, "ok": _vm.handleSubmit } }, "modal", _vm.$attrs, false), _vm.$listeners), [_c("Form", { attrs: { "layout": "vertical", "validate-trigger": "blur", "model": _vm.value, "rules": _vm.rules }, on: { "validate": _vm.handleValidate } }, [!_vm.simpleCreate ? _c("form-item", { attrs: { "label": "Profile type", "prop": "profileType" } }, [_c("profile-type-select", { attrs: { "enabledTypes": _vm.enabledTypes }, model: { value: _vm.value.profileType, callback: function($$v) {
+    _vm.$set(_vm.value, "profileType", $$v);
+  }, expression: "value.profileType" } })], 1) : _vm._e(), _c("form-item", { class: { "mb-0": _vm.simpleCreate }, attrs: { "label": "Name", "prop": "name" } }, [_c("Input", { model: { value: _vm.value.name, callback: function($$v) {
+    _vm.$set(_vm.value, "name", $$v);
+  }, expression: "value.name" } })], 1), !_vm.simpleCreate ? _c("form-item", { attrs: { "label": "Email", "prop": "email" } }, [_c("Input", { model: { value: _vm.value.email, callback: function($$v) {
+    _vm.$set(_vm.value, "email", $$v);
+  }, expression: "value.email" } })], 1) : _vm._e(), !_vm.simpleCreate ? _c("form-item", [_c("checkbox", { model: { value: _vm.value.sendEmail, callback: function($$v) {
+    _vm.$set(_vm.value, "sendEmail", $$v);
+  }, expression: "value.sendEmail" } }, [_vm._v("Send client portal login password (System will email client a login password)")])], 1) : _vm._e()], 1)], 1);
+};
+var staticRenderFns$h = [];
+const __cssModules$h = {};
+var __component__$h = /* @__PURE__ */ normalizeComponent(__vue2_script$h, render$h, staticRenderFns$h, false, __vue2_injectStyles$h, null, null, null);
+function __vue2_injectStyles$h(context) {
+  for (let o in __cssModules$h) {
+    this[o] = __cssModules$h[o];
+  }
+}
+var ProfileCreateModal = /* @__PURE__ */ function() {
+  return __component__$h.exports;
+}();
+var __vue2_script$g = defineComponent({
+  props: {
+    value: {
+      type: Object
+    },
+    source: {
+      type: Array,
+      required: true
+    },
+    creatable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    Select,
+    Option: Select.Option,
+    Divider,
+    Button,
+    ProfileSelectItem,
+    ProfileCreateModal
+  },
+  setup(props, { emit }) {
+    const selectedId = computed(() => {
+      var _a;
+      return (_a = props.value) == null ? void 0 : _a.id;
+    });
+    const handleChange = (value) => emit("input", props.source.find((v) => String(v.id) == value));
+    const handleProfileCreate = () => emit("create-profile");
+    const filterOption = (val, option) => {
+      if (!option.data.attrs.name)
+        return true;
+      return option.data.attrs.name === "create-btn" || option.data.attrs.name.toUpperCase().includes(val.toUpperCase());
+    };
+    return {
+      filterOption,
+      selectedId,
+      handleChange,
+      handleProfileCreate,
+      menu: {}
+    };
+  }
+});
+var render$g = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("Select", _vm._g(_vm._b({ staticClass: "w-72", attrs: { "allowClear": "", "showSearch": "", "optionFilterProp": "name", "value": _vm.selectedId, "filterOption": _vm.filterOption }, on: { "change": _vm.handleChange } }, "Select", _vm.$attrs, false), _vm.$listeners), [_c("Option", { key: "create-btn", attrs: { "value": "create-btn", "disabled": "", "name": "create-btn" } }, [_c("Button", { staticStyle: { "width": "100%" }, on: { "click": _vm.handleProfileCreate } }, [_vm._v("Create new profile ")]), _vm.creatable ? _c("Divider", { staticClass: "btn-divider" }) : _vm._e()], 1), _vm._l(_vm.source, function(v) {
+    return _c("Option", { key: v.id, attrs: { "value": v.id, "name": v.profileName } }, [_c("ProfileSelectItem", { attrs: { "source": v } })], 1);
+  })], 2);
+};
+var staticRenderFns$g = [];
+var profileSelector_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$g = {};
+var __component__$g = /* @__PURE__ */ normalizeComponent(__vue2_script$g, render$g, staticRenderFns$g, false, __vue2_injectStyles$g, "599bdbb2", null, null);
+function __vue2_injectStyles$g(context) {
+  for (let o in __cssModules$g) {
+    this[o] = __cssModules$g[o];
+  }
+}
+var ProfileSelector = /* @__PURE__ */ function() {
+  return __component__$g.exports;
+}();
+function useProfiles(keywords, onlyRole, roleTypes, profileIds, disabledProfile) {
+  const me = useMe();
+  const isDisabled = computed(() => {
+    if (disabledProfile.value === true) {
+      return 1;
+    } else if (disabledProfile.value === false) {
+      return 0;
+    } else {
+      return void 0;
+    }
+  });
+  const { result, loading } = useQuery(profilesQuery, () => {
+    var _a;
+    return {
+      lawFirmId: (_a = me.value) == null ? void 0 : _a.lawFirmId,
+      keywords: keywords.value,
+      profileType: onlyRole.value,
+      profileTypeInt: roleTypes.value,
+      profileIds: profileIds.value,
+      isDisabled: isDisabled.value
+    };
+  }, () => ({
+    enabled: me.value != null
+  }));
+  const profiles = useResult(result, [], (data) => data.profileSearch.profileList);
+  return { profiles, loading };
+}
+var __vue2_script$f = defineComponent({
+  components: { ProfileSelector, ProfileCreateModal },
+  props: {
+    value: {
+      type: Object
+    },
+    creatable: {
+      type: Boolean,
+      default: false
+    },
+    onlyRole: {
+      type: String
+    },
+    roleTypes: {
+      type: Array,
+      required: true
+    },
+    preLoaded: {
+      type: Array,
+      default: () => []
+    },
+    profileIds: {
+      type: Array
+    },
+    simpleCreate: {
+      type: Boolean,
+      default: false
+    },
+    disabledProfile: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  setup(props, { emit }) {
+    const keywords = ref("");
+    const handleSearch = (value) => keywords.value = value;
+    const { onlyRole, roleTypes, profileIds, disabledProfile } = toRefs(props);
+    const { profiles: rawProfiles } = useProfiles(keywords, onlyRole, roleTypes, profileIds, disabledProfile);
+    const createdProfile = ref();
+    const profiles = computed(() => {
+      const list = [
+        ...props.preLoaded,
+        ...createdProfile.value ? [createdProfile.value, ...rawProfiles.value] : rawProfiles.value
+      ];
+      return uniqBy(prop("id"), list);
+    });
+    const enabledTypes = computed(() => (onlyRole == null ? void 0 : onlyRole.value) ? [onlyRole.value] : void 0);
+    const isModalVisible = ref(false);
+    const toggleModal = (value) => isModalVisible.value = value;
+    const updateValue = (value) => emit("input", value);
+    const handleProfileCreated = (profile) => {
+      createdProfile.value = profile;
+      updateValue(profile);
+    };
+    return {
+      profiles,
+      isModalVisible,
+      toggleModal,
+      enabledTypes,
+      updateValue,
+      handleProfileCreated,
+      keywords,
+      handleSearch
+    };
+  }
+});
+var render$f = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_c("profile-selector", _vm._g(_vm._b({ attrs: { "source": _vm.profiles, "value": _vm.value, "creatable": _vm.creatable }, on: { "search": _vm.handleSearch, "create-profile": function($event) {
+    return _vm.toggleModal(true);
+  }, "input": _vm.updateValue } }, "profile-selector", _vm.$attrs, false), _vm.$listeners)), _vm.creatable ? _c("profile-create-modal", { attrs: { "visible": _vm.isModalVisible, "enabledTypes": _vm.enabledTypes, "simpleCreate": _vm.simpleCreate, "profileType": _vm.simpleCreate ? _vm.onlyRole : void 0 }, on: { "cancel": function($event) {
+    return _vm.toggleModal(false);
+  }, "profile-created": _vm.handleProfileCreated } }) : _vm._e()], 1);
+};
+var staticRenderFns$f = [];
+const __cssModules$f = {};
+var __component__$f = /* @__PURE__ */ normalizeComponent(__vue2_script$f, render$f, staticRenderFns$f, false, __vue2_injectStyles$f, null, null, null);
+function __vue2_injectStyles$f(context) {
+  for (let o in __cssModules$f) {
+    this[o] = __cssModules$f[o];
+  }
+}
+var index$4 = /* @__PURE__ */ function() {
+  return __component__$f.exports;
+}();
+const queryAllCaseTemplates = gql`
+  query AllCaseTemplates($lawFirmId: Int!) {
+    gallery: galleryCaseTemplateList(selfLawFirmId: $lawFirmId) {
+      id
+      isSmart
+      templateName
+      isCompanyRelated
+      isIndividualRelated
+    }
+
+    custom: customCaseTemplateList(selfLawFirmId: $lawFirmId) {
+      id
+      isSmart
+      templateName
+      isCompanyRelated
+      isIndividualRelated
+    }
+  }
+`;
+const compare = (a, b) => {
+  if (a.templateName === b.templateName) {
+    if (a.isSmart && b.isSmart)
+      return 0;
+    return a.isSmart ? 1 : -1;
+  }
+  return a.templateName > b.templateName ? 1 : -1;
+};
+function useCaseTemplates() {
+  const me = useMe();
+  const { result, loading } = useQuery(queryAllCaseTemplates, () => {
+    var _a;
+    return {
+      lawFirmId: (_a = me.value) == null ? void 0 : _a.lawFirmId
+    };
+  }, () => ({
+    enabled: me.value != null
+  }));
+  const templates = useResult(result, {
+    gallery: [],
+    custom: []
+  }, (data) => ({
+    gallery: sort(compare, data.gallery),
+    custom: sort(compare, data.custom)
+  }));
+  return { templates, loading };
+}
+var __vue2_script$e = defineComponent({
+  props: {
+    isSmart: {
+      type: Boolean
+    }
+  },
+  setup() {
+  }
+});
+var render$e = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "border border-solid rounded px-2 leading-5", class: {
+    "text-smart bg-purple border-light-purple": _vm.isSmart,
+    "text-classic bg-blue border-light-blue": !_vm.isSmart
+  } }, [_vm._v(" " + _vm._s(_vm.isSmart ? _vm.$t("message.smart") : _vm.$t("message.classic")) + " ")]);
+};
+var staticRenderFns$e = [];
+const __cssModules$e = {};
+var __component__$e = /* @__PURE__ */ normalizeComponent(__vue2_script$e, render$e, staticRenderFns$e, false, __vue2_injectStyles$e, null, null, null);
+function __vue2_injectStyles$e(context) {
+  for (let o in __cssModules$e) {
+    this[o] = __cssModules$e[o];
+  }
+}
+var CaseTemplateTypeBadge = /* @__PURE__ */ function() {
+  return __component__$e.exports;
+}();
+var __vue2_script$d = defineComponent({
+  props: {
+    source: {
+      type: Object,
+      required: true
+    }
+  },
+  components: { CaseTemplateTypeBadge },
+  setup() {
+    const isShowBeta = (source) => [467, 468, 469, 470, 2814, 2815, 2816, 2817, 2818, 2819, 2820, 2821, 2822, 2823, 2824, 2825, 2826].includes(source.id);
+    return {
+      isShowBeta
+    };
+  }
+});
+var render$d = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "flex space-x-2 items-center" }, [_c("span", [_vm._v(_vm._s(_vm.source.templateName))]), _c("case-template-type-badge", { attrs: { "isSmart": _vm.source.isSmart } }), _vm.isShowBeta(_vm.source) ? _c("span", { staticClass: "beta" }, [_vm._v("Beta")]) : _vm._e()], 1);
+};
+var staticRenderFns$d = [];
+var caseTemplateOption_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$d = {};
+var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "bf8611b6", null, null);
+function __vue2_injectStyles$d(context) {
+  for (let o in __cssModules$d) {
+    this[o] = __cssModules$d[o];
+  }
+}
+var CaseTemplateOption = /* @__PURE__ */ function() {
+  return __component__$d.exports;
+}();
+var __vue2_script$c = defineComponent({
+  props: ["value"],
+  components: {
+    ASelect: Select,
+    AOption: Select.Option,
+    AOptionGroup: Select.OptGroup,
+    CaseTemplateOption
+  },
+  setup(props, { emit }) {
+    const { templates } = useCaseTemplates();
+    const customTemplates = computed(() => {
+      var _a, _b;
+      return (_b = (_a = templates.value) == null ? void 0 : _a.custom) != null ? _b : [];
+    });
+    const galleryTemplates = computed(() => {
+      var _a, _b;
+      return (_b = (_a = templates.value) == null ? void 0 : _a.gallery) != null ? _b : [];
+    });
+    const allTemplates = computed(() => [
+      ...customTemplates.value,
+      ...galleryTemplates.value
+    ]);
+    const isMultiple = computed(() => Array.isArray(props.value));
+    const innerValue = computed(() => {
+      var _a, _b;
+      return isMultiple.value ? (_a = props.value) == null ? void 0 : _a.map(prop("id")) : (_b = props.value) == null ? void 0 : _b.id;
+    });
+    const onChange = (value) => {
+      if (Array.isArray(value)) {
+        const result2 = allTemplates.value.filter((v) => value.includes(v.id));
+        return emit("update:value", result2);
+      }
+      const result = allTemplates.value.find((v) => v.id === value);
+      emit("update:value", result);
+    };
+    const onFilter = (keywords, node) => {
+      var _a, _b, _c, _d;
+      return (_d = (_c = (_b = (_a = node.data) == null ? void 0 : _a.attrs) == null ? void 0 : _b.name) == null ? void 0 : _c.toLowerCase()) == null ? void 0 : _d.includes(keywords.toLowerCase());
+    };
+    return {
+      customTemplates,
+      galleryTemplates,
+      isMultiple,
+      innerValue,
+      onChange,
+      onFilter
+    };
+  }
+});
+var render$c = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("a-select", _vm._b({ staticClass: "min-w-80", attrs: { "allowClear": "", "showSearch": "", "mode": _vm.isMultiple ? "multiple" : "default", "filter-option": _vm.onFilter, "value": _vm.innerValue }, on: { "change": _vm.onChange } }, "a-select", _vm.$attrs, false), [_c("a-option-group", { attrs: { "label": [_vm.$t("message.custom"), _vm.$t("message.templates")].join(" ") } }, _vm._l(_vm.customTemplates, function(v) {
+    return _c("a-option", { key: v.id, attrs: { "value": v.id, "name": v.templateName } }, [_c("CaseTemplateOption", { attrs: { "source": v } })], 1);
+  }), 1), _c("a-option-group", { attrs: { "label": [_vm.$t("message.gallery"), _vm.$t("message.templates")].join(" ") } }, _vm._l(_vm.galleryTemplates, function(v) {
+    return _c("a-option", { key: v.id, attrs: { "value": v.id, "name": v.templateName } }, [_c("CaseTemplateOption", { attrs: { "source": v } })], 1);
+  }), 1)], 1);
+};
+var staticRenderFns$c = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+const __cssModules$c = {};
+var __component__$c = /* @__PURE__ */ normalizeComponent(__vue2_script$c, render$c, staticRenderFns$c, false, __vue2_injectStyles$c, "149d121e", null, null);
+function __vue2_injectStyles$c(context) {
+  for (let o in __cssModules$c) {
+    this[o] = __cssModules$c[o];
+  }
+}
+var index$3 = /* @__PURE__ */ function() {
+  return __component__$c.exports;
+}();
+function __variableDynamicImportRuntime0__(path2) {
+  switch (path2) {
+    case "../languages/ar.ts":
+      return import("./ar.js");
+    case "../languages/ar2.ts":
+      return import("./ar2.js");
+    case "../languages/ar3.ts":
+      return import("./ar3.js");
+    case "../languages/ben.ts":
+      return import("./ben.js");
+    case "../languages/ben2.ts":
+      return import("./ben2.js");
+    case "../languages/ben3.ts":
+      return import("./ben3.js");
+    case "../languages/ch.ts":
+      return import("./ch.js");
+    case "../languages/ch2.ts":
+      return import("./ch2.js");
+    case "../languages/ch3.ts":
+      return import("./ch3.js");
+    case "../languages/en.ts":
+      return import("./en.js");
+    case "../languages/en2.ts":
+      return import("./en2.js");
+    case "../languages/en3.ts":
+      return import("./en3.js");
+    case "../languages/es.ts":
+      return import("./es.js");
+    case "../languages/es2.ts":
+      return import("./es2.js");
+    case "../languages/es3.ts":
+      return import("./es3.js");
+    case "../languages/fa.ts":
+      return import("./fa.js");
+    case "../languages/fa2.ts":
+      return import("./fa2.js");
+    case "../languages/fa3.ts":
+      return import("./fa3.js");
+    case "../languages/fr.ts":
+      return import("./fr.js");
+    case "../languages/fr2.ts":
+      return import("./fr2.js");
+    case "../languages/fr3.ts":
+      return import("./fr3.js");
+    case "../languages/hi.ts":
+      return import("./hi.js");
+    case "../languages/hi2.ts":
+      return import("./hi2.js");
+    case "../languages/hi3.ts":
+      return import("./hi3.js");
+    case "../languages/ht.ts":
+      return import("./ht.js");
+    case "../languages/ht2.ts":
+      return import("./ht2.js");
+    case "../languages/ht3.ts":
+      return import("./ht3.js");
+    case "../languages/hy.ts":
+      return import("./hy.js");
+    case "../languages/hy2.ts":
+      return import("./hy2.js");
+    case "../languages/hy3.ts":
+      return import("./hy3.js");
+    case "../languages/jp.ts":
+      return import("./jp.js");
+    case "../languages/jp2.ts":
+      return import("./jp2.js");
+    case "../languages/jp3.ts":
+      return import("./jp3.js");
+    case "../languages/ko.ts":
+      return import("./ko.js");
+    case "../languages/ko2.ts":
+      return import("./ko2.js");
+    case "../languages/ko3.ts":
+      return import("./ko3.js");
+    case "../languages/nep.ts":
+      return import("./nep.js");
+    case "../languages/nep2.ts":
+      return import("./nep2.js");
+    case "../languages/nep3.ts":
+      return import("./nep3.js");
+    case "../languages/pt.ts":
+      return import("./pt.js");
+    case "../languages/pt2.ts":
+      return import("./pt2.js");
+    case "../languages/pt3.ts":
+      return import("./pt3.js");
+    case "../languages/ru.ts":
+      return import("./ru.js");
+    case "../languages/ru2.ts":
+      return import("./ru2.js");
+    case "../languages/ru3.ts":
+      return import("./ru3.js");
+    case "../languages/tr.ts":
+      return import("./tr.js");
+    case "../languages/tr2.ts":
+      return import("./tr2.js");
+    case "../languages/tr3.ts":
+      return import("./tr3.js");
+    default:
+      return new Promise(function(resolve, reject) {
+        (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path2)));
+      });
+  }
+}
+const loaded = new Map();
+async function getLanguageMessage(lang) {
+  if (!loaded.has(lang)) {
+    const { default: message2 } = await __variableDynamicImportRuntime0__(`../languages/${lang}.ts`);
+    loaded.set(lang, message2);
+  }
+  return loaded.get(lang);
+}
+const createForm = (form) => form;
+var GlueRoleType;
+(function(GlueRoleType2) {
+  GlueRoleType2[GlueRoleType2["USERPROFILE"] = 0] = "USERPROFILE";
+  GlueRoleType2[GlueRoleType2["CLIENTPROFILE"] = 1] = "CLIENTPROFILE";
+  GlueRoleType2[GlueRoleType2["PREPARERPROFILE"] = 2] = "PREPARERPROFILE";
+})(GlueRoleType || (GlueRoleType = {}));
+var g28Company = createForm({
+  displayName: "G-28-Company",
+  roles: {
+    Petitioner: [GlueRoleType.CLIENTPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var g28Person = createForm({
+  displayName: "G-28-Person",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var g325A = createForm({
+  displayName: "G-325A",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE]
+  }
+});
+var g639 = createForm({
+  displayName: "G-639",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var g1145 = createForm({
+  displayName: "G-1145",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var g1450 = createForm({
+  displayName: "G-1450",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE]
+  }
+});
+var i129Attachment = createForm({
+  displayName: "I-129 Attachment",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE]
+  }
+});
+var i129TAS = createForm({
+  displayName: "I-129 Trade Agreement Supplement",
+  roles: {
+    Petitioner: [GlueRoleType.CLIENTPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i129HS = createForm({
+  displayName: "I-129 with H Supplement-Company Petitioner",
+  roles: {
+    Petitioner: [GlueRoleType.CLIENTPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i130 = createForm({
+  displayName: "I-130",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i130A = createForm({
+  displayName: "I-130A",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i131 = createForm({
+  displayName: "I-131",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i134 = createForm({
+  displayName: "I-134",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i192 = createForm({
+  displayName: "I-192",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i360 = createForm({
+  displayName: "I-360",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Petitioner: [GlueRoleType.USERPROFILE, GlueRoleType.CLIENTPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i485 = createForm({
+  displayName: "I-485",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i485A = createForm({
+  displayName: "I-485A",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i485J = createForm({
+  displayName: "I-485J",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Petitioner: [GlueRoleType.USERPROFILE, GlueRoleType.CLIENTPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i508 = createForm({
+  displayName: "I-508",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i539 = createForm({
+  displayName: "I-539",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i539A = createForm({
+  displayName: "I-539A",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i589 = createForm({
+  displayName: "I-589",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i601A = createForm({
+  displayName: "I-601A",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i765 = createForm({
+  displayName: "I-765",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i864 = createForm({
+  displayName: "I-864",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i864A = createForm({
+  displayName: "I-864A",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i864EZ = createForm({
+  displayName: "I-864EZ",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i864W = createForm({
+  displayName: "I-864W",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i907 = createForm({
+  displayName: "I-907",
+  roles: {
+    Petitioner: [GlueRoleType.CLIENTPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i918 = createForm({
+  displayName: "I-918",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i918A = createForm({
+  displayName: "I-918A",
+  roles: {
+    Petitioner: [GlueRoleType.USERPROFILE],
+    Beneficiary: [GlueRoleType.USERPROFILE],
+    Preparer: [GlueRoleType.PREPARERPROFILE]
+  }
+});
+var i918B = createForm({
+  displayName: "I-918B",
+  roles: {
+    Beneficiary: [GlueRoleType.USERPROFILE]
+  }
+});
+const formRecords = {
+  g28Company,
+  g28Person,
+  g325A,
+  g639,
+  g1145,
+  g1450,
+  i129Attachment,
+  i129TAS,
+  i129HS,
+  i130,
+  i130A,
+  i131,
+  i134,
+  i192,
+  i360,
+  i485,
+  i485A,
+  i485J,
+  i508,
+  i539,
+  i539A,
+  i589,
+  i601A,
+  i765,
+  i864,
+  i864A,
+  i864EZ,
+  i864W,
+  i907,
+  i918,
+  i918A,
+  i918B
+};
+var index$2 = Object.values(formRecords);
+const acceptableFormats = [
+  ".rar",
+  ".zip",
+  ".doc",
+  ".pdf",
+  ".docx",
+  ".jpg",
+  ".jpeg",
+  ".png"
+];
+var __vue2_script$b = defineComponent({
+  name: "aFileUploader",
+  components: { AntUpload: Upload, AntTag: Tag, AntModal: Modal, AntIcon: Icon },
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+    uploadFilesFunc: {
+      type: Function,
+      required: true
+    },
+    disabled: {
+      type: Boolean
+    },
+    previewMode: {
+      type: Boolean,
+      default: false
+    },
+    multipleLineMode: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { emit }) {
+    const me = useMe();
+    const loading = ref(false);
+    const changeVal = (k, v) => {
+      emit("change", __spreadProps(__spreadValues({}, props.value), {
+        [k]: v
+      }));
+    };
+    const remove = (id) => {
+      emit("change", props.value.filter((v) => v.id !== id));
+    };
+    const beforeUpload = (file, files) => {
+      var _a, _b;
+      if (loading.value)
+        return false;
+      loading.value = true;
+      props.uploadFilesFunc(files, {
+        office_id: (_a = me.value) == null ? void 0 : _a.lawFirmId,
+        user_id: (_b = me.value) == null ? void 0 : _b.id
+      }).then((res) => {
+        emit("change", [
+          ...props.value,
+          ...res.map(({ status, value }) => {
+            if (status === "fulfilled") {
+              return value;
+            }
+          }).filter((v) => v)
+        ]);
+      }).finally(() => {
+        loading.value = false;
+      });
+      return false;
+    };
+    const previewImage = ref();
+    const typeOf = (filename) => {
+      if (/\.(gif|jpe?g|png)$/i.test(filename)) {
+        return "img";
+      } else if (/\.docx?$/i.test(filename)) {
+        return "doc";
+      } else if (/\.pdf$/i.test(filename)) {
+        return "pdf";
+      }
+      return "other";
+    };
+    const icons = {
+      img: "picture",
+      pdf: "file-pdf",
+      doc: "file-word",
+      other: "download"
+    };
+    const isImage = (file) => typeOf(file.name) === "img";
+    const iconOf = (fileName) => icons[typeOf(fileName)];
+    const clickItem = (item, event) => {
+      if (!isImage(item)) {
+        return;
+      }
+      event.preventDefault();
+      previewImage.value = item.link;
+    };
+    return {
+      iconOf,
+      previewImage,
+      clickItem,
+      changeVal,
+      remove,
+      beforeUpload,
+      loading,
+      acceptableFormats
+    };
+  }
+});
+var render$b = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { class: { container: !_vm.previewMode && !_vm.multipleLineMode } }, [_c("ant-modal", { attrs: { "visible": !!_vm.previewImage, "footer": null }, on: { "cancel": function($event) {
+    _vm.previewImage = null;
+  } } }, [_c("img", { staticStyle: { "width": "100%" }, attrs: { "src": _vm.previewImage } })]), _c("ant-upload", { staticStyle: { "display": "inline" }, attrs: { "multiple": "", "before-upload": _vm.beforeUpload, "disabled": _vm.disabled || _vm.loading, "action": "javascript:;", "fileList": [], "accept": _vm.acceptableFormats.join(",") } }, [!_vm.previewMode ? _c("ant-tag", [_vm._v(" " + _vm._s(_vm.$t("message.selectFile")) + " ")]) : _vm._e(), _vm.value.length ? [_vm.multipleLineMode ? _c("div", _vm._l(_vm.value, function(file) {
+    return _c("div", { key: file.id, staticStyle: { "margin-top": "3px" } }, [_c("a", { staticStyle: { "color": "#2D8CF0" }, attrs: { "href": file.link, "target": "_blank" }, on: { "click": function($event) {
+      $event.stopPropagation();
+      return _vm.clickItem(file, $event);
+    } } }, [_vm._v(" " + _vm._s(file.name) + " "), _c("a-icon", { attrs: { "type": _vm.iconOf(file.name) } })], 1), !_vm.disabled ? _c("a-icon", { attrs: { "type": "close" }, on: { "click": function($event) {
+      $event.stopPropagation();
+      return _vm.remove(file.id);
+    } } }) : _vm._e()], 1);
+  }), 0) : _c("div", { staticStyle: { "display": "inline-block" } }, _vm._l(_vm.value, function(file) {
+    return _c("ant-tag", { key: file.id, attrs: { "closable": !_vm.previewMode && !_vm.disabled }, on: { "close": function($event) {
+      return _vm.remove(file.id);
+    } } }, [_c("a", { staticStyle: { "color": "#111" }, attrs: { "href": file.link, "target": "_blank" }, on: { "click": function($event) {
+      $event.stopPropagation();
+      return _vm.clickItem(file, $event);
+    } } }, [_vm._v(" " + _vm._s(file.name) + " ")])]);
+  }), 1)] : !_vm.previewMode ? _c("span", { class: { block: _vm.multipleLineMode }, staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.acceptableFormats.join(" ")))]) : _vm._e()], 2)], 1);
+};
+var staticRenderFns$b = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+const __cssModules$b = {};
+var __component__$b = /* @__PURE__ */ normalizeComponent(__vue2_script$b, render$b, staticRenderFns$b, false, __vue2_injectStyles$b, "1c53738a", null, null);
+function __vue2_injectStyles$b(context) {
+  for (let o in __cssModules$b) {
+    this[o] = __cssModules$b[o];
+  }
+}
+var AFileUploader = /* @__PURE__ */ function() {
+  return __component__$b.exports;
+}();
+var AssigneeTypes;
+(function(AssigneeTypes2) {
+  AssigneeTypes2[AssigneeTypes2["EMPTY_DEFAULT"] = 4] = "EMPTY_DEFAULT";
+  AssigneeTypes2[AssigneeTypes2["BENEFICIARY"] = 1] = "BENEFICIARY";
+  AssigneeTypes2[AssigneeTypes2["PETITIONER"] = 2] = "PETITIONER";
+  AssigneeTypes2[AssigneeTypes2["ATTORNEY"] = 3] = "ATTORNEY";
+})(AssigneeTypes || (AssigneeTypes = {}));
+var AssigneeTypesText;
+(function(AssigneeTypesText2) {
+  AssigneeTypesText2["EMPTY_DEFAULT"] = "message.none";
+  AssigneeTypesText2["BENEFICIARY"] = "message.beneficiary";
+  AssigneeTypesText2["PETITIONER"] = "message.petitioner";
+  AssigneeTypesText2["ATTORNEY"] = "message.attorney";
+})(AssigneeTypesText || (AssigneeTypesText = {}));
+var SortOrder;
+(function(SortOrder2) {
+  SortOrder2["default"] = "DEFAULT";
+  SortOrder2["desc"] = "DESC";
+  SortOrder2["asc"] = "ASC";
+})(SortOrder || (SortOrder = {}));
+var ResponseCode;
+(function(ResponseCode2) {
+  ResponseCode2["success"] = "SUCCESS";
+  ResponseCode2["failed"] = "FAILED";
+})(ResponseCode || (ResponseCode = {}));
+var __vue2_script$a = defineComponent({
+  components: {
+    AntTag: Tag
+  },
+  props: {
+    assigneeType: {
+      type: String
+    }
+  },
+  setup() {
+    const tagColor = (key) => ["cyan", "orange", "blue", "purple"][AssigneeTypes[key]];
+    return {
+      AssigneeTypesText,
+      tagColor
+    };
+  }
+});
+var render$a = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("ant-tag", { attrs: { "color": _vm.tagColor(_vm.assigneeType || "EMPTY_DEFAULT") } }, [_vm._v(" " + _vm._s(_vm.$t(_vm.AssigneeTypesText[_vm.assigneeType])) + " ")]);
+};
+var staticRenderFns$a = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
+const __cssModules$a = {};
+var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "3f69c61c", null, null);
+function __vue2_injectStyles$a(context) {
+  for (let o in __cssModules$a) {
+    this[o] = __cssModules$a[o];
+  }
+}
+var AssigneeTag = /* @__PURE__ */ function() {
+  return __component__$a.exports;
+}();
+var __vue2_script$9 = defineComponent({
+  name: "index",
+  components: {
+    AntTooltip: Tooltip
+  },
+  props: {
+    placement: {
+      type: String,
+      default: "left"
+    },
+    tags: {
+      type: Array
+    },
+    maxWidth: {
+      type: Number,
+      default: 100
+    }
+  }
+});
+var render$9 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("ant-tooltip", { attrs: { "placement": _vm.placement, "title": _vm.tags ? _vm.tags.join(", ") : "-" } }, [_c("div", { staticClass: "tags-container", style: "max-width:" + _vm.maxWidth + "px" }, [_c("span", [_vm._v(_vm._s(_vm.tags ? _vm.tags.join(", ") : "-"))])])]);
+};
+var staticRenderFns$9 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "18554545", null, null);
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
+  }
+}
+var TagsWithTooltip = /* @__PURE__ */ function() {
+  return __component__$9.exports;
+}();
+var TaskTypes;
+(function(TaskTypes2) {
+  TaskTypes2["clientUpload"] = "Client Upload";
+  TaskTypes2["clientReview"] = "For Client Review";
+  TaskTypes2["worksheet"] = "Worksheet";
+})(TaskTypes || (TaskTypes = {}));
+var StepType;
+(function(StepType2) {
+  StepType2["worksheetForEmployeeEmployer"] = "WORKSHEET_FOR_EMPLOYEE_EMPLOYER";
+  StepType2["beneficiary"] = "BENEFICIARY";
+  StepType2["petitioner"] = "PETITIONER";
+  StepType2["billing"] = "BILLING";
+  StepType2["overseas"] = "OVERSEAS";
+  StepType2["supplement"] = "SUPPLEMENT";
+  StepType2["worksheetForAttorney"] = "WORKSHEET_FOR_ATTORNEY";
+  StepType2["counterReviewAndSign"] = "COUNTER_REVIEW_AND_SIGN";
+  StepType2["attorney"] = "ATTORNEY";
+})(StepType || (StepType = {}));
+var TaskTemplateSortBy;
+(function(TaskTemplateSortBy2) {
+  TaskTemplateSortBy2["default"] = "DEFAULT";
+  TaskTemplateSortBy2["id"] = "TASKTEMPLATEID";
+  TaskTemplateSortBy2["name"] = "TASKNAME";
+  TaskTemplateSortBy2["type"] = "TASKTYPE";
+  TaskTemplateSortBy2["isEmployee"] = "ISEMPLOYEE";
+})(TaskTemplateSortBy || (TaskTemplateSortBy = {}));
+var useChangeVal = (props, emit) => (k, v) => {
+  console.log(k, v);
+  emit("update:value", __spreadProps(__spreadValues({}, props.value), {
+    [k]: v
+  }));
+};
+var refactorParams = (record) => {
+  var _a;
+  return {
+    id: record.id,
+    sampleDocList: ((_a = record.sampleDocs) == null ? void 0 : _a.map(({ id }) => id)) || [],
+    taskName: record.taskName,
+    isEmployee: record.isEmployee || AssigneeTypes[AssigneeTypes.EMPTY_DEFAULT],
+    generalTaskType: record.generalTaskType,
+    descriptions: record.descriptions,
+    tagList: record.tagList
+  };
+};
+const roles = [
+  {
+    id: AssigneeTypes.BENEFICIARY,
+    key: "BENEFICIARY",
+    i18nKey: "beneficiary"
+  },
+  {
+    id: AssigneeTypes.PETITIONER,
+    key: "PETITIONER",
+    i18nKey: "petitioner"
+  },
+  {
+    id: AssigneeTypes.ATTORNEY,
+    key: "ATTORNEY",
+    i18nKey: "attorney"
+  },
+  {
+    id: AssigneeTypes.EMPTY_DEFAULT,
+    key: "EMPTY_DEFAULT",
+    i18nKey: "none",
+    hide: true
+  }
+];
+var __vue2_script$8 = defineComponent({
+  name: "index",
+  components: {
+    AntForm: Form,
+    AntFormItem: Form.Item,
+    AntRow: Row,
+    AntCol: Col,
+    AntSelect: Select,
+    AntSelectOption: Select.Option,
+    AntRadioGroup: Radio.Group,
+    AntRadio: Radio,
+    AntTextarea: Input.TextArea,
+    AntInput: Input,
+    AFileUploader
+  },
+  props: {
+    value: {
+      type: Object,
+      required: true
+    },
+    uploadFilesFunc: {
+      type: Function,
+      required: true
+    },
+    disabled: {
+      type: Boolean
+    }
+  },
+  setup(props, { emit }) {
+    const nameError = ref(false);
+    const typeError = ref(false);
+    const nameErrorContent = ref("message.required");
+    const changeVal = useChangeVal(props, emit);
+    const validFields = (callback) => {
+      var _a;
+      const data = refactorParams(props.value);
+      if (!data.taskName) {
+        nameError.value = true;
+        nameErrorContent.value = "message.required";
+      } else if (((_a = data.taskName) == null ? void 0 : _a.length) > 150) {
+        nameError.value = true;
+        nameErrorContent.value = "message.moreThan150";
+      }
+      typeError.value = !data.generalTaskType;
+      callback(!nameError.value && !typeError.value, data, {
+        nameError,
+        typeError
+      });
+    };
+    watch(() => props.value.taskName, (val) => {
+      nameError.value = !val;
+    });
+    const isAttorneySelected = computed(() => props.value.isEmployee === AssigneeTypes[AssigneeTypes.ATTORNEY]);
+    watch(() => isAttorneySelected.value, (selected) => {
+      if (selected) {
+        if (props.value.generalTaskType !== TaskTypes.worksheet) {
+          changeVal("generalTaskType", TaskTypes.clientUpload);
+        }
+      }
+    });
+    return {
+      typeError,
+      nameError,
+      changeVal,
+      validFields,
+      TaskTypes,
+      roles,
+      isAttorneySelected,
+      nameErrorContent
+    };
+  }
+});
+var render$8 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  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: { "required": "", "name": "taskName", "label": _vm.$t("message.taskName"), "help": _vm.nameError ? _vm.$t(_vm.nameErrorContent) : 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: { "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: { "required": "", "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) : _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: { "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: { "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, "55282ee4", null, null);
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
+  }
+}
+var TaskForm = /* @__PURE__ */ function() {
+  return __component__$8.exports;
+}();
+var __vue2_script$7 = defineComponent({
+  name: "NewTask",
+  components: {
+    AFileUploader,
+    TaskForm,
+    AntModal: Modal,
+    AntCheckbox: Checkbox,
+    AntButton: Button,
+    AntPopconfirm: Popconfirm
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: Object,
+      required: true
+    },
+    showSendEmail: {
+      type: Boolean,
+      default: false
+    },
+    showAddToList: {
+      type: Boolean,
+      default: false
+    },
+    uploadFilesFunc: {
+      type: Function,
+      required: true
+    },
+    userId: {
+      type: String,
+      required: true
+    },
+    lawFirmId: {
+      type: Number,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    hasDoubleConfirm: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const taskForm = ref();
+    const changeVisible = (visible) => {
+      emit("update:visible", visible);
+    };
+    const nameError = ref(false);
+    const typeError = ref(false);
+    const changeVal = useChangeVal(props, emit);
+    const submit2 = () => {
+      taskForm.value.validFields((passed, ts) => {
+        if (passed) {
+          const data = {
+            taskTemplateObj: __spreadProps(__spreadValues({}, ts), {
+              taskType: props.value.taskTemplateObj.taskType,
+              tagList: ts.tagList || [],
+              descriptions: ts.descriptions || ""
+            }),
+            selfUserId: props.userId,
+            selfLawFirmId: props.lawFirmId,
+            taskTemplateId: ts.id,
+            isAddedToTask: props.value.isAddedToTask || false,
+            isNotified: props.value.isNotified || false
+          };
+          emit("submit", data);
+        }
+      });
+    };
+    const updateFormValue = (record) => {
+      const data = {
+        taskTemplateId: record.id,
+        selfUserId: props.userId,
+        selfLawFirmId: props.lawFirmId,
+        isAddedToTask: props.value.isAddedToTask,
+        isNotified: props.value.isNotified,
+        taskTemplateObj: __spreadProps(__spreadValues({}, record), {
+          isEmployee: record.isEmployee
+        })
+      };
+      emit("update:value", data);
+    };
+    return {
+      submit: submit2,
+      taskForm,
+      changeVisible,
+      changeVal,
+      AFileUploader,
+      TaskTypes,
+      nameError,
+      typeError,
+      updateFormValue
+    };
+  }
+});
+var render$7 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("ant-modal", { attrs: { "id": "venus-component-new-task", "visible": _vm.visible, "title": _vm.value.taskTemplateObj.id ? _vm.$t("message.editTask") : _vm.$t("message.newTask"), "width": "700px" }, on: { "cancel": function($event) {
+    return _vm.changeVisible(false);
+  } }, scopedSlots: _vm._u([{ key: "footer", fn: function() {
+    return [_c("div", { staticClass: "footer" }, [_vm.showSendEmail ? _c("div", { staticStyle: { "float": "left", "padding-top": "5px", "padding-left": "10px" } }, [_c("ant-checkbox", { attrs: { "checked": _vm.value.isNotified }, on: { "change": function($event) {
+      return _vm.changeVal("isNotified", $event.target.checked);
+    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.sendTaskEmail")) + " ")])], 1) : _vm._e(), _c("div", [_vm.hasDoubleConfirm ? _c("ant-popconfirm", { attrs: { "title": _vm.$t("message.updateTaskConfirm"), "placement": "top" }, on: { "confirm": _vm.submit } }, [_c("ant-button", { attrs: { "loading": _vm.loading, "type": "primary" } }, [_vm._v(_vm._s(_vm.$t("message.submit")) + " ")])], 1) : _c("ant-button", { attrs: { "loading": _vm.loading, "type": "primary" }, on: { "click": _vm.submit } }, [_vm._v(_vm._s(_vm.$t("message.submit")) + " ")]), _c("ant-button", { on: { "click": function($event) {
+      return _vm.changeVisible(false);
+    } } }, [_vm._v(_vm._s(_vm.$t("message.cancel")) + " ")])], 1)])];
+  }, proxy: true }]) }, [_c("task-form", { ref: "taskForm", attrs: { "upload-files-func": _vm.uploadFilesFunc, "law-firm-id": _vm.lawFirmId, "user-id": _vm.userId, "value": _vm.value.taskTemplateObj }, on: { "update:value": _vm.updateFormValue } }), _vm.showAddToList ? _c("ant-checkbox", { attrs: { "checked": _vm.value.isAddedToTask }, on: { "change": function($event) {
+    return _vm.changeVal("isAddedToTask", $event.target.checked);
+  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.addToTaskList")) + " ")]) : _vm._e()], 1);
+};
+var staticRenderFns$7 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "554f679c", null, null);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
+  }
+}
+var NewTask = /* @__PURE__ */ function() {
+  return __component__$7.exports;
+}();
+var __vue2_script$6 = defineComponent({
+  name: "taskTemplateFilter",
+  components: {
+    AntInput: Input,
+    AntButton: Button,
+    AntCheckbox: Checkbox,
+    AntCheckboxGroup: Checkbox.Group
+  },
+  props: {
+    conditions: {
+      type: Object,
+      required: true
+    },
+    showTaskSettingLink: {
+      type: Boolean,
+      default: true
+    },
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: Number,
+      default: 300
+    },
+    showNewBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const changeVal = (key, val) => {
+      const data = __spreadProps(__spreadValues({}, props.conditions), {
+        [key]: val
+      });
+      if (key === "isEmployee" && val.length === 0) {
+        data.isEmployee = [AssigneeTypes.EMPTY_DEFAULT];
+      }
+      emit("update:conditions", data);
+    };
+    return {
+      AssigneeTypes,
+      changeVal
+    };
+  }
+});
+var render$6 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "filter mb-5" }, [_c("ant-input", { style: "width:" + _vm.width + "px", attrs: { "value": _vm.conditions.keywords, "placeholder": _vm.$t("message.searchTaskPlaceholder") }, on: { "input": function($event) {
+    return _vm.changeVal("keywords", $event.target.value);
+  } }, scopedSlots: _vm._u([{ key: "suffix", fn: function() {
+    return void 0;
+  }, proxy: true }]) }), _vm.showNewBtn ? _c("ant-button", { class: { taskTemplateInline: _vm.inline }, staticStyle: { "margin-left": "20px", "float": "right" }, on: { "click": function($event) {
+    return _vm.$emit("update:newTaskVisible", true);
+  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.newTask")) + " ")]) : _vm._e(), _vm.showTaskSettingLink ? _c("a", { class: { taskTemplateInline: _vm.inline }, staticStyle: { "float": "right", "margin-top": "5px", "color": "dodgerblue !important" }, attrs: { "href": "/task-templates", "target": "_blank" } }, [_vm._v(" " + _vm._s(_vm.$t("message.taskSetting")) + " ")]) : _vm._e(), _c("div", { class: { taskTemplateInline: _vm.inline }, staticStyle: { "margin-top": "20px" } }, [_c("ant-checkbox-group", { attrs: { "value": _vm.conditions.isEmployee }, on: { "change": function($event) {
+    return _vm.changeVal("isEmployee", $event);
+  } } }, [_c("ant-checkbox", { attrs: { "value": _vm.AssigneeTypes.ATTORNEY } }, [_vm._v(_vm._s(_vm.$t("message.attorney")) + " ")]), _c("ant-checkbox", { attrs: { "value": _vm.AssigneeTypes.BENEFICIARY } }, [_vm._v(_vm._s(_vm.$t("message.beneficiary")) + " ")]), _c("ant-checkbox", { attrs: { "value": _vm.AssigneeTypes.PETITIONER } }, [_vm._v(_vm._s(_vm.$t("message.petitioner")) + " ")]), _c("ant-checkbox", { attrs: { "value": _vm.AssigneeTypes.EMPTY_DEFAULT } }, [_vm._v(_vm._s(_vm.$t("message.none")) + " ")])], 1)], 1)], 1);
+};
+var staticRenderFns$6 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "c5d917d8", null, null);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
+  }
+}
+var TaskTemplateFilter = /* @__PURE__ */ function() {
+  return __component__$6.exports;
+}();
+function useVm() {
+  const scope = getCurrentScope();
+  return scope.vm;
+}
+function useT() {
+  const vm = useVm();
+  return (key) => vm.$i18n.t(key);
+}
+var __vue2_script$5 = defineComponent({
+  name: "TaskTablePure",
+  components: {
+    AntTable: Table,
+    AntButton: Button,
+    AssigneeTag,
+    TagsWithTooltip
+  },
+  props: {
+    addedTasks: {
+      type: Array,
+      required: true
+    },
+    dataSource: {
+      type: Array,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    pagination: {
+      type: Object,
+      required: true
+    },
+    noEdit: {
+      type: Boolean,
+      default: false
+    },
+    showEdit: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const { addedTasks } = toRefs(props);
+    const t = useT();
+    const columns = [
+      {
+        title: t("message.taskName"),
+        dataIndex: "taskName",
+        key: "taskName",
+        scopedSlots: { customRender: "taskName" }
+      },
+      {
+        title: t("message.assignee"),
+        dataIndex: "isEmployee",
+        key: "isEmployee",
+        width: 120,
+        scopedSlots: { customRender: "isEmployee" }
+      },
+      {
+        title: t("message.tag"),
+        dataIndex: "tagList",
+        key: "tagList",
+        width: 120,
+        scopedSlots: { customRender: "tagList" }
+      },
+      {
+        title: "Operation",
+        dataIndex: "id",
+        key: "id",
+        width: 210,
+        scopedSlots: { customRender: "operation" }
+      }
+    ];
+    const isTemplateAdded = (record) => addedTasks.value.some((added) => added.id === record.id);
+    return {
+      isTemplateAdded,
+      columns
+    };
+  }
+});
+var render$5 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_c("ant-table", { attrs: { "size": "middle", "dataSource": _vm.dataSource, "rowKey": "id", "columns": _vm.columns, "pagination": _vm.pagination, "loading": _vm.loading }, on: { "change": function($event) {
+    return _vm.$emit("changePagination", $event);
+  } }, scopedSlots: _vm._u([{ key: "isEmployee", fn: function(isEmployee) {
+    return _c("span", {}, [_c("assignee-tag", { attrs: { "assignee-type": isEmployee } })], 1);
+  } }, { key: "taskName", fn: function(taskName) {
+    return _c("span", {}, [_c("span", { staticStyle: { "word-break": "break-word" } }, [_vm._v(_vm._s(taskName))])]);
+  } }, { key: "tagList", fn: function(tags) {
+    return [_c("tags-with-tooltip", { attrs: { "tags": tags } })];
+  } }, { key: "operation", fn: function(_, record) {
+    return [record.isGallery ? _c("span", { staticStyle: { "width": "82px", "display": "inline-block", "color": "#999" } }, [_vm._v(" Preset ")]) : _vm.showEdit ? _c("ant-button", { staticClass: "mr-2", attrs: { "disabled": _vm.isTemplateAdded(record), "size": "small" }, on: { "click": function($event) {
+      return _vm.$emit("editTask", record);
+    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.editTask")) + " ")]) : _vm._e(), _vm.isTemplateAdded(record) ? _c("ant-button", { staticStyle: { "width": "70px" }, attrs: { "size": "small", "type": "danger" }, on: { "click": function($event) {
+      return _vm.$emit("removeTask", record);
+    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.remove")) + " ")]) : _c("ant-button", { staticStyle: { "width": "70px" }, attrs: { "size": "small", "type": "primary" }, on: { "click": function($event) {
+      return _vm.$emit("addTask", record);
+    } } }, [_vm._v(" " + _vm._s(_vm.$t("message.add")) + " ")])];
+  } }]) })], 1);
+};
+var staticRenderFns$5 = [];
+var TaskTablePure_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "3272d34e", null, null);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
+  }
+}
+var TaskTablePure = /* @__PURE__ */ function() {
+  return __component__$5.exports;
+}();
+var useSearchTaskTemplates = (pagination, conditions = ref({}), lawFirmId, withGallery = true) => {
+  const startIndex = computed(() => (pagination.value.current - 1) * pagination.value.pageSize);
+  const endIndex = computed(() => startIndex.value + pagination.value.pageSize);
+  watch(() => conditions.value, () => {
+    pagination.value.current = 1;
+    pagination.value.total = 0;
+  });
+  return useQuery(SearchTaskTemplatesQuery, () => ({
+    query: {
+      includeGallery: withGallery,
+      keywords: conditions.value.keywords || "",
+      isEmployee: conditions.value.isEmployee,
+      taskTemplateId: conditions.value.taskTemplateId,
+      sortBy: TaskTemplateSortBy.name,
+      sortOrder: SortOrder.asc
+    },
+    startIndex: startIndex.value,
+    endIndex: endIndex.value,
+    lawFirmId
+  }));
+};
+const taskTemplateFragment = gql`
+    fragment taskTemplate on TaskTemplate {
+        id
+        taskName
+        tagList
+        isEmployee
+        taskType
+        generalTaskType
+        descriptions
+        sampleDocs {
+            id
+            name
+            link
+        }
+        sampleDocList
+        updatedUser{
+            id
+            name
+        }
+        updatedOn
+    }
+`;
+const SearchTaskTemplatesQuery = gql`
+    query taskTemplateSearch(
+        $query: TaskTemplateFilterInput!
+        $startIndex: Int
+        $endIndex: Int
+        $lawFirmId: Int!
+    ) {
+        taskTemplateSearch(query: $query) {
+            numResult
+            taskTemplateList(startIndex: $startIndex, endIndex: $endIndex) {
+                ...taskTemplate
+                isGallery(selfLawFirmId: $lawFirmId)
+            }
+        }
+    }
+    ${taskTemplateFragment}
+`;
+var useTaskActions = (addedTasks, emit) => {
+  const addTask = (record) => emit("update:addedTasks", [...addedTasks.value, record]);
+  const editTask = (record) => {
+    const taskToAdd = {
+      taskTemplateObj: record
+    };
+    emit("editTask", taskToAdd);
+  };
+  const removeTask = (record) => emit("update:addedTasks", addedTasks.value.filter(({ id }) => id !== record.id));
+  return {
+    addTask,
+    editTask,
+    removeTask
+  };
+};
+var useSearchTaskConditions = () => ref({
+  keywords: "",
+  isEmployee: [
+    AssigneeTypes.ATTORNEY,
+    AssigneeTypes.PETITIONER,
+    AssigneeTypes.BENEFICIARY,
+    AssigneeTypes.EMPTY_DEFAULT
+  ]
+});
+var useTaskTemplateTableData = (props, emit) => {
+  const initialPagination = ref({
+    current: 1,
+    pageSize: props.pageSize || 10,
+    total: 0
+  });
+  const { conditions = useSearchTaskConditions(), addedTasks = ref([]) } = toRefs(props);
+  const { result, loading, variables } = useSearchTaskTemplates(initialPagination, conditions, props.lawFirmId, props.withGallery);
+  const dataSource = computed(() => {
+    var _a;
+    return ((_a = result.value) == null ? void 0 : _a.taskTemplateSearch.taskTemplateList) || [];
+  });
+  const total = computed(() => {
+    var _a;
+    return ((_a = result.value) == null ? void 0 : _a.taskTemplateSearch.numResult) || 0;
+  });
+  const pagination = computed(() => __spreadProps(__spreadValues({}, initialPagination.value), {
+    total: total.value
+  }));
+  const changePagination = (pagination2) => {
+    initialPagination.value = __spreadValues({}, pagination2);
+  };
+  const { addTask, editTask, removeTask } = useTaskActions(addedTasks, emit);
+  return {
+    addTask,
+    editTask,
+    removeTask,
+    changePagination,
+    pagination,
+    dataSource,
+    result,
+    loading,
+    conditions,
+    addedTasks,
+    variables
+  };
+};
+var __vue2_script$4 = defineComponent({
+  name: "TaskTable",
+  components: {
+    TaskTablePure
+  },
+  props: {
+    conditions: {
+      type: Object,
+      required: true
+    },
+    addedTasks: {
+      type: Array,
+      default: () => []
+    },
+    lawFirmId: {
+      type: Number,
+      required: true
+    },
+    pageSize: {
+      type: Number
+    },
+    withGallery: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const {
+      loading,
+      dataSource,
+      pagination,
+      variables,
+      changePagination,
+      addTask,
+      editTask,
+      removeTask
+    } = useTaskTemplateTableData(props, emit);
+    return {
+      loading,
+      dataSource,
+      pagination,
+      AssigneeTypesText,
+      changePagination,
+      addTask,
+      editTask,
+      removeTask,
+      variables
+    };
+  }
+});
+var render$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_vm._t("default", function() {
+    return [_c("task-table-pure", { attrs: { "loading": _vm.loading, "data-source": _vm.dataSource, "pagination": _vm.pagination, "added-tasks": _vm.addedTasks }, on: { "editTask": _vm.editTask, "addTask": _vm.addTask, "removeTask": _vm.removeTask, "changePagination": _vm.changePagination } })];
+  }, { "loading": _vm.loading, "dataSource": _vm.dataSource, "pagination": _vm.pagination, "AssigneeTypesText": _vm.AssigneeTypesText, "changePagination": _vm.changePagination })], 2);
+};
+var staticRenderFns$4 = [];
+var TaskTable_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$4 = {};
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "6662fabb", null, null);
+function __vue2_injectStyles$4(context) {
+  for (let o in __cssModules$4) {
+    this[o] = __cssModules$4[o];
+  }
+}
+var TaskTable = /* @__PURE__ */ function() {
+  return __component__$4.exports;
+}();
+var __vue2_script$3 = defineComponent({
+  name: "MainModal",
+  components: {
+    TaskTable,
+    TaskTemplateFilter,
+    AntButton: Button,
+    AntBadge: Badge
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    addedTasks: {
+      type: Array
+    },
+    lawFirmId: {
+      type: Number,
+      required: true
+    },
+    showTaskSettingLink: {
+      type: Boolean,
+      default: true
+    },
+    showPage: {
+      type: Boolean,
+      default: false
+    },
+    pageSize: {
+      type: Number
+    },
+    openReviewButtonText: {
+      type: String,
+      default: "Review and add to template"
+    },
+    withGallery: {
+      type: Boolean,
+      default: true
+    },
+    showNewBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const taskTable = ref();
+    const conditions = useSearchTaskConditions();
+    const currentComponent = shallowRef(props.showPage ? Card : Modal);
+    const editAction = (record) => {
+      emit("editTask", record);
+    };
+    const getVariables = () => taskTable.value.variables;
+    return {
+      editAction,
+      getVariables,
+      taskTable,
+      conditions,
+      AssigneeTypes,
+      currentComponent
+    };
+  }
+});
+var render$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(_vm.currentComponent, { tag: "component", staticClass: "task-cart-main-modal", attrs: { "zIndex": 800, "width": 900, "visible": _vm.visible, "title": _vm.showPage ? _vm.$t("message.tasks") : _vm.$t("message.addTask") }, on: { "cancel": function($event) {
+    return _vm.$emit("update:visible", false);
+  } }, scopedSlots: _vm._u([{ key: "footer", fn: function() {
+    return [_c("ant-button", { staticStyle: { "margin-right": "20px" }, on: { "click": function($event) {
+      return _vm.$emit("update:visible", false);
+    } } }, [_vm._v("Cancel ")]), _c("ant-badge", { attrs: { "count": _vm.addedTasks.length } }, [_c("ant-button", { attrs: { "disabled": _vm.addedTasks.length === 0, "type": "primary" }, on: { "click": function($event) {
+      return _vm.$emit("update:reviewModalVisible", true);
+    } } }, [_vm._v(" " + _vm._s(_vm.openReviewButtonText) + " ")])], 1)];
+  }, proxy: true }]) }, [_c("task-template-filter", { attrs: { "show-task-home-page-link": true, "show-task-setting-link": _vm.showTaskSettingLink, "conditions": _vm.conditions, "inline": !!_vm.showPage, "show-new-btn": _vm.showNewBtn }, on: { "update:conditions": function($event) {
+    _vm.conditions = $event;
+  }, "update:newTaskVisible": function($event) {
+    return _vm.$emit("update:newTaskVisible", true);
+  } } }), _c("task-table", { ref: "taskTable", attrs: { "conditions": _vm.conditions, "added-tasks": _vm.addedTasks, "law-firm-id": _vm.lawFirmId, "page-size": _vm.pageSize, "with-gallery": _vm.withGallery }, on: { "update:addedTasks": function($event) {
+    return _vm.$emit("update:addedTasks", $event);
+  }, "editTask": function($event) {
+    return _vm.$emit("editTask", $event);
+  } }, scopedSlots: _vm._u([{ key: "default", fn: function(ref2) {
+    var loading = ref2.loading;
+    var dataSource = ref2.dataSource;
+    var pagination = ref2.pagination;
+    var changePagination = ref2.changePagination;
+    return [_vm._t("default", null, { "editAction": _vm.editAction, "loading": loading, "dataSource": dataSource, "pagination": pagination, "changePagination": changePagination })];
+  } }], null, true) })], 1);
+};
+var staticRenderFns$3 = [];
+var MainModal_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "68bc0589", null, null);
+function __vue2_injectStyles$3(context) {
+  for (let o in __cssModules$3) {
+    this[o] = __cssModules$3[o];
+  }
+}
+var MainModal = /* @__PURE__ */ function() {
+  return __component__$3.exports;
+}();
+var __vue2_script$2 = defineComponent({
+  name: "ReviewModal",
+  components: {
+    TaskTablePure,
+    AntModal: Modal,
+    AntCheckbox: Checkbox,
+    AntButton: Button
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    addedTasks: {
+      type: Array,
+      default: () => []
+    },
+    reviewText: {
+      type: String,
+      required: true
+    },
+    sendEmail: {
+      type: Boolean,
+      default: false
+    },
+    showSendEmail: {
+      type: Boolean,
+      default: false
+    },
+    allowClear: {
+      type: Boolean,
+      default: false
+    },
+    adding: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { emit }) {
+    const { addedTasks } = toRefs(props);
+    const pagination = ref({
+      total: addedTasks.value.length,
+      current: 1,
+      pageSize: 10
+    });
+    const changePagination = (newPagination) => {
+      pagination.value = newPagination;
+    };
+    const { addTask, editTask, removeTask } = useTaskActions(addedTasks, emit);
+    return {
+      addTask,
+      editTask,
+      removeTask,
+      pagination,
+      changePagination
+    };
+  }
+});
+var render$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("ant-modal", { attrs: { "zIndex": 900, "width": "900px", "visible": _vm.visible, "title": _vm.$t("message.reviewTasksTitle") }, on: { "cancel": function($event) {
+    return _vm.$emit("update:visible", false);
+  } } }, [_c("task-table-pure", { attrs: { "show-edit": false, "loading": false, "no-edit": true, "data-source": _vm.addedTasks, "pagination": _vm.pagination, "added-tasks": _vm.addedTasks }, on: { "removeTask": _vm.removeTask, "changePagination": _vm.changePagination } }), _c("div", { attrs: { "slot": "footer" }, slot: "footer" }, [_vm.showSendEmail ? _c("ant-checkbox", { staticStyle: { "float": "left" }, attrs: { "checked": _vm.sendEmail }, on: { "change": function($event) {
+    return _vm.$emit("update:sendEmail", $event.target.checked);
+  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.sendTaskEmail")) + " ")]) : _vm._e(), _c("ant-button", { on: { "click": function($event) {
+    return _vm.$emit("update:visible", false);
+  } } }, [_vm._v(" " + _vm._s(_vm.$t("message.cancel")) + " ")]), _c("ant-button", { attrs: { "loading": _vm.adding, "type": "primary", "disabled": !_vm.addedTasks.length }, on: { "click": function($event) {
+    _vm.$emit("submit", {
+      addedTasks: _vm.addedTasks,
+      addedTaskIds: _vm.addedTasks.map(function(ref2) {
+        var id = ref2.id;
+        return id;
+      }),
+      sendEmail: _vm.sendEmail
+    });
+  } } }, [_vm._v(" " + _vm._s(_vm.reviewText + "(" + _vm.addedTasks.length + ")") + " ")])], 1)], 1);
+};
+var staticRenderFns$2 = [];
+var ReviewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "315dcb1d", null, null);
+function __vue2_injectStyles$2(context) {
+  for (let o in __cssModules$2) {
+    this[o] = __cssModules$2[o];
+  }
+}
+var ReviewModal = /* @__PURE__ */ function() {
+  return __component__$2.exports;
+}();
+const useMutateTaskTemplate = () => useMutation(UpdateTaskTemplateMutation);
+const useCreateTaskTemplate = () => useMutation(CreateTaskTemplateMutation);
+const submit = async (record, updateTemplate, createTemplate) => {
+  var _a, _b, _c, _d;
+  let newRecord = {};
+  let res;
+  let success;
+  const isUpdate = !!record.taskTemplateId;
+  if (isUpdate) {
+    res = await updateTemplate.mutate(record);
+    newRecord = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.updateTaskTemplate.updatedTaskTemplate) || {};
+    success = ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.updateTaskTemplate.code) === ResponseCode.success;
+  } else {
+    res = await createTemplate.mutate(record);
+    newRecord = ((_c = res == null ? void 0 : res.data) == null ? void 0 : _c.createTaskTemplate.newTaskTemplate) || {};
+    success = ((_d = res == null ? void 0 : res.data) == null ? void 0 : _d.createTaskTemplate.code) === ResponseCode.success;
+  }
+  if (success) {
+    message.success("Success!");
+  } else {
+    message.error("Failed!");
+  }
+  return {
+    isUpdate,
+    newRecord,
+    success
+  };
+};
+const UpdateTaskTemplateMutation = gql`
+    mutation updateTaskTemplate(
+        $selfUserId: Int!
+        $selfLawFirmId: Int!
+        $taskTemplateObj: TaskTemplateInput!
+        $taskTemplateId: Int!
+    ) {
+        updateTaskTemplate(
+            selfUserId: $selfUserId
+            selfLawFirmId: $selfLawFirmId
+            taskTemplateObj: $taskTemplateObj
+            taskTemplateId: $taskTemplateId
+        ) {
+            code
+            message
+            updatedTaskTemplate {
+                ...taskTemplate
+            }
+        }
+    }
+    ${taskTemplateFragment}
+`;
+const CreateTaskTemplateMutation = gql`
+    mutation createTaskTemplate(
+        $selfUserId: Int!
+        $selfLawFirmId: Int!
+        $taskTemplateObj: TaskTemplateInput!
+    ) {
+        createTaskTemplate(
+            selfUserId: $selfUserId
+            selfLawFirmId: $selfLawFirmId
+            taskTemplateObj: $taskTemplateObj
+        ) {
+            code
+            message
+            newTaskTemplate {
+                ...taskTemplate
+            }
+        }
+    }
+    ${taskTemplateFragment}
+`;
+const defaultTaskTemplate = {
+  taskTemplateObj: {
+    generalTaskType: TaskTypes.clientUpload
+  },
+  isAddedToTask: false,
+  isNotified: false
+};
+var __vue2_script$1 = defineComponent({
+  name: "index",
+  components: {
+    NewTask,
+    MainModal,
+    ReviewModal
+  },
+  props: {
+    uploadFilesFunc: {
+      type: Function,
+      required: true
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    reviewText: {
+      type: String,
+      default: "Add"
+    },
+    openReviewButtonText: {
+      type: String,
+      default: "Review and add to template"
+    },
+    showSendEmail: {
+      type: Boolean,
+      default: false
+    },
+    sendEmail: {
+      type: Boolean,
+      default: false
+    },
+    showTaskSettingLink: {
+      type: Boolean,
+      default: true
+    },
+    allowClear: {
+      type: Boolean,
+      default: false
+    },
+    pageMode: {
+      type: Boolean,
+      default: false
+    },
+    pageSize: {
+      type: Number
+    },
+    closeAfterAdd: {
+      type: Boolean,
+      default: true
+    },
+    adding: {
+      type: Boolean,
+      default: false
+    },
+    withGallery: {
+      type: Boolean,
+      default: true
+    },
+    showNewBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const { client } = useApolloClient();
+    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([]);
+    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;
+      }
+    });
+    watch(() => props.visible, (visible) => {
+      if (!visible) {
+        addedTasks.value = [];
+        emit("update:value", []);
+      }
+    });
+    const updateReviewModalContent = (record, newRecord) => {
+      if (addedTasks.value.some(({ id }) => id === newRecord.id)) {
+        const newValue = addedTasks.value.map((originTask) => {
+          if (originTask.id === record.taskTemplateId) {
+            return newRecord;
+          }
+          return originTask;
+        });
+        emit("update:value", newValue.map(({ id }) => id));
+      } else {
+        newRecord.id !== record.taskTemplateId && addedTasks.value.push(newRecord);
+        emit("update:value", [...addedTasks.value.map(({ id }) => id), newRecord.id]);
+      }
+    };
+    const writeQuery = (id, newRecord, isUpdate = true) => {
+      const variables = mainModal.value.getVariables();
+      const existed = client.readQuery({
+        query: SearchTaskTemplatesQuery,
+        variables
+      });
+      const newTasks = isUpdate ? existed.taskTemplateSearch.taskTemplateList.map((record) => {
+        if (record.id === id) {
+          return newRecord && __spreadProps(__spreadValues({}, newRecord), {
+            isGallery: record.isGallery
+          });
+        }
+        return record;
+      }).filter((record) => !!record) : [
+        __spreadProps(__spreadValues({}, newRecord), { isGallery: false }),
+        ...existed.taskTemplateSearch.taskTemplateList
+      ];
+      client.writeQuery({
+        query: SearchTaskTemplatesQuery,
+        data: {
+          taskTemplateSearch: __spreadProps(__spreadValues({}, existed.taskTemplateSearch), {
+            taskTemplateList: newTasks
+          })
+        },
+        variables
+      });
+    };
+    const _submit = async (record) => {
+      const { newRecord, success, isUpdate } = await submit(record, updateTemplate, createTemplate);
+      if (success) {
+        writeQuery(record.taskTemplateId, newRecord, isUpdate);
+        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);
+      if (props.closeAfterAdd) {
+        reviewModalVisible.value = false;
+        newTaskVisible.value = false;
+      }
+    };
+    const editTask = (record) => {
+      newTaskVisible.value = true;
+      tempTask.value = __spreadValues({}, record);
+    };
+    return {
+      mainModal,
+      reviewModal,
+      newTaskVisible,
+      tempTask,
+      reviewModalVisible,
+      submitting,
+      addedTasks,
+      userId,
+      lawFirmId,
+      writeQuery,
+      editTask,
+      _submit,
+      endReviewing
+    };
+  }
+});
+var render$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  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, "show-new-btn": _vm.showNewBtn, "with-gallery": _vm.withGallery, "added-tasks": _vm.addedTasks, "newTaskVisible": _vm.newTaskVisible, "show-task-setting-link": _vm.showTaskSettingLink, "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;
+  }, "update:addedTasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:added-tasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:newTaskVisible": function($event) {
+    _vm.newTaskVisible = $event;
+  }, "update:new-task-visible": function($event) {
+    _vm.newTaskVisible = $event;
+  }, "update:reviewModalVisible": function($event) {
+    _vm.reviewModalVisible = $event;
+  }, "update:review-modal-visible": function($event) {
+    _vm.reviewModalVisible = $event;
+  }, "editTask": _vm.editTask, "update:visible": function($event) {
+    return _vm.$emit("update:visible", $event);
+  } }, scopedSlots: _vm._u([{ key: "default", fn: function(ref2) {
+    var loading = ref2.loading;
+    var dataSource = ref2.dataSource;
+    var pagination = ref2.pagination;
+    var changePagination = ref2.changePagination;
+    return [_vm._t("table", null, { "loading": loading, "dataSource": dataSource, "pagination": pagination, "changePagination": changePagination })];
+  } }], null, true) }), _c("review-modal", { ref: "reviewModal", attrs: { "adding": _vm.adding, "sendEmail": _vm.sendEmail, "allow-clear": _vm.allowClear, "tempTask": _vm.tempTask, "review-text": _vm.reviewText, "added-tasks": _vm.addedTasks, "showSendEmail": _vm.showSendEmail, "visible": _vm.reviewModalVisible, "newTaskVisible": _vm.newTaskVisible }, on: { "update:tempTask": function($event) {
+    _vm.tempTask = $event;
+  }, "update:temp-task": function($event) {
+    _vm.tempTask = $event;
+  }, "update:addedTasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:added-tasks": function($event) {
+    _vm.addedTasks = $event;
+  }, "update:visible": function($event) {
+    _vm.reviewModalVisible = $event;
+  }, "update:newTaskVisible": function($event) {
+    _vm.newTaskVisible = $event;
+  }, "update:new-task-visible": function($event) {
+    _vm.newTaskVisible = $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, "has-double-confirm": !!_vm.tempTask.taskTemplateObj.id }, on: { "update:value": function($event) {
+    _vm.tempTask = $event;
+  }, "update:visible": function($event) {
+    _vm.newTaskVisible = $event;
+  }, "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, "466cfa4a", null, null);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1) {
+    this[o] = __cssModules$1[o];
+  }
+}
+var index$1 = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+var __vue2_script = defineComponent({
+  setup() {
+    const notBoolean = ref(123);
+    const test = ref(false);
+    const isDisabled = computed(() => test.value);
+    return {
+      isDisabled,
+      notBoolean,
+      test
+    };
+  }
+});
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_c("a-radio", { attrs: { "disabled": _vm.isDisabled } }), _c("h1", [_vm._v(_vm._s(_vm.isDisabled))]), _c("h1", [_vm._v(_vm._s(_vm.test))]), _c("h1", [_vm._v(_vm._s(_vm.notBoolean))])], 1);
+};
+var staticRenderFns = [];
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var index = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export { AFileUploader, AssigneeTag, index$3 as CaseTemplateSelect, CaseTemplateTypeBadge, GlueRoleType, NewTask, index$4 as ProfileSelect, TagsWithTooltip, index$1 as TaskCart, TaskForm, TaskTable, TaskTemplateFilter, index as TestComponent, formRecords, index$2 as forms, getLanguageMessage, refactorParams as refactorTaskTemplateParams, submit as submitTaskTemplate, useCreateTaskTemplate, useMutateTaskTemplate, useSearchTaskConditions, useSearchTaskTemplates };