@ailaw/venus 0.4.4 → 0.5.0

package/dist/en3.js

@@ -819,6 +819,7 @@ var lang3 = {
   selectedEmailAddresses: "email addresses have been selected.",
   StartDate: "Start Date",
   caseTemplateManagement: "Case Template Management",
+  caseTemplate: "Case Template",
   caseTemplates: "Case Templates",
   selectSourceTemplate: "Select Source Template",
   fromGallery: "From Gallery",
@@ -833,6 +834,11 @@ var lang3 = {
   changeNotSave: "Do you want to leave this page? Your changes won't be saved.",
   deleteCaseTemplate: "Do you confirm to delete this case template? This action is permanent and cannot be undone.",
   noTemplateSelected: "Select a template/case to preview",
+  smart: "Smart",
+  classic: "Classic",
+  custom: "Custom",
+  gallery: "Gallery",
+  templates: "Templates",
   taskName: "Task Name",
   assignee: "Assignee",
   descriptions: "Descriptions",
@@ -871,6 +877,9 @@ var lang3 = {
   searchTaskPlaceholder: "Search Task name/Tag",
   taskManagement: "Task Management",
   addFromList: "Add from list",
-  createANewTask: "Create a new task"
+  createANewTask: "Create a new task",
+  choosePreparer: "Choose a preparer",
+  choosePetitioner: "Choose a petitioner",
+  chooseIndividual: "Choose an individual"
 };
 export { lang3 as default };

package/dist/style.css

@@ -1 +1 @@
-/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{border-color:currentColor}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-6{height:1.5rem}.h-screen{height:100vh}.w-6{width:1.5rem}.w-60{width:15rem}.w-72{width:18rem}.flex-1{flex:1 1 0%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.justify-end{justify-content:flex-end}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.border{border-width:1px}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.capitalize{text-transform:capitalize}.text-secondary{--tw-text-opacity: 1;color:rgba(102,102,102,var(--tw-text-opacity))}*,:before,:after{--tw-shadow: 0 0 #0000}*,:before,:after{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur: blur(8px)}.container[data-v-17f08d86]{border:1px solid #cccccc;border-radius:6px;padding:0 4px;min-height:30px;cursor:pointer}.tags-container[data-v-18554545]{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.taskTemplateInline[data-v-c3a26010]{float:right}a.taskTemplateInline[data-v-c3a26010]{margin-left:10px}div.taskTemplateInline[data-v-c3a26010]{margin-top:5px!important}
+/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{border-color:currentColor}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.h-6{height:1.5rem}.h-screen{height:100vh}.w-6{width:1.5rem}.w-60{width:15rem}.w-72{width:18rem}.flex-1{flex:1 1 0%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.items-center{align-items:center}.justify-end{justify-content:flex-end}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-light-purple{--tw-border-opacity: 1;border-color:rgba(192,150,250,var(--tw-border-opacity))}.border-light-blue{--tw-border-opacity: 1;border-color:rgba(145,213,255,var(--tw-border-opacity))}.bg-purple{--tw-bg-opacity: 1;background-color:rgba(249,240,255,var(--tw-bg-opacity))}.bg-blue{--tw-bg-opacity: 1;background-color:rgba(230,247,255,var(--tw-bg-opacity))}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.text-secondary{--tw-text-opacity: 1;color:rgba(102,102,102,var(--tw-text-opacity))}.text-smart{--tw-text-opacity: 1;color:rgba(114,46,209,var(--tw-text-opacity))}.text-classic{--tw-text-opacity: 1;color:rgba(24,144,255,var(--tw-text-opacity))}*,:before,:after{--tw-shadow: 0 0 #0000}*,:before,:after{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur: blur(8px)}.min-w-80[data-v-5ca33108]{min-width:320px}.container[data-v-38dac57e]{border:1px solid #cccccc;border-radius:6px;padding:0 4px;min-height:30px;cursor:pointer}.tags-container[data-v-18554545]{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.taskTemplateInline[data-v-c3a26010]{float:right}a.taskTemplateInline[data-v-c3a26010]{margin-left:10px}div.taskTemplateInline[data-v-c3a26010]{margin-top:5px!important}

package/dist/venus.es.js

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, watch, computed, toRefs, getCurrentScope, shallowRef } from "vue-demi";
+import { defineComponent, ref, watch, reactive, computed, toRefs, getCurrentScope, shallowRef } from "vue-demi";
 import { Select, Modal, Form, Input, Checkbox, Divider, Button, Upload, Tag, Tooltip, 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 } from "ramda";
-var index$4 = "";
+var index$5 = "";
 function __variableDynamicImportRuntime0__$1(path2) {
   switch (path2) {
     case "./icons/attorney.svg":
@@ -37,7 +37,7 @@ function __variableDynamicImportRuntime0__$1(path2) {
       });
   }
 }
-var __vue2_script$h = defineComponent({
+var __vue2_script$k = defineComponent({
   props: {
     type: {
       type: String,
@@ -64,13 +64,13 @@ var __vue2_script$h = defineComponent({
     return { iconUrl };
   }
 });
-var render$h = function() {
+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$h = [];
+var staticRenderFns$k = [];
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   if (render2) {
@@ -122,17 +122,17 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-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];
+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__$h.exports;
+  return __component__$k.exports;
 }();
-var __vue2_script$g = defineComponent({
+var __vue2_script$j = defineComponent({
   props: {
     source: {
       type: Object,
@@ -141,22 +141,22 @@ var __vue2_script$g = defineComponent({
   },
   components: { ProfileTypeIcon }
 });
-var render$g = function() {
+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$g = [];
-const __cssModules$g = {};
-var __component__$g = /* @__PURE__ */ normalizeComponent(__vue2_script$g, render$g, staticRenderFns$g, false, __vue2_injectStyles$g, null, null, null);
-function __vue2_injectStyles$g(context) {
-  for (let o in __cssModules$g) {
-    this[o] = __cssModules$g[o];
+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__$g.exports;
+  return __component__$j.exports;
 }();
 const meQuery = gql`
   query Me {
@@ -192,27 +192,37 @@ const profilesQuery = gql`
         id
         profileType
         profileName
+        accountList {
+          id
+          email
+        }
       }
     }
   }
 `;
 const addProfileUserMutation = gql`
-  mutation addProfileUser(
-    $email: String
-    $name: String
-    $petitionerProfileName: String
+  mutation AddProfileUser(
     $lawFirmId: Int!
+    $name: String!
+    $profileType: ProfileType
+    $email: String!
+    $sendEmail: Boolean!
   ) {
-    addProfileUserNoNotify(
-      email: $email
-      name: $name
-      petitionerProfileName: $petitionerProfileName
+    addProfileUser(
       selfLawFirmId: $lawFirmId
+      name: $name
+      profileType: $profileType
+      email: $email
+      sendEmail: $sendEmail
     ) {
       profile {
         id
         profileName
         profileType
+        accountList {
+          id
+          email
+        }
       }
     }
   }
@@ -220,19 +230,12 @@ const addProfileUserMutation = gql`
 function useCreateProfile() {
   const me = useMe();
   const { mutate, loading } = useMutation(addProfileUserMutation);
-  const createProfile = async (profile) => {
+  const createProfile = async (variables) => {
     var _a;
-    const variables = {
-      email: profile.email,
+    const result = await mutate(__spreadProps(__spreadValues({}, variables), {
       lawFirmId: (_a = me.value) == null ? void 0 : _a.lawFirmId
-    };
-    if (profile.profileType === "USERPROFILE") {
-      variables.name = profile.profileName;
-    } else {
-      variables.petitionerProfileName = profile.profileName;
-    }
-    const result = await mutate(variables);
-    return path(["data", "addProfileUserNoNotify", "profile"], result);
+    }));
+    return path(["data", "addProfileUser", "profile"], result);
   };
   return { createProfile, loading };
 }
@@ -241,7 +244,7 @@ const profileTypes = {
   CLIENTPROFILE: "Company",
   PREPARERPROFILE: "Attorney"
 };
-var __vue2_script$f = defineComponent({
+var __vue2_script$i = defineComponent({
   props: {
     value: {
       type: String
@@ -261,7 +264,7 @@ var __vue2_script$f = defineComponent({
     return { profileTypes, handleChange };
   }
 });
-var render$f = function() {
+var render$i = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -269,18 +272,18 @@ var render$f = function() {
     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$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 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__$f.exports;
+  return __component__$i.exports;
 }();
-var __vue2_script$e = defineComponent({
+var __vue2_script$h = defineComponent({
   components: {
     Modal,
     Form,
@@ -290,26 +293,35 @@ var __vue2_script$e = defineComponent({
     Checkbox
   },
   setup(_, { emit }) {
-    const value = ref({});
-    const shouldSendPassword = ref(false);
-    const canSubmit = computed(() => value.value.profileName && value.value.profileType);
+    const value = reactive({
+      profileType: void 0,
+      name: "",
+      email: "",
+      sendEmail: false
+    });
+    const canSubmit = computed(() => {
+      if (value.name === "" || value.profileType == null)
+        return false;
+      if (value.email !== "" && !value.email.includes("@"))
+        return false;
+      return true;
+    });
     const rules = {
       profileType: { required: true },
-      profileName: { required: true },
+      name: { required: true },
       email: { type: "email" }
     };
-    const clearValue = () => value.value = {};
+    const clearValue = () => Object.assign(value, {});
     const { createProfile, loading } = useCreateProfile();
     const hide = () => emit("cancel");
     const handleSubmit = async () => {
-      const profile = await createProfile(value.value);
+      const profile = await createProfile(value);
       hide();
       emit("profile-created", profile);
     };
     return {
       value,
       rules,
-      shouldSendPassword,
       clearValue,
       loading,
       canSubmit,
@@ -317,40 +329,36 @@ var __vue2_script$e = defineComponent({
     };
   }
 });
-var render$e = function() {
+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 } }, [_c("form-item", { attrs: { "label": "Profile type", "name": "profileType" } }, [_c("profile-type-select", { attrs: { "enabledTypes": ["USERPROFILE", "CLIENTPROFILE"] }, model: { value: _vm.value.profileType, callback: function($$v) {
+  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 } }, [_c("form-item", { attrs: { "label": "Profile type", "prop": "profileType" } }, [_c("profile-type-select", { attrs: { "enabledTypes": ["USERPROFILE", "CLIENTPROFILE"] }, model: { value: _vm.value.profileType, callback: function($$v) {
     _vm.$set(_vm.value, "profileType", $$v);
-  }, expression: "value.profileType" } })], 1), _c("form-item", { attrs: { "label": "Name", "name": "profileName" } }, [_c("Input", { model: { value: _vm.value.profileName, callback: function($$v) {
-    _vm.$set(_vm.value, "profileName", $$v);
-  }, expression: "value.profileName" } })], 1), _c("form-item", { attrs: { "label": "Email" } }, [_c("Input", { model: { value: _vm.value.email, callback: function($$v) {
+  }, expression: "value.profileType" } })], 1), _c("form-item", { 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), _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), _c("form-item", [_c("checkbox", { model: { value: _vm.shouldSendPassword, callback: function($$v) {
-    _vm.shouldSendPassword = $$v;
-  }, expression: "shouldSendPassword" } }, [_vm._v("Send client portal login password (System will email client a login password)")])], 1)], 1)], 1);
+  }, expression: "value.email" } })], 1), _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)], 1)], 1);
 };
-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 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__$e.exports;
+  return __component__$h.exports;
 }();
-var __vue2_script$d = defineComponent({
+var __vue2_script$g = defineComponent({
   props: {
     value: {
       type: Object
     },
-    keywords: {
-      type: String,
-      required: true
-    },
     source: {
       type: Array,
       required: true
@@ -377,36 +385,36 @@ var __vue2_script$d = defineComponent({
       var _a;
       return (_a = props.value) == null ? void 0 : _a.id;
     });
-    const handleSelect = (value) => emit("input", props.source.find((v) => String(v.id) == value));
+    const handleChange = (value) => emit("input", props.source.find((v) => String(v.id) == value));
     const handleProfileCreate = () => emit("create-profile");
     return {
       selectedId,
-      handleSelect,
+      handleChange,
       handleProfileCreate,
       menu: {}
     };
   }
 });
-var render$d = function() {
+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 }, on: { "select": _vm.handleSelect }, scopedSlots: _vm._u([{ key: "dropdownRender", fn: function(menu) {
+  return _c("Select", _vm._g(_vm._b({ staticClass: "w-72", attrs: { "allowClear": "", "showSearch": "", "optionFilterProp": "name", "value": _vm.selectedId }, on: { "change": _vm.handleChange }, scopedSlots: _vm._u([{ key: "dropdownRender", fn: function(menu) {
     return _c("div", {}, [_c("v-nodes", { attrs: { "vnodes": menu } }), _vm.creatable ? _c("Divider", { staticClass: "my-1" }) : _vm._e(), _vm.creatable ? _c("div", { staticClass: "flex justify-end px-3 py-1" }, [_c("Button", { attrs: { "size": "small" }, on: { "click": _vm.handleProfileCreate } }, [_vm._v("Create new profile")])], 1) : _vm._e()], 1);
   } }]) }, "Select", _vm.$attrs, false), _vm.$listeners), _vm._l(_vm.source, function(v) {
     return _c("Option", { key: v.id, attrs: { "value": v.id } }, [_c("ProfileSelectItem", { attrs: { "source": v } })], 1);
   }), 1);
 };
-var staticRenderFns$d = [];
-const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, null, null, null);
-function __vue2_injectStyles$d(context) {
-  for (let o in __cssModules$d) {
-    this[o] = __cssModules$d[o];
+var staticRenderFns$g = [];
+const __cssModules$g = {};
+var __component__$g = /* @__PURE__ */ normalizeComponent(__vue2_script$g, render$g, staticRenderFns$g, false, __vue2_injectStyles$g, null, null, null);
+function __vue2_injectStyles$g(context) {
+  for (let o in __cssModules$g) {
+    this[o] = __cssModules$g[o];
   }
 }
 var ProfileSelector = /* @__PURE__ */ function() {
-  return __component__$d.exports;
+  return __component__$g.exports;
 }();
 function useProfiles(keywords, onlyRole, profileIds) {
   const me = useMe();
@@ -424,7 +432,7 @@ function useProfiles(keywords, onlyRole, profileIds) {
   const profiles = useResult(result, [], (data) => data.profileSearch.profileList);
   return { profiles, loading };
 }
-var __vue2_script$c = defineComponent({
+var __vue2_script$f = defineComponent({
   components: { ProfileSelector, ProfileCreateModal },
   props: {
     value: {
@@ -439,7 +447,7 @@ var __vue2_script$c = defineComponent({
     },
     preLoaded: {
       type: Array,
-      default: []
+      default: () => []
     },
     profileIds: {
       type: Array
@@ -476,19 +484,163 @@ var __vue2_script$c = defineComponent({
     };
   }
 });
-var render$c = function() {
+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, "keywords": _vm.keywords, "creatable": _vm.creatable }, on: { "search": _vm.handleSearch, "create-profile": function($event) {
+  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 }, 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
+    }
+
+    custom: customCaseTemplateList(selfLawFirmId: $lawFirmId) {
+      id
+      isSmart
+      templateName
+    }
+  }
+`;
+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);
+  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() {
+  }
+});
+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 } })], 1);
+};
+var staticRenderFns$d = [];
+const __cssModules$d = {};
+var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, null, 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: {
+      type: Object
+    }
+  },
+  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 selectedId = computed(() => {
+      var _a;
+      return (_a = props.value) == null ? void 0 : _a.id;
+    });
+    const onChange = (value) => {
+      const result = allTemplates.value.find((v) => v.id === value);
+      emit("update:value", result);
+    };
+    return { customTemplates, galleryTemplates, selectedId, onChange };
+  }
+});
+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: { "value": _vm.selectedId }, 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 } }, [_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 } }, [_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, null, null, null);
+var __component__$c = /* @__PURE__ */ normalizeComponent(__vue2_script$c, render$c, staticRenderFns$c, false, __vue2_injectStyles$c, "5ca33108", null, null);
 function __vue2_injectStyles$c(context) {
   for (let o in __cssModules$c) {
     this[o] = __cssModules$c[o];
@@ -814,17 +966,17 @@ var render$b = function() {
   return _c("div", { class: { container: !_vm.previewMode } }, [_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: { "disabled": _vm.disabled || _vm.loading, "before-upload": _vm.beforeUpload, "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 ? _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 _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) {
       return _vm.clickItem(file, $event);
     } } }, [_vm._v(" " + _vm._s(file.name) + " ")])]);
-  }), 1) : _vm._e(), !_vm.previewMode ? _c("span", { directives: [{ name: "else", rawName: "v-else" }], staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.acceptableFormats.join(" ")))]) : _vm._e()], 1)], 1);
+  }), 1) : !_vm.previewMode ? _c("span", { staticStyle: { "color": "#ccc" } }, [_vm._v(_vm._s(_vm.acceptableFormats.join(" ")))]) : _vm._e()], 1)], 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, "17f08d86", null, null);
+var __component__$b = /* @__PURE__ */ normalizeComponent(__vue2_script$b, render$b, staticRenderFns$b, false, __vue2_injectStyles$b, "38dac57e", null, null);
 function __vue2_injectStyles$b(context) {
   for (let o in __cssModules$b) {
     this[o] = __cssModules$b[o];
@@ -2075,4 +2227,4 @@ function __vue2_injectStyles(context) {
 var index = /* @__PURE__ */ function() {
   return __component__.exports;
 }();
-export { AssigneeTag, AFileUploader as FileUploader, NewTask, index$3 as ProfileSelect, TagsWithTooltip, index$1 as TaskCart, TaskForm, TaskTable, TaskTemplateFilter, index as TestComponent, index$2 as forms, getLanguageMessage, refactorParams as refactorTaskTemplateParams, submit as submitTaskTemplate, useCreateTaskTemplate, useMutateTaskTemplate, useSearchTaskConditions, useSearchTaskTemplates };
+export { AFileUploader, AssigneeTag, index$3 as CaseTemplateSelect, CaseTemplateTypeBadge, NewTask, index$4 as ProfileSelect, TagsWithTooltip, index$1 as TaskCart, TaskForm, TaskTable, TaskTemplateFilter, index as TestComponent, index$2 as forms, getLanguageMessage, refactorParams as refactorTaskTemplateParams, submit as submitTaskTemplate, useCreateTaskTemplate, useMutateTaskTemplate, useSearchTaskConditions, useSearchTaskTemplates };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ailaw/venus",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "files": [
     "dist"
   ],
@@ -10,7 +10,7 @@
   "scripts": {
     "dev": "vite --open",
     "build": "vite build",
-    "build:local": "npm run build && npm pack",
+    "build:local": "rm -f ./ailaw-venus-*.tgz && npm run build && npm pack",
     "emit": "vue-tsc --emitDeclarationOnly -p ./tsconfig.build.json"
   },
   "dependencies": {
@@ -30,9 +30,9 @@
     "@types/ramda": "^0.27.62",
     "@vitejs/plugin-vue-jsx": "^1.3.3",
     "@vue/compiler-sfc": "^3.2.26",
-    "@vue/composition-api": "^1.4.3",
     "autoprefixer": "^10.4.2",
     "js-cookie": "^3.0.1",
+    "less": "^4.1.2",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.5",
     "prettier": "^2.2.1",
@@ -40,19 +40,12 @@
     "typescript": "~4.1.5",
     "vite": "^2.7.12",
     "vite-plugin-vue2": "^1.9.2",
-    "vue": "^2.6.14",
     "vue-template-compiler": "^2.6.14",
     "vue-tsc": "^0.30.2"
   },
   "peerDependencies": {
-    "@vue/composition-api": "^1.0.0-rc.1",
     "vue": "^2.0.0 || >=3.0.0"
   },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    }
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",