@voplus/morpho-csp 6.0.97 → 6.0.99

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js

@@ -1,22 +1,24 @@
 import React, { useState } from "react";
-import { Divider } from "antd";
+import { Divider, Select } from "antd";
 import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
 import { faUserTag } from "@fortawesome/pro-light-svg-icons";
-import { observe, InlineEdit } from "@voplus/morpho-ui";
+import { observe } from "@voplus/morpho-ui";
 import { useIncorporationFormContext } from "../../incorporation/context";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
-import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
+import FolderEdit from "@voplus/morpho-document/es/controls/FolderEdit";
 import Section from "../../../controls/Section";
 import Tips from "../../../controls/Tips/Tip";
+import classnames from "classnames";
+import styles from "@voplus/morpho-org/es/controls/UnitReference/index.less";
 const DataProtectionOfficer = (props) => {
-    const { id } = props;
-    const [showDialog, setShowDialog] = useState(false);
+    var _a;
     const store = useCLDAFormStore();
     const context = useIncorporationFormContext();
     const incorporation = useCLDAForm(props.id);
+    const [showEditIcon, setShowEditIcon] = useState((_a = context.editable) !== null && _a !== void 0 ? _a : true);
+    const [editable, setEditable] = useState(false);
     return observe(() => {
-        var _a;
+        var _a, _b, _c, _d;
         return (React.createElement(Section, { title: React.createElement(React.Fragment, null,
                 React.createElement(FontAwesomeIcon, { icon: faUserTag }),
                 "Data Protection Officer",
@@ -32,18 +34,36 @@ const DataProtectionOfficer = (props) => {
             React.createElement("div", { className: "internal-use-section secretary-list" },
                 React.createElement("div", { className: "sub-title" }, "DPO"),
                 React.createElement(Divider, { style: { margin: "10px 0" } }),
-                React.createElement(InlineEdit, { defaultValue: "", showEditIcon: (_a = context.editable) !== null && _a !== void 0 ? _a : true, editable: false, onEditIconClick: () => setShowDialog(true), content: (v) => {
-                        var _a, _b;
-                        return ((_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.dpo) ? (React.createElement(UnitReference, { id: (_b = incorporation.content) === null || _b === void 0 ? void 0 : _b.dpo, symbol: true })) : (React.createElement("div", { style: { minHeight: "26px" } },
-                            React.createElement("span", { className: "add-info-style" }, "Select Contact")));
-                    } }),
-                showDialog && (React.createElement(UnitsSelectDialog, { type: "click", isEmptyData: true, multiSelect: false, onSelect: onSave, onCancel: () => setShowDialog(false) })))));
+                React.createElement(FolderEdit, { showEditIcon: showEditIcon, onEditIconClick: onEditWorkType }, editable ? (React.createElement(Select, { showSearch: true, allowClear: true, style: { width: "280px" }, placeholder: "select a contact", optionFilterProp: "label", value: (_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.dpo, onChange: onSave, popupClassName: "director-select-contact", options: ((_c = (_b = incorporation.content) === null || _b === void 0 ? void 0 : _b.contacts) !== null && _c !== void 0 ? _c : []).map((item) => {
+                        return {
+                            value: item.id,
+                            label: item.name,
+                        };
+                    }) })) : ((_d = incorporation.content) === null || _d === void 0 ? void 0 : _d.dpo) ? (React.createElement("div", { className: classnames(styles["unit-reference-node"], { symbol: true }) }, `@ ${findSelectedDPO(incorporation.content.dpo).name}`)) : (React.createElement("div", { style: { minHeight: "26px" } },
+                    React.createElement("span", { className: "add-info-style" }, "Select Contact")))))));
     });
-    async function onSave(unit) {
-        var _a;
+    function onEditWorkType() {
+        setEditable(true);
+        setShowEditIcon(false);
+    }
+    function onBulurWorkType() {
+        setShowEditIcon(true);
+        setEditable(false);
+    }
+    function findSelectedDPO(id) {
+        var _a, _b;
+        let selectedDPO = [];
+        (_b = (_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts) === null || _b === void 0 ? void 0 : _b.map((c) => {
+            if (c.id === id) {
+                selectedDPO.push(c);
+            }
+        });
+        return selectedDPO[0];
+    }
+    async function onSave(contactId) {
         await store
-            .edit(id, { data: { DPO: ((_a = unit[0]) === null || _a === void 0 ? void 0 : _a.id) || "" }, error: "message" })
-            .then(() => setShowDialog(false));
+            .edit(props.id, { data: { DPO: contactId || "" }, error: "message" })
+            .then(() => onBulurWorkType());
     }
 };
 export default DataProtectionOfficer;

package/es/modules/self-registration/clda-form/components/DataProtectionOfficer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,iBAAiB,MAAM,oDAAoD,CAAC;AACnF,OAAO,aAAa,MAAM,8CAA8C,CAAC;AACzE,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAE9C,MAAM,qBAAqB,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5C,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,OAAO,IACP,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI;;gBACZ,GAAG;gBAC3B,oBAAC,IAAI,IACJ,OAAO,EACN;;wBAC0E,+BAAM;;wBACJ,+BAAM;;wBACR,+BAAM;6FAE7E,GAEH,CACc;YAGlB,6BAAK,SAAS,EAAC,qCAAqC;gBACnD,6BAAK,SAAS,EAAC,WAAW,UAAU;gBACpC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAI;gBAExC,oBAAC,UAAU,IACV,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,MAAA,OAAO,CAAC,QAAQ,mCAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;wBACd,OAAA,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,GAAG,EAAC,CAAC,CAAC,CAC5B,oBAAC,aAAa,IAAC,EAAE,EAAE,MAAA,aAAa,CAAC,OAAO,0CAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,CAC/D,CAAC,CAAC,CAAC,CACH,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;4BAChC,8BAAM,SAAS,EAAC,gBAAgB,qBAAsB,CACjD,CACN,CAAA;qBAAA,GAED;gBAED,UAAU,IAAI,CACd,oBAAC,iBAAiB,IACjB,IAAI,EAAC,OAAO,EACZ,WAAW,QACX,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACnC,CACF,CACI,CACG,CACV,CAAA;KAAA,CAAC,CAAC;IAEH,KAAK,UAAU,MAAM,CAAC,IAAkD;;QACvE,MAAM,KAAK;aACT,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAAA,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,EAAE,KAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;aAChE,IAAI,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACpC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/DataProtectionOfficer/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/FirstStep/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const StartStep: () => React.JSX.Element;
+export default StartStep;

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/FirstStep/index.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Button } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { useFIncorporationCLDAClientContext } from "../../IncorporationCLDAClientContext";
+import { useIncorporationCLDA } from "../../../../../../../data/incorporation-clda";
+import IncorporationClientViewCard from "../IncorporationClientViewCard";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import "./index.less";
+const StartStep = () => {
+    const context = useFIncorporationCLDAClientContext();
+    const incorporation = useIncorporationCLDA(context.id);
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(IncorporationClientViewCard, null,
+            React.createElement("div", { className: "introduction-details-first-page" },
+                ((_a = incorporation.clientTexts) === null || _a === void 0 ? void 0 : _a.description) ? (React.createElement(Viewer, { html: (_b = incorporation.clientTexts) === null || _b === void 0 ? void 0 : _b.description })) : (React.createElement("div", { className: "introduction-details" },
+                    React.createElement("p", { className: "title" }, "Welcome! Thank you for using our \u2018Incorporation Tool\u2019"),
+                    React.createElement("p", null, "This tool will assist you to get started with the incorporation process with Voplus."),
+                    React.createElement("br", null),
+                    React.createElement("p", null, "You can fill the incorporation information, review quotation and upload documents on the next page"),
+                    React.createElement("br", null),
+                    React.createElement("p", null, "Let us get started."))),
+                React.createElement(Button, { className: "step-actions", type: "primary", loading: context.loading, onClick: start }, "Start"))));
+    });
+    function start() {
+        context.step = context.step + 1;
+    }
+};
+export default StartStep;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/FirstStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/FirstStep/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,MAAM,MAAM,oDAAoD,CAAC;AACxE,OAAO,cAAc,CAAC;AAEtB,MAAM,SAAS,GAAG,GAAG,EAAE;IACtB,MAAM,OAAO,GAAG,kCAAkC,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,2BAA2B;YAC3B,6BAAK,SAAS,EAAC,iCAAiC;gBAC9C,CAAA,MAAA,aAAa,CAAC,WAAW,0CAAE,WAAW,EAAC,CAAC,CAAC,CACzC,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAA,aAAa,CAAC,WAAW,0CAAE,WAAW,GAAI,CACxD,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,sBAAsB;oBACpC,2BAAG,SAAS,EAAC,OAAO,sEAA0D;oBAC9E,sHAEI;oBACJ,+BAAM;oBACN,oIAGI;oBACJ,+BAAM;oBACN,qDAA0B,CACrB,CACN;gBAED,oBAAC,MAAM,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,YAE/E,CACJ,CACuB,CAC9B,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,KAAK;QACb,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC;IACjC,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/FirstStep/index.less

@@ -0,0 +1,32 @@
+:global {
+	.introduction-details-first-page {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+
+		.ProseMirror-container {
+			padding: 30px 28px 15px 25px;
+		}
+
+		.introduction-details {
+			padding: 30px 28px 15px 25px;
+			color: #5d5d5d;
+			font: normal normal 600 14px/19px Open Sans;
+
+			.title {
+				margin-bottom: 15px;
+				color: #217eb2;
+				font: normal normal bold 20px/27px Open Sans;
+			}
+		}
+
+		.step-actions {
+			width: 65px;
+			height: 30px;
+			margin-left: 25px;
+			margin-bottom: 25px;
+			font: normal normal bold 14px/19px Open Sans;
+		}
+	}
+}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/IncorporationClientViewCard/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const IncorporationClientViewCard: (props: {
+    children: React.ReactNode;
+    bodyStyle?: React.CSSProperties;
+}) => React.JSX.Element;
+export default IncorporationClientViewCard;

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/IncorporationClientViewCard/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import "./index.less";
+const IncorporationClientViewCard = (props) => {
+    return observe(() => (React.createElement("div", { className: "incorporation-client-view-card" },
+        React.createElement("div", { className: "trim-strip" }),
+        React.createElement("div", { className: "card-content", style: props.bodyStyle }, props.children))));
+};
+export default IncorporationClientViewCard;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/IncorporationClientViewCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/IncorporationClientViewCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,MAAM,2BAA2B,GAAG,CAAC,KAGpC,EAAE,EAAE;IACJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,gCAAgC;QAC9C,6BAAK,SAAS,EAAC,YAAY,GAAO;QAClC,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,CAAC,SAAS,IAClD,KAAK,CAAC,QAAQ,CACV,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/IncorporationClientViewCard/index.less

@@ -0,0 +1,17 @@
+:global {
+	.incorporation-client-view-card {
+		width: 100%;
+		background: #fff;
+		border-radius: 5px;
+
+		.trim-strip {
+			height: 13px;
+			border-radius: 5px 5px 0px 0px;
+			background: #217eb2 0% 0% no-repeat padding-box;
+		}
+
+		.card-content {
+			height: calc(100% - 13px);
+		}
+	}
+}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/SecondStep/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const DetailsStep: () => React.JSX.Element;
+export default DetailsStep;

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/SecondStep/index.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import { observe } from "@voplus/morpho-ui";
+import { useFIncorporationCLDAClientContext } from "../../IncorporationCLDAClientContext";
+import { useIncorporationCLDA } from "../../../../../../../data/incorporation-clda";
+import { useLayout } from "@voplus/morpho-data";
+import { Button } from "antd";
+import IncorporationClientViewCard from "../IncorporationClientViewCard";
+import SubmitterSectionItem from "@voplus/morpho-document/es/pages/VSubmit/components/SubmitSections/SubmitterSectionItem";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import "./index.less";
+const DetailsStep = () => {
+    const context = useFIncorporationCLDAClientContext();
+    const layout = useLayout();
+    const incorporation = useIncorporationCLDA(context.id);
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return (React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(IncorporationClientViewCard, null,
+                React.createElement("div", { className: "introduction-details-second-page" },
+                    React.createElement("div", { className: "single-details" },
+                        React.createElement("div", { className: "details-title" },
+                            React.createElement("span", { className: "details-number" }, "1. "),
+                            ((_a = incorporation.clientTexts) === null || _a === void 0 ? void 0 : _a.formTitle) ? (React.createElement(Viewer, { html: (_b = incorporation.clientTexts) === null || _b === void 0 ? void 0 : _b.formTitle })) : (React.createElement("span", null, "Incorporation Form Filing"))),
+                        React.createElement("div", { className: "details-content" }, ((_c = incorporation.clientTexts) === null || _c === void 0 ? void 0 : _c.formDescription) ? (React.createElement(Viewer, { html: (_d = incorporation.clientTexts) === null || _d === void 0 ? void 0 : _d.formDescription })) : (React.createElement("div", null,
+                            React.createElement("p", null, "This is an \u2018electronic incorporation form\u2019."),
+                            React.createElement("p", null, "Please click on \u2018Open\u2019 button to fill up all the necessary information required about the Singapore Company to be registered.")))),
+                        React.createElement(Button, { className: "step-actions", type: "primary", loading: context.loading, onClick: () => {
+                                if (incorporation.formId)
+                                    onOpen(`/c/clda/form/${incorporation.formId}`);
+                            } }, "Open")),
+                    React.createElement("div", { className: "single-details" },
+                        React.createElement("div", { className: "details-title" },
+                            React.createElement("span", { className: "details-number" }, "2."),
+                            ((_e = incorporation.clientTexts) === null || _e === void 0 ? void 0 : _e.quotationTitle) ? (React.createElement(Viewer, { html: (_f = incorporation.clientTexts) === null || _f === void 0 ? void 0 : _f.quotationTitle })) : (React.createElement("span", null, "Quotation Review & Payment"))),
+                        React.createElement("div", { className: "details-content" }, ((_g = incorporation.clientTexts) === null || _g === void 0 ? void 0 : _g.quotationDescription) ? (React.createElement(Viewer, { html: (_h = incorporation.clientTexts) === null || _h === void 0 ? void 0 : _h.quotationDescription })) : (React.createElement("div", null,
+                            React.createElement("p", null, "This is an \u2018electronic quotation\u2019 for your reference and kind confirmation."),
+                            React.createElement("p", null, "Upon acceptance of the quotation and payment, an automatic invoice will be generated immediately and will be sent to your email, for reference."),
+                            React.createElement("p", null, "Please click on \u2018Open\u2019 button to review the quotation.")))),
+                        incorporation.quotationId ? (React.createElement(Button, { type: "primary", className: "step-actions", loading: context.loading, onClick: () => onOpen(`/c/quotations/${incorporation.quotationId}`) }, "Open")) : (React.createElement(Button, null, "No Data"))),
+                    incorporation.uploadFolderId && (React.createElement("div", { className: "single-details-end" },
+                        React.createElement("div", { className: "details-title" },
+                            React.createElement("span", null, "3. Documents Uploading")),
+                        React.createElement(SubmitterSectionItem, { id: incorporation.uploadFolderId, index: 0 })))))));
+    });
+    function onOpen(url) {
+        layout.history.push(url);
+    }
+};
+export default DetailsStep;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/SecondStep/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/SecondStep/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/components/SecondStep/index.less

@@ -0,0 +1,69 @@
+:global {
+	.introduction-details-second-page {
+		padding: 0 25px 30px;
+
+		.single-details {
+			margin-top: 25px;
+			border-bottom: 1px solid #e6e6e6;
+
+			.details-title {
+				display: flex;
+				align-items: center;
+				color: #217eb2;
+				font: normal normal bold 16px/22px Open Sans;
+				margin-bottom: 15px;
+			}
+
+			.details-content {
+				margin-bottom: 15px;
+			}
+
+			.step-actions {
+				width: 67px;
+				height: 30px;
+				margin-bottom: 25px;
+				font: normal normal bold 14px/19px Open Sans;
+			}
+		}
+
+		.single-details-end {
+			margin-top: 25px;
+
+			.details-title {
+				color: #217eb2;
+				font: normal normal bold 16px/22px Open Sans;
+				margin-bottom: 15px;
+			}
+
+			.sections-item-card {
+				&.sections-item-card_zero {
+					padding: 0;
+				}
+			}
+
+			.description-editor {
+				.description-readonly-proseMirror {
+					.ProseMirror-container {
+						.ProseMirror {
+							padding: 0;
+						}
+					}
+				}
+			}
+
+			.section-item-content {
+				.document-header-default {
+					display: none;
+				}
+
+				.list-view-header-tool {
+					padding: 0;
+				}
+
+				.doc-list-content {
+					height: 170px;
+				}
+			}
+		}
+	}
+}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/index.js

@@ -1,29 +1,31 @@
-import { Button, Card, Spin, Steps } from "antd";
-import { IncorporationCLDAClientContext, IncorporationCLDAClientState, } from "./IncorporationCLDAClientContext";
 import React, { useEffect, useMemo, useState } from "react";
+import { Button, Spin } from "antd";
+import { IncorporationCLDAClientContext, IncorporationCLDAClientState, } from "./IncorporationCLDAClientContext";
 import { useParams } from "react-router";
 import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
 import { useLayout, useTabItem } from "@voplus/morpho-data";
+import { useIncorporationCLDA } from "../../../../../data/incorporation-clda";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { LoadingOutlined } from "@ant-design/icons";
+import { faXmark } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
 import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
 import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import DetailsStep from "../../components/DetailsStep";
-import { LoadingOutlined } from "@ant-design/icons";
-import StartStep from "../../components/StartStep";
+import IncorporationClientViewCard from "./components/IncorporationClientViewCard";
+import DetailsStep from "./components/SecondStep";
+import StartStep from "./components/FirstStep";
 import TourGuide from "./TourGuide";
 import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
 import styles from "./index.less";
-import { useIncorporationCLDA } from "../../../../../data/incorporation-clda";
 const IncorporationCLDAClientView = () => {
     const params = useParams();
     const id = params.id;
     const layout = useLayout();
-    const { Step } = Steps;
     const view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    const [title, setTitle] = useState("Open Comment");
     const [asideContext] = useState(AsideContent.createContext());
     const [state] = useState(new IncorporationCLDAClientState());
+    const [visibleFaIconImg, setVisibleFaIconImg] = useState(true);
     state.id = id;
     const incorporationCLDA = useIncorporationCLDA(id, { includes: "ids,client-texts" });
     const tab = useTabItem();
@@ -36,10 +38,16 @@ const IncorporationCLDAClientView = () => {
         runInAction(() => {
             tab.title = "Incorporation";
             if (!layout.ui.mobile)
-                asideContext.openAside(AsideElement, { span: 12 });
+                asideContext.openAside(AsideElement, { span: 8 });
         });
     }, []);
-    const AsideElement = observe(() => (React.createElement(React.Fragment, null, incorporationCLDA.loaded && (React.createElement(React.Fragment, null, incorporationCLDA.quotationId ? (React.createElement(ActivityLog, { id: id, title: "Comment", nodes: [incorporationCLDA.quotationId] })) : (React.createElement(ActivityLog, { id: id, title: "Comment" })))))));
+    const AsideElement = observe(() => (React.createElement(React.Fragment, null, incorporationCLDA.loaded && (React.createElement("div", { className: "incorporation-clda-client-view-comment" },
+        !layout.ui.mobile && (React.createElement("header", null,
+            React.createElement("div", { className: "comment-header" },
+                React.createElement("div", { className: "title" }, "Comments"),
+                React.createElement("div", { className: "func-btn", onClick: toggleActivity },
+                    React.createElement(FAIcon, { icon: faXmark }))))),
+        incorporationCLDA.quotationId ? (React.createElement(ActivityLog, { id: id, isHeader: false, nodes: [incorporationCLDA.quotationId] })) : (React.createElement(ActivityLog, { id: id, isHeader: false })))))));
     const steps = [
         {
             title: "Introduction",
@@ -52,23 +60,35 @@ const IncorporationCLDAClientView = () => {
     ];
     return observe(() => (React.createElement(ViewContext.Provider, { value: view },
         React.createElement(IncorporationCLDAClientContext.Provider, { value: state },
-            React.createElement(TourGuide, { id: id }),
-            React.createElement("div", { className: classnames("clda-client-view", styles["incorporation-clda-client-view"]) },
-                React.createElement("header", { className: "clda-client-view-header" },
-                    React.createElement("div", { "data-tut": "incorporation-assistant" }, "Incorporation Assistant"),
-                    React.createElement(Button, { className: "toogle-btn", size: "small", onClick: toggleActivity, "data-tut": "activity-log" }, layout.ui.mobile ? "Comment" : title)),
-                React.createElement(AsideContent, { context: asideContext },
-                    React.createElement("div", { className: "clda-client-view_content" },
-                        React.createElement("div", { className: "clda-client-view-step" }, !(incorporationCLDA === null || incorporationCLDA === void 0 ? void 0 : incorporationCLDA.loaded) ? (React.createElement(Card, { title: "Loading ~~", className: "steps-content", bodyStyle: { textAlign: "center" } },
+            React.createElement(AsideContent, { context: asideContext },
+                React.createElement(TourGuide, { id: id }),
+                React.createElement("div", { className: styles["incorporation-clda-client-view"] },
+                    layout.ui.mobile ? (
+                    // 手机端暂时使用之前的 header
+                    React.createElement("header", { className: "clda-client-view-header-mobile" },
+                        React.createElement("div", { "data-tut": "incorporation-assistant" }, "Incorporation Assistant"),
+                        React.createElement(Button, { className: "toogle-btn", size: "small", onClick: toggleActivity, "data-tut": "activity-log" }, "Comment"))) : (React.createElement("header", { className: "clda-client-view-header" },
+                        React.createElement("div", { className: "header-content" },
+                            React.createElement("div", { className: "header-icon", "data-tut": "incorporation-assistant" }, visibleFaIconImg && (React.createElement("img", { className: "incorporation-fa-icon-image", src: "/img/incorporation-clda/incorporation-assisatnce-fa-icon.png", onError: (event) => event.type === "error" && setVisibleFaIconImg(false) }))),
+                            React.createElement("div", { className: "header-info" },
+                                React.createElement("div", { className: "title" }, "INCORPORATION ASSISTANCE"),
+                                React.createElement("div", { className: "explanation-open" },
+                                    React.createElement("div", { className: "explanation" }, "Streamline Your Business Formation with Expert Guidance"),
+                                    !asideContext.asideContent && (React.createElement(Button, { className: "open-btn", onClick: toggleActivity, "data-tut": "activity-log" }, "View Comment"))))))),
+                    React.createElement("div", { className: classnames("incorporation-clda-client-view-content", {
+                            mobile: layout.ui.mobile,
+                        }), style: {
+                            justifyContent: asideContext.asideContent ? "flex-start" : "center",
+                            marginLeft: asideContext.asideContent ? "50px" : "0",
+                        } },
+                        React.createElement("div", { className: "incorporation-clda-client-view-step" }, !(incorporationCLDA === null || incorporationCLDA === void 0 ? void 0 : incorporationCLDA.loaded) ? (React.createElement(IncorporationClientViewCard, { bodyStyle: { textAlign: "center", marginTop: "30px" } },
                             React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (steps[state.step].content)))))))));
     function toggleActivity() {
         if (asideContext.asideContent) {
             asideContext.closeAside();
-            setTitle("Open Comment");
         }
         else {
-            asideContext.openAside(AsideElement, { span: 12 });
-            setTitle("Close Comment");
+            asideContext.openAside(AsideElement, { span: 8 });
         }
     }
 };

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-clda/pages/IncorporationCLDAClientView/index.less

@@ -1,52 +1,118 @@
-@import "../../../../corporate/clda/pages/CLDAClientView/index.less";
+@import "~@voplus/morpho-theme/styles/index.less";
 
 .incorporation-clda-client-view {
+	background-image: url("/public/img/incorporation-clda/incorporation-assistance-bg.png");
+	background-position: left;
+	background-repeat: no-repeat;
+
 	:global {
 		.clda-client-view-header {
+			height: 138px;
+			background: #fff;
+
+			.header-content {
+				display: flex;
+				padding: 40px 36px 0 50px;
+
+				.header-icon {
+					height: 61px;
+					padding: 0 16.5px;
+					background: #8bc2f8;
+					border-radius: 2px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 25px;
+
+					.incorporation-fa-icon-image {
+						width: 33px;
+						height: 26px;
+					}
+				}
+
+				.header-info {
+					width: 100%;
+
+					.title {
+						font: normal normal bold 30px/41px Open Sans;
+						color: #217eb2;
+					}
+				}
+
+				.explanation-open {
+					display: flex;
+					align-items: flex-start;
+					justify-content: space-between;
+
+					.explanation {
+						font: normal normal 600 16px/22px Open Sans;
+						color: #5d5d5d;
+						height: 22px;
+					}
+
+					.open-btn {
+						width: 133px;
+						height: 30px;
+						color: #217eb2;
+						border-radius: 5px;
+						border: 1px solid #217eb2;
+						font: normal normal bold 14px/19px Open Sans;
+					}
+				}
+			}
+		}
+
+		.clda-client-view-header-mobile {
 			display: flex;
 			justify-content: space-between;
+			padding: 15px 20px;
+			font-size: 15px;
+			font-weight: 500;
+			background-color: #fff;
+			border-bottom: 1px solid #f2f2f2;
 		}
 
-		.clda-client-view_content {
-			padding: 0;
-			.clda-client-view-step {
-				height: 100%;
-				padding: 20px;
-			}
-			.steps-content {
-				margin: 0 auto 20px;
+		.incorporation-clda-client-view-content {
+			display: flex;
+			height: calc(100% - 138px);
+
+			&.mobile {
+				height: calc(100% - 55px);
 			}
-			.steps-content-upload {
-				.ant-card-body {
-					padding: 24px 0;
-					.document-header-default {
-						display: none;
-						padding: 10px 24px !important;
-					}
-					.section-document {
-						.document-header-default {
-							display: flex;
-						}
-					}
-				}
+
+			.incorporation-clda-client-view-step {
+				width: 740px;
+				height: 100%;
+				padding: 40px 0 25px;
 			}
-			.steps-title {
-				.steps-number {
-					float: left;
-					margin-right: 3px;
-					// margin-top: -1px;
-				}
-				> div {
-					display: inline-block;
-				}
+		}
+	}
+}
+
+:global {
+	.incorporation-clda-client-view-comment {
+		height: calc(100% - 63px);
+
+		& > header {
+			padding: 0 20px;
+		}
+
+		.comment-header {
+			padding: 20px 0 15px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 1px solid #cbcbcb;
+
+			.title {
+				color: #5d5d5d;
+				font: normal normal bold 20px/27px Open Sans;
 			}
-			.sections-item-card {
-				height: 350px;
-				padding: 0;
-				.section-item-content {
-					height: 100%;
-					display: flex;
-					flex-direction: column;
+
+			.func-btn {
+				& > svg {
+					color: #868686;
+					font: normal normal normal 14px/17px Font Awesome 6 Free;
 				}
 			}
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-csp",
-	"version": "6.0.97",
+	"version": "6.0.99",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-csp/_git/morpho-csp"
@@ -19,7 +19,7 @@
 		"copy-less-mac": "cpx 'src/**/*.less' lib && cpx 'src/**/*.less' es && cpx 'src/**/*.css' es",
 		"clean": "del-cli es && jest --clearCache",
 		"clean-hooks": "del-cli .git/hooks",
-		"storybook": "sb dev -p 9001 -c .storybook -s ./public",
+		"storybook": "sb dev -p 9001 -c .storybook -s ../public",
 		"lint": "npx eslint -c .eslintrc.js --ext .ts --ext .tsx src",
 		"build": "npm run clean && tsc -p tsconfig.prod.json && npm run copy-less",
 		"build:mac": "npm run clean && tsc -p tsconfig.prod.json && npm run copy-less-mac",