@voplus/morpho-csp 6.0.98 → 6.0.100

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,27 +1,29 @@
-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 { faHandshakeAngle } from "@fortawesome/pro-duotone-svg-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());
     state.id = id;
@@ -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,36 @@ 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" },
+                                React.createElement(FAIcon, { className: "incorporation-fa-icon", icon: faHandshakeAngle, color: "#fff" })),
+                            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("/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 14px;
+					background: #8bc2f8;
+					border-radius: 2px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 25px;
+
+					.incorporation-fa-icon {
+						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.98",
+	"version": "6.0.100",
 	"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",