@voplus/morpho-csp 1.0.0-dev004 → 1.0.0-dev006

package/es/modules/corporate/LegalGeneration/index.js

@@ -0,0 +1,157 @@
+import "./index.less";
+import { AGMNomineeStatement, AppointOfficer, ChangeCompanyName, ContractAgreement, CorporateRepresentative, EmptyResolution, NoticeOfResolution, StrikeOff, } from "./components";
+import { Collapse, Input } from "@voplus/antd";
+import { SettingDialog } from "./components";
+import React, { useState } from "react";
+import AGM from "./components/AGM/Form";
+import AgentAppointment from "./components/AgentAppointment/Form";
+import BankOpening from "./components/BankOpening/Form";
+import ChangeAddress from "./components/ChangeAddress/Form";
+import ChangeFYE from "./components/ChangeFYE/Form";
+import ConsolidateDivide from "./components/ConsolidateDivide/Form";
+import DispenseAGM from "./components/DispenseAGM/Form";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Header from "../../../components/Header";
+import IncorporationDocuments from "./components/IncorporationDocuments/Form";
+import IssueShares from "./components/IssueShares/Form";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import NomineeAppointment from "./components/NomineeAppointment/Form";
+import NomineeTerminationForm from "./components/NomineeTerminationForm/Form";
+import PowerOfAttroney from "./components/PowerOfAttroney/Form";
+import ResignationLetter from "./components/ResignationLetter/Form";
+import Scrollbars from "react-custom-scrollbars";
+import ShareReduction from "./components/ShareReduction/Form";
+import ShareTransfer from "./components/ShareTransfer/Form";
+import classnames from "classnames";
+import { faCog } from "@fortawesome/pro-light-svg-icons";
+export const documents = [
+    {
+        key: "Officer",
+        name: "Officer Related",
+        children: [
+            { name: "Appoint Officer" },
+            { name: "Corporate Representative" },
+            { name: "Nominee Appointment" },
+            { name: "Resignation Letter" },
+        ],
+    },
+    {
+        key: "Shares",
+        name: "Shares Related",
+        children: [
+            { name: "Issue Shares" },
+            { name: "Share Transfer" },
+            { name: "Consolidate/Divide" },
+            { name: "Share Reduction" },
+        ],
+    },
+    {
+        key: "Incorporation/Bank/Strike",
+        name: "Incorporation/Bank/Strike Off Related",
+        children: [
+            { name: "Incorporation Documents" },
+            { name: "Strike Off" },
+            { name: "Bank Openening Resolution" },
+        ],
+    },
+    {
+        key: "Others",
+        name: "Others",
+        children: [
+            { name: "Agent Appointment" },
+            { name: "Notice for Resolution" },
+            { name: "Power of Attorney(Company)" },
+            { name: "Contract/Agreement" },
+            { name: "AGM Template" },
+            { name: "Nominee Statement" },
+            { name: "Dispense AGM" },
+            { name: "Change Company Registered Address" },
+            { name: "Change Company Name" },
+            { name: "Change Financial Year End" },
+            { name: "Nominee Termination" },
+            { name: "Empty Resolution" },
+        ],
+    },
+];
+const CorporateLegalGeneration = () => {
+    const [activeKey, setActiveKey] = useState("Corporate Representative");
+    const [panels, setPanels] = useState(documents);
+    const [visible, setVisible] = useState(false);
+    return (React.createElement(MainContent, { className: "corporate-legal-generation" },
+        React.createElement(MainContent.Nav, { collapsible: true },
+            React.createElement("div", { className: "search-input" },
+                React.createElement(Input.Search, { onSearch: onSearch, onChange: (e) => onSearch(e.target.value) })),
+            React.createElement(Scrollbars, { autoHide: true },
+                React.createElement(Collapse, { defaultActiveKey: ["Officer", "Shares", "Incorporation/Bank/Strike"], expandIconPosition: "right", ghost: true }, panels.map((d) => (React.createElement(Collapse.Panel, { key: d.key, header: d.name }, d.children.map((c) => (React.createElement("div", { key: c.name, className: classnames({ active: activeKey === c.name }), onClick: () => setActiveKey(c.name) }, c.name))))))))),
+        React.createElement("div", { className: "csp-default-view_content" },
+            React.createElement(Header, { text: activeKey },
+                React.createElement(FAIcon, { icon: faCog, style: { cursor: "pointer" }, onClick: () => setVisible(true) })),
+            React.createElement(React.Fragment, null, ActiveElement()),
+            React.createElement(SettingDialog, { visible: visible, updateVisible: (visible) => setVisible(visible) }))));
+    function onSearch(keyWord) {
+        const panels = [];
+        for (const item of documents) {
+            const r = item.children.filter((c) => c.name
+                .toLowerCase()
+                .replace(/\s*/g, "")
+                .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
+            if (r.length)
+                panels.push({ key: item.key, name: item.name, children: r });
+        }
+        setPanels(panels || []);
+    }
+    function ActiveElement() {
+        switch (activeKey) {
+            case "":
+                return "";
+            case "Change Financial Year End":
+                return React.createElement(ChangeFYE, null);
+            case "Bank Openening Resolution":
+                return React.createElement(BankOpening, null);
+            case "Consolidate/Divide":
+                return React.createElement(ConsolidateDivide, null);
+            case "Nominee Appointment":
+                return React.createElement(NomineeAppointment, null);
+            case "Power of Attorney(Company)":
+                return React.createElement(PowerOfAttroney, null);
+            case "Change Company Registered Address":
+                return React.createElement(ChangeAddress, null);
+            case "Agent Appointment":
+                return React.createElement(AgentAppointment, null);
+            case "AGM Template":
+                return React.createElement(AGM, null);
+            case "Nominee Termination":
+                return React.createElement(NomineeTerminationForm, null);
+            case "Dispense AGM":
+                return React.createElement(DispenseAGM, null);
+            case "Issue Shares":
+                return React.createElement(IssueShares, null);
+            case "Incorporation Documents":
+                return React.createElement(IncorporationDocuments, null);
+            case "Share Transfer":
+                return React.createElement(ShareTransfer, null);
+            case "Resignation Letter":
+                return React.createElement(ResignationLetter, null);
+            case "Share Reduction":
+                return React.createElement(ShareReduction, null);
+            case "Corporate Representative":
+                return React.createElement(CorporateRepresentative, null);
+            case "Contract/Agreement":
+                return React.createElement(ContractAgreement, null);
+            case "Empty Resolution":
+                return React.createElement(EmptyResolution, null);
+            case "Nominee Termination":
+                return React.createElement(AGMNomineeStatement, null);
+            case "Strike Off":
+                return React.createElement(StrikeOff, null);
+            case "Change Company Name":
+                return React.createElement(ChangeCompanyName, null);
+            case "Appoint Officer":
+                return React.createElement(AppointOfficer, null);
+            default:
+                return React.createElement(NoticeOfResolution, null);
+        }
+    }
+};
+export default CorporateLegalGeneration;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/LegalGeneration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/corporate/LegalGeneration/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/LegalGeneration/index.less

@@ -0,0 +1,73 @@
+@import "~@voplus/antd/es/style/themes/default";
+@import "../../../style/common.less";
+:global {
+	.corporate-legal-generation {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		.main-content-nav {
+			width: 280px;
+			box-shadow: 2px 0 8px 0px rgba(0, 0, 0, 0.15) !important;
+			.main-nav-container {
+				display: flex;
+				flex-direction: column;
+			}
+			.search-input {
+				padding: 10px 15px;
+			}
+			.ant-collapse {
+				.ant-collapse-item .ant-collapse-header {
+					padding: 10px 15px;
+					font-size: 15px;
+					font-weight: 500;
+					color: #000;
+				}
+				.ant-collapse-content > .ant-collapse-content-box {
+					padding: 0 0 0 25px;
+					> div {
+						padding: 10px 0;
+						cursor: pointer;
+						&:hover,
+						&.active {
+							color: @primary-color;
+						}
+					}
+				}
+			}
+		}
+		.corporate-legal-generation_content {
+			height: 100%;
+			background: #fff;
+			.ant-form {
+				padding: 20px;
+			}
+			h3 {
+				font-size: 16px;
+				line-height: 20px;
+				margin-bottom: 15px;
+			}
+			.ant-form-item {
+				// margin-bottom: 10px;
+			}
+			.tooltip {
+				color: #999;
+				font-size: 13px;
+				margin-left: 5px;
+			}
+			.resolution:hover {
+				color: @primary-color;
+			}
+			.ant-space {
+				.ant-space-item {
+					flex: 1;
+				}
+				.ant-space-item:last-child {
+					flex: 0;
+				}
+				.svg-inline--fa {
+					cursor: pointer;
+				}
+			}
+		}
+	}
+}

package/es/modules/corporate/Service/NewServiceDialog/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+declare const NewServiceDialog: (props: {
+    visible?: boolean | undefined;
+    update?: ((visible: boolean) => void) | undefined;
+}) => JSX.Element;
+export default NewServiceDialog;

package/es/modules/corporate/Service/NewServiceDialog/index.js

@@ -0,0 +1,43 @@
+import "./index.less";
+import { Button, Col, DatePicker, Input, InputNumber, Modal, Row, Tabs } from "@voplus/antd";
+import React, { useState } from "react";
+import CurrencyView from "../../../../components/CurrencyView";
+import { Form } from "@voplus/antd";
+import FormSubmitView from "@voplus/morpho-form/es/pages/Edit";
+import ServiceTypeSelect from "../../ServiceType/ServiceTypeSelect";
+import { useServiceStore } from "../../../../data/service/store";
+const NewServiceDialog = (props) => {
+    const { visible, update } = props;
+    const serviceStore = useServiceStore();
+    const [serviceType, setServiceType] = useState();
+    return (React.createElement(Modal, { title: "New Service", visible: visible, footer: null, 
+        // width="480px"
+        bodyStyle: { padding: "0" }, onCancel: () => update === null || update === void 0 ? void 0 : update(false), wrapClassName: "new-service-dialog" },
+        React.createElement(Tabs, { tabPosition: "left", defaultActiveKey: "General" },
+            React.createElement(Tabs.TabPane, { tab: "General", key: "General", className: "tab-pane-general" },
+                React.createElement(Form, { labelAlign: "left", labelCol: { span: 7 } },
+                    React.createElement(Form.Item, { label: "Type" },
+                        React.createElement(ServiceTypeSelect, { onChange: (serviceType) => setServiceType(serviceType) })),
+                    React.createElement(Form.Item, { label: "Effective Date" },
+                        React.createElement(DatePicker, { style: { width: "100%" } })),
+                    React.createElement(Form.Item, { label: "Expiry Date" },
+                        React.createElement(DatePicker, { style: { width: "100%" } })),
+                    React.createElement(Form.Item, { label: "Price" },
+                        React.createElement(Row, { justify: "space-between" },
+                            React.createElement(Col, null,
+                                React.createElement(CurrencyView, { editable: true, style: { width: "90px" } })),
+                            React.createElement(Col, null,
+                                React.createElement(InputNumber, { min: 0, max: 99999999, precision: 2, style: { width: "120px" } })))),
+                    React.createElement(Form.Item, { label: "Note" },
+                        React.createElement(Input.TextArea, { autoSize: { minRows: 3 } })),
+                    React.createElement(Form.Item, { style: { textAlign: "right" } },
+                        React.createElement(Button, { type: "primary", onClick: create }, "Create")))),
+            (serviceType === null || serviceType === void 0 ? void 0 : serviceType.settingFormSchemaId) && (React.createElement(Tabs.TabPane, { tab: "Settings", key: "Settings", className: "tab-pane-form" },
+                React.createElement(FormSubmitView, { id: serviceType === null || serviceType === void 0 ? void 0 : serviceType.settingFormSchemaId }))))));
+    async function create() {
+        await serviceStore.create({ data: {}, error: "message" });
+        update === null || update === void 0 ? void 0 : update(false);
+    }
+};
+export default NewServiceDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/Service/NewServiceDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/Service/NewServiceDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC7F,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,gBAAgB,GAAG,CAAC,KAAiE,EAAE,EAAE;IAC9F,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAgB,CAAC;IAE/D,OAAO,CACN,oBAAC,KAAK,IACL,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,IAAI;QACZ,gBAAgB;QAChB,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,EAC/B,aAAa,EAAC,oBAAoB;QAElC,oBAAC,IAAI,IAAC,WAAW,EAAC,MAAM,EAAC,gBAAgB,EAAC,SAAS;YAClD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,kBAAkB;gBACrE,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;oBAC5C,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM;wBACtB,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,GAAI,CAClE;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB;wBAChC,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAC7B;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,aAAa;wBAC7B,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAC7B;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO;wBACvB,oBAAC,GAAG,IAAC,OAAO,EAAC,eAAe;4BAC3B,oBAAC,GAAG;gCACH,oBAAC,YAAY,IAAC,QAAQ,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAC9C;4BACN,oBAAC,GAAG;gCACH,oBAAC,WAAW,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC1E,CACD,CACK;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM;wBACtB,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI,CACjC;oBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;wBACvC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,aAE7B,CACE,CACN,CACO;YACd,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB,KAAI,CACpC,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe;gBACpE,oBAAC,cAAc,IAAC,EAAE,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB,GAAI,CAC1C,CACf,CACK,CACA,CACR,CAAC;IACF,KAAK,UAAU,MAAM;QACpB,MAAM,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACjE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,EAAE;IACjB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/modules/corporate/Service/NewServiceDialog/index.less

@@ -0,0 +1,27 @@
+:global {
+	.new-service-dialog {
+		.ant-modal {
+			max-width: 60vw !important;
+		}
+		.ant-modal-body {
+			.tab-pane-general {
+				padding: 24px 24px 0 24px !important;
+			}
+			.tab-pane-form {
+				padding: 0 !important;
+				height: 404px;
+				> div {
+					padding: 0;
+				}
+				.el-form {
+					padding-right: 10px;
+					box-shadow: none;
+					.editor-toolbar .toolbar-button {
+						display: inline-block;
+						font-size: 13px;
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/corporate/Service/ServiceItem/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ServiceItem: (props: {
+    id: string;
+    name: string;
+    editable?: boolean;
+}) => JSX.Element;
+export default ServiceItem;

package/es/modules/corporate/Service/ServiceItem/index.js

@@ -0,0 +1,23 @@
+import "./index.less";
+import { Descriptions } from "@voplus/antd";
+import { InlineEdit } from "@voplus/morpho-ui";
+import React from "react";
+import moment from "moment";
+import { useObserver } from "mobx-react-lite";
+const ServiceItem = (props) => {
+    const { id, name, editable } = props;
+    return useObserver(() => (React.createElement("div", { className: "service-item" },
+        React.createElement("div", { className: "service-item-name" },
+            React.createElement(InlineEdit, { defaultValue: name, editable: editable !== false, content: (v) => React.createElement(React.Fragment, null, v.store.value) })),
+        React.createElement(Descriptions, { title: "", 
+            // layout="vertical"
+            size: "small", column: 3 },
+            React.createElement(Descriptions.Item, { label: "Amount" },
+                React.createElement("span", null, "SGD"),
+                React.createElement("span", { style: { marginLeft: "20px" } }, "466")),
+            React.createElement(Descriptions.Item, { label: "Effective Date" }, moment().format("YYYY-MM-DD")),
+            React.createElement(Descriptions.Item, { label: "Expiry Date" }, moment().format("YYYY-MM-DD")),
+            React.createElement(Descriptions.Item, { label: "Note", span: 3 }, "\u5EFA\u7ACB\u4E86\u7EDD\u5730\u53CD\u51FB\u89C9\u5F97JFK\u89E3\u653E\u519B\u7A7A\u519B\u6269\u5927\u5F00\u653E\u63A5\u53E3")))));
+};
+export default ServiceItem;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/Service/ServiceItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/Service/ServiceItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,GAAG,CAAC,KAAuD,EAAE,EAAE;IAC/E,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,cAAc;QAC5B,6BAAK,SAAS,EAAC,mBAAmB;YACjC,oBAAC,UAAU,IACV,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,QAAQ,KAAK,KAAK,EAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAkB,GAO/D,CACG;QACN,oBAAC,YAAY,IACZ,KAAK,EAAC,EAAE;YACR,oBAAoB;YACpB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC;YAET,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;gBAChC,wCAAgB;gBAChB,8BAAM,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAY,CAC5B;YACpB,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACvC,MAAM,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CACX;YACpB,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IAAE,MAAM,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAqB;YAC1F,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,kIAEnB,CACN,CACV,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/es/modules/corporate/Service/ServiceItem/index.less

@@ -0,0 +1,23 @@
+:global {
+	.service-item {
+		position: relative;
+		padding: 10px 20px 0 20px;
+		.service-item-name {
+			padding-bottom: 5px;
+			.morpho-inline-edit {
+				color: #000;
+				font-weight: 500;
+				word-break: break-all;
+				font-size: 15px;
+			}
+		}
+		&::after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			bottom: 0;
+			right: 20px;
+			border-bottom: 1px solid #f2f2f2;
+		}
+	}
+}

package/es/modules/corporate/Service/ServiceList/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ServiceList: (props: {
+    parentId: string;
+    allowEdit?: boolean;
+}) => JSX.Element;
+export default ServiceList;

package/es/modules/corporate/Service/ServiceList/index.js

@@ -0,0 +1,59 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
+import React, { useState } from "react";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import Header from "../../../../components/Header";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NewServiceDialog from "../NewServiceDialog";
+import ServiceItem from "../ServiceItem";
+import ServiceTypePropertiesView from "../../ServiceType/ServiceTypePropertiesView";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import { useObserver } from "mobx-react-lite";
+import { useTabItem } from "@voplus/morpho-data";
+const ServiceList = (props) => {
+    const { parentId } = props;
+    const tab = useTabItem();
+    tab.title = "Service";
+    const [visible, setVisible] = useState(false);
+    const [activeId, setActiveId] = useState("");
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: parentId }],
+        },
+    }, [parentId]);
+    // const state = useDeepMemo(() => new State(), [parentId]);
+    // useAutoUpdateListData(list, d => d.parentId === parentId);
+    // useRenderOnChange(() => list.filters.options);
+    list.union([
+        {
+            id: "4a3944fb-e2ff-405a-ac57-ac72001a3c98",
+            owner: { id: "565", name: "HaHa" },
+            number: "156",
+        },
+        {
+            id: "caace933-b286-4f83-b2f4-ac72002aef08",
+            owner: { id: "565", name: "Yu Shui Dan" },
+            number: "156",
+        },
+        {
+            id: "c44e013a-a434-4892-8704-ac72002af3be",
+            owner: { id: "565", name: "William Lim" },
+            number: "156",
+        },
+    ]);
+    // useOfficerListEffect(list, result => list.union(result), list.filters.options);
+    return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(Header, { text: "Service" },
+            React.createElement("span", { onClick: () => setVisible(true), className: "plus-icon" },
+                React.createElement(FAIcon, { icon: faPlus, color: "#fff" }))),
+        React.createElement(ListView, { renderItem: ({ item }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: {
+                    active: activeId === item.id,
+                    hoverEffect: "none",
+                    activeEffect: "border",
+                    borderProps: { location: "right", color: "#2d85dc ", size: "2px" },
+                }, onClick: () => setActiveId(item.id) },
+                React.createElement(ServiceItem, { id: item.id, name: item.owner.name, editable: false }))), propertiesView: (id) => React.createElement(ServiceTypePropertiesView, { id: id }) }),
+        React.createElement(NewServiceDialog, { visible: visible, update: (visible) => setVisible(visible) }))));
+};
+export default ServiceList;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/Service/ServiceList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/Service/ServiceList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/ServiceType/ServiceTypeDefaultView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ServiceTypeDefaultView: () => JSX.Element;
+export default ServiceTypeDefaultView;

package/es/modules/corporate/ServiceType/ServiceTypeDefaultView/index.js

@@ -0,0 +1,18 @@
+import React, { useEffect } from "react";
+import ServiceTypePropertiesView from "../ServiceTypePropertiesView";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+import { useServiceType } from "../../../../data/serviceType";
+import { useTabItem } from "@voplus/morpho-data";
+const ServiceTypeDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const serviceType = useServiceType(id);
+    const tab = useTabItem();
+    useEffect(() => {
+        tab.title = serviceType.name;
+    }, [serviceType === null || serviceType === void 0 ? void 0 : serviceType.name]);
+    return useObserver(() => React.createElement(ServiceTypePropertiesView, { id: id }));
+};
+export default ServiceTypeDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/ServiceType/ServiceTypeDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/corporate/ServiceType/ServiceTypeDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACnC,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAE3B,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACd,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,oBAAC,yBAAyB,IAAC,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/corporate/ServiceType/ServiceTypePropertiesView/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ServiceTypePropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default ServiceTypePropertiesView;

package/es/modules/corporate/ServiceType/ServiceTypePropertiesView/index.js

@@ -0,0 +1,126 @@
+import "./index.less";
+import { Button, Checkbox, Row, Select, Skeleton, Spin, message } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { useServiceType, useServiceTypeStore } from "../../../../data/serviceType";
+import ActionPlan from "@voplus/morpho-collaboration-action/es/components/Action/ActionPlan";
+import CurrencyView from "../../../../components/CurrencyView";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import { InlineEdit } from "@voplus/morpho-ui";
+import { LoadingOutlined } from "@ant-design/icons";
+import { Scrollbars } from "react-custom-scrollbars";
+import { State } from "./state";
+import classnames from "classnames";
+import { useLayout } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+const ServiceTypePropertiesView = (props) => {
+    const { id } = props;
+    const [state] = useState(new State());
+    const serviceType = useServiceType(id, { reload: true });
+    const serviceTypeStore = useServiceTypeStore();
+    const layout = useLayout();
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        state.name = serviceType.name || "";
+        state.description = serviceType.description || "";
+        state.price = {
+            Currency: ((_a = serviceType.price) === null || _a === void 0 ? void 0 : _a.currency) || "",
+            Amount: ((_b = serviceType.price) === null || _b === void 0 ? void 0 : _b.amount) || 0,
+        };
+        state.subscription = {
+            Subscription: !!((_c = serviceType.subscription) === null || _c === void 0 ? void 0 : _c.subscription),
+            SubscriptionTerm: ((_d = serviceType.subscription) === null || _d === void 0 ? void 0 : _d.subscriptionTerm) || "",
+        };
+        state.createForm = !!serviceType.settingFormSchemaId;
+    }, [JSON.stringify(serviceType)]);
+    return useObserver(() => {
+        var _a, _b;
+        return (React.createElement(Scrollbars, null,
+            React.createElement("div", { className: "service-type-properties-view" },
+                serviceType.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "service-type-name" },
+                        React.createElement(InlineEdit, { defaultValue: state.name, content: (v) => React.createElement(React.Fragment, null, v.store.value || ""), onSave: (v) => {
+                                if (v && v.trim() !== serviceType.name) {
+                                    state.name = v;
+                                    onSave();
+                                }
+                            } })),
+                    React.createElement(DescriptionEditor, { id: id, description: serviceType.description, 
+                        // readonly={work.readonly}
+                        padding: "0", onSave: (description) => {
+                            state.description = description || "";
+                            onSave();
+                        } }))),
+                serviceType.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+                    React.createElement(Skeleton, { active: true }))) : (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "service-title" }, "Amount"),
+                    React.createElement(Row, { justify: "start", align: "middle", className: "service-info" },
+                        React.createElement(CurrencyView, { currency: (_a = serviceType.price) === null || _a === void 0 ? void 0 : _a.currency, className: classnames("label", { nothing: !((_b = serviceType.price) === null || _b === void 0 ? void 0 : _b.currency) }), onChange: (value) => {
+                                state.price.Currency = value;
+                                onSave();
+                            } }),
+                        React.createElement(InlineEdit, { defaultValue: state.price.Amount, content: (v) => {
+                                var _a;
+                                return (React.createElement("div", { className: classnames("amount", {
+                                        nothing: !((_a = serviceType.price) === null || _a === void 0 ? void 0 : _a.amount),
+                                    }) }, v.store.value || "Add Amount"));
+                            }, onSave: (v) => {
+                                var _a;
+                                if (v && v !== ((_a = serviceType.price) === null || _a === void 0 ? void 0 : _a.amount)) {
+                                    state.price.Amount = v;
+                                    onSave();
+                                }
+                            } })),
+                    React.createElement("div", { className: "service-title" },
+                        "Subscription",
+                        React.createElement(Checkbox, { checked: state.subscription.Subscription, onChange: (e) => {
+                                state.subscription.Subscription = e.target.checked;
+                                if (e.target.checked)
+                                    state.subscription.SubscriptionTerm = "Monthly";
+                                onSave();
+                            } })),
+                    state.subscription.Subscription && (React.createElement("div", { className: "service-info" },
+                        React.createElement("span", { className: "label" }, "Term"),
+                        React.createElement(Select, { value: state.subscription.SubscriptionTerm, style: { minWidth: 120 }, bordered: false, placeholder: "Subscription Term", onChange: (v) => {
+                                state.subscription.SubscriptionTerm = v;
+                                onSave();
+                            } },
+                            React.createElement(Select.Option, { value: "Monthly" }, "Monthly"),
+                            React.createElement(Select.Option, { value: "Quarterly" }, "Quarterly"),
+                            React.createElement(Select.Option, { value: "HalfAnnually" }, "Half Annually"),
+                            React.createElement(Select.Option, { value: "Annually" }, "Annually")))),
+                    React.createElement("div", { className: "service-title" },
+                        "Setting Form",
+                        !serviceType.settingFormSchemaId && (React.createElement(React.Fragment, null, state.loading ? (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { spin: true, style: { marginLeft: "15px" } }) })) : (React.createElement(Checkbox, { checked: state.createForm, onChange: (e) => {
+                                state.createForm = e.target.checked;
+                                state.loading = true;
+                                onSave();
+                                state.loading = false;
+                            } }))))),
+                    serviceType.settingFormSchemaId && (React.createElement("div", { className: "service-info" },
+                        React.createElement(Button, { type: "link", onClick: () => layout.history.push(`/design/${serviceType.settingFormSchemaId}`) }, "Design Setting Form"))))),
+                React.createElement(ActionPlan, { id: id }))));
+    });
+    async function onSave() {
+        await serviceTypeStore.edit(id, {
+            data: {
+                Name: state.name,
+                Description: state.description,
+                Price: state.price,
+                Subscription: state.subscription,
+                CreateForm: state.createForm,
+            },
+            error: (error) => {
+                var _a, _b;
+                message.error(error.message);
+                state.name = serviceType === null || serviceType === void 0 ? void 0 : serviceType.name;
+                state.price.Amount = (_a = serviceType === null || serviceType === void 0 ? void 0 : serviceType.price) === null || _a === void 0 ? void 0 : _a.amount;
+                state.subscription.Subscription = !!((_b = serviceType.subscription) === null || _b === void 0 ? void 0 : _b.subscription);
+                state.createForm = !!(serviceType === null || serviceType === void 0 ? void 0 : serviceType.settingFormSchemaId);
+            },
+        });
+        // state.serviceType.settingFormSchemaId = r.settingFormSchemaId;
+    }
+};
+export default ServiceTypePropertiesView;
+//# sourceMappingURL=index.js.map