@voplus/morpho-csp 4.0.5 → 4.0.7

package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.js

@@ -1,93 +1,93 @@
-import { CertRefreshContext, RefreshState } from "./ActivityRefreshContext";
-import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
-import { faArrowDownToLine, faBars } from "@fortawesome/pro-light-svg-icons";
-import { observe, useAutorunEffect } from "@voplus/morpho-ui";
-import { useApplicationContext, useLayout, useTabItem } from "@voplus/morpho-data";
-import ActivityLogTpl from "./ActivityLogTpl";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import { Button } from "antd";
-import DisclaimerDialog from "./DisclaimerDialog";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Scrollbars } from "react-custom-scrollbars";
-import ShareCertificate from "../../components/ShareCertificate";
-import { State } from "./state";
-import styles from "./index.less";
-import { useParams } from "react-router";
-import { useShareCertificate } from "../../../../../data/share-certificate";
-const ShareCertificateClientView = () => {
-    const params = useParams();
-    const id = params.id;
-    const layout = useLayout();
-    const tab = useTabItem();
-    const shareCertificate = useShareCertificate(id);
-    const ref = useRef(null);
-    const { user } = useApplicationContext();
-    const [certScale, setCertScale] = useState();
-    const [certHeight, setCertHeight] = useState();
-    const [state] = useState(new State(user.info.id));
-    const [context] = useState(() => new RefreshState());
-    const [asideContext] = useState(AsideContent.createContext());
-    const AsideAccept = observe(() => (React.createElement(DisclaimerDialog, { visible: true, mobile: true, onAccept: onCloseDisclaimer })));
-    useAutorunEffect(() => (tab.title = shareCertificate.name || "Share Certificate"));
-    useEffect(() => {
-        if (!layout.ui.mobile) {
-            asideContext.openAside(React.createElement(ActivityLogTpl, { id: id }), { span: 6 });
-        }
-        else {
-            state.promptInformationVisible && asideContext.openAside(AsideAccept, { span: 6 });
-        }
-    });
-    useLayoutEffect(() => {
-        var _a, _b;
-        setCertHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
-        setCertScale((((_b = ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0) / 926);
-    });
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(CertRefreshContext.Provider, { value: context },
-            React.createElement(AsideContent, { context: asideContext }, !layout.ui.mobile ? (React.createElement("div", { className: styles["share-certificate-client-view"] },
-                React.createElement("div", { className: "share-certificate-client-header" },
-                    React.createElement("div", { className: "text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" }, shareCertificate.name),
-                    ((_a = shareCertificate.shareholder) === null || _a === void 0 ? void 0 : _a.id) === user.info.id && (React.createElement(Button, { onClick: () => window.location.assign(window.location.origin +
-                            `/api/csp/shares/certificates/${id}/pdf?access_token=${encodeURIComponent(user.info.accessToken)}`) }, "Download"))),
-                React.createElement("div", { className: "share-certificate-client-body" },
-                    React.createElement(Scrollbars, { autoHide: true },
-                        React.createElement("div", { className: "share-certificate-tep" },
-                            React.createElement(ShareCertificate, { id: id })))),
-                React.createElement("div", { className: "share-certificate-client-footer" },
-                    React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")),
-                state.promptInformationVisible && (React.createElement(DisclaimerDialog, { visible: state.isPromptInformation, onAccept: state.promptInformationClose })))) : (React.createElement("div", { className: styles["share-certificate-client-view-m"] },
-                React.createElement("header", null,
-                    ((_b = shareCertificate.shareholder) === null || _b === void 0 ? void 0 : _b.id) === user.info.id ? (React.createElement(Button, { size: "small", className: "share-certificate-download", onClick: () => window.location.assign(window.location.origin +
-                            `/api/csp/shares/certificates/${id}/pdf?access_token=${encodeURIComponent(user.info.accessToken)}`) },
-                        React.createElement(FAIcon, { icon: faArrowDownToLine }))) : (React.createElement("div", { className: "share-certificate-download-placeholder" })),
-                    React.createElement("div", { className: "share-certificate-title" }, shareCertificate.name),
-                    React.createElement(Button, { size: "small", onClick: toggleActivity },
-                        React.createElement(FAIcon, { icon: faBars }))),
-                React.createElement("div", { className: "share-certificate-client-body", ref: ref },
-                    React.createElement(Scrollbars, { autoHide: true },
-                        React.createElement("div", { className: "share-cert-scale", style: {
-                                transform: `scaleX(${certScale}) scaleY(${certScale})`,
-                                height: `${certHeight}px`,
-                            } },
-                            React.createElement(ShareCertificate, { mobile: true, id: id })))),
-                React.createElement("div", { className: "share-certificate-client-footer" },
-                    React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")))))));
-    });
-    async function onCloseDisclaimer() {
-        state.promptInformationClose();
-        if (asideContext.asideContent) {
-            asideContext.closeAside();
-        }
-    }
-    function toggleActivity() {
-        if (asideContext.asideContent) {
-            asideContext.closeAside();
-        }
-        else {
-            asideContext.openAside(React.createElement(ActivityLogTpl, { id: id }), { span: 12 });
-        }
-    }
-};
-export default ShareCertificateClientView;
+import { CertRefreshContext, RefreshState } from "./ActivityRefreshContext";
+import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { faArrowDownToLine, faBars } from "@fortawesome/pro-light-svg-icons";
+import { observe, useAutorunEffect } from "@voplus/morpho-ui";
+import { useApplicationContext, useLayout, useTabItem } from "@voplus/morpho-data";
+import ActivityLogTpl from "./ActivityLogTpl";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { Button } from "antd";
+import DisclaimerDialog from "./DisclaimerDialog";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Scrollbars } from "react-custom-scrollbars";
+import ShareCertificate from "../../components/ShareCertificate";
+import { State } from "./state";
+import styles from "./index.less";
+import { useParams } from "react-router";
+import { useShareCertificate } from "../../../../../data/share-certificate";
+const ShareCertificateClientView = () => {
+    const params = useParams();
+    const id = params.id;
+    const layout = useLayout();
+    const tab = useTabItem();
+    const shareCertificate = useShareCertificate(id);
+    const ref = useRef(null);
+    const { user } = useApplicationContext();
+    const [certScale, setCertScale] = useState();
+    const [certHeight, setCertHeight] = useState();
+    const [state] = useState(new State(user.info.id));
+    const [context] = useState(() => new RefreshState());
+    const [asideContext] = useState(AsideContent.createContext());
+    const AsideAccept = observe(() => (React.createElement(DisclaimerDialog, { visible: true, mobile: true, onAccept: onCloseDisclaimer })));
+    useAutorunEffect(() => (tab.title = shareCertificate.name || "Share Certificate"));
+    useEffect(() => {
+        if (!layout.ui.mobile) {
+            asideContext.openAside(React.createElement(ActivityLogTpl, { id: id }), { span: 6 });
+        }
+        else {
+            state.promptInformationVisible && asideContext.openAside(AsideAccept, { span: 6 });
+        }
+    });
+    useLayoutEffect(() => {
+        var _a, _b;
+        setCertHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
+        setCertScale((((_b = ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0) / 926);
+    });
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(CertRefreshContext.Provider, { value: context },
+            React.createElement(AsideContent, { context: asideContext }, !layout.ui.mobile ? (React.createElement("div", { className: styles["share-certificate-client-view"] },
+                React.createElement("div", { className: "share-certificate-client-header" },
+                    React.createElement("div", { className: "text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" }, shareCertificate.name),
+                    ((_a = shareCertificate.shareholder) === null || _a === void 0 ? void 0 : _a.id) === user.info.id && (React.createElement(Button, { onClick: () => window.location.assign(window.location.origin +
+                            `/api/csp/shares/certificates/${id}/pdf?access_token=${encodeURIComponent(user.info.accessToken)}`) }, "Download"))),
+                React.createElement("div", { className: "share-certificate-client-body" },
+                    React.createElement(Scrollbars, { autoHide: true },
+                        React.createElement("div", { className: "share-certificate-tep" },
+                            React.createElement(ShareCertificate, { id: id })))),
+                React.createElement("div", { className: "share-certificate-client-footer" },
+                    React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")),
+                state.promptInformationVisible && (React.createElement(DisclaimerDialog, { visible: state.isPromptInformation, onAccept: state.promptInformationClose })))) : (React.createElement("div", { className: styles["share-certificate-client-view-m"] },
+                React.createElement("header", null,
+                    ((_b = shareCertificate.shareholder) === null || _b === void 0 ? void 0 : _b.id) === user.info.id ? (React.createElement(Button, { size: "small", className: "share-certificate-download", onClick: () => window.location.assign(window.location.origin +
+                            `/api/csp/shares/certificates/${id}/pdf?access_token=${encodeURIComponent(user.info.accessToken)}`) },
+                        React.createElement(FAIcon, { icon: faArrowDownToLine }))) : (React.createElement("div", { className: "share-certificate-download-placeholder" })),
+                    React.createElement("div", { className: "share-certificate-title" }, shareCertificate.name),
+                    React.createElement(Button, { size: "small", onClick: toggleActivity },
+                        React.createElement(FAIcon, { icon: faBars }))),
+                React.createElement("div", { className: "share-certificate-client-body", ref: ref },
+                    React.createElement(Scrollbars, { autoHide: true },
+                        React.createElement("div", { className: "share-cert-scale", style: {
+                                transform: `scaleX(${certScale}) scaleY(${certScale})`,
+                                height: `${certHeight}px`,
+                            } },
+                            React.createElement(ShareCertificate, { mobile: true, id: id })))),
+                React.createElement("div", { className: "share-certificate-client-footer" },
+                    React.createElement("div", { className: "uppercase" }, "Powered by VOPLUS Digital CSP")))))));
+    });
+    async function onCloseDisclaimer() {
+        state.promptInformationClose();
+        if (asideContext.asideContent) {
+            asideContext.closeAside();
+        }
+    }
+    function toggleActivity() {
+        if (asideContext.asideContent) {
+            asideContext.closeAside();
+        }
+        else {
+            asideContext.openAside(React.createElement(ActivityLogTpl, { id: id }), { span: 12 });
+        }
+    }
+};
+export default ShareCertificateClientView;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/index.less

@@ -1,111 +1,111 @@
-.share-certificate-client-view {
-	:global {
-		.share-certificate-client-header {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 10px 20px;
-			border-bottom: 1px solid #e6e6e6;
-		}
-
-		.share-certificate-client-body {
-			height: calc(100% - 80px);
-
-			.share-certificate-tep {
-				width: 1310px;
-				height: 920px;
-				transform: scale(0.75);
-				margin: -90px 0;
-			}
-		}
-
-		.share-certificate-client-footer {
-			display: flex;
-			justify-content: center;
-		}
-	}
-}
-
-.share-certificate-client-view-m {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	height: 100%;
-
-	:global {
-		header {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 10px 20px;
-			border-bottom: 1px solid #f2f2f2;
-
-			.share-certificate-download {
-				border: #000;
-				color: #fff;
-				background-color: #000;
-			}
-
-			.share-certificate-title {
-				padding: 0 10px;
-				color: #000;
-				font-weight: 500;
-				font-size: 15px;
-				line-height: 15px;
-			}
-		}
-
-		.share-certificate-client-body {
-			height: 100%;
-
-			.share-cert-scale {
-				margin-top: -83px;
-				margin-left: -51px;
-			}
-		}
-
-		.share-certificate-client-footer {
-			font-size: 12px;
-			color: gray;
-			text-align: center;
-			padding: 10px 20px;
-		}
-	}
-}
-
-:global {
-	.share-certificate-client-view-disclaimer {
-		.ant-modal-body {
-			height: 600px;
-			padding: 0 !important;
-		}
-	}
-
-	.share-certificate-client-view-proseMirror {
-		.ProseMirror {
-			font-size: 14px;
-		}
-	}
-
-	.share-certificate-disclaimer-content-mobile {
-		height: 100%;
-
-		.disclaimer-content {
-			height: 100%;
-		}
-
-		.accept-button {
-			padding: 5px 20px;
-		}
-	}
-
-	.share-certificate-disclaimer-content-pc {
-		.disclaimer-content {
-			height: 540px;
-		}
-
-		.accept-button {
-			padding: 10px 20px;
-		}
-	}
-}
+.share-certificate-client-view {
+	:global {
+		.share-certificate-client-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 10px 20px;
+			border-bottom: 1px solid #e6e6e6;
+		}
+
+		.share-certificate-client-body {
+			height: calc(100% - 80px);
+
+			.share-certificate-tep {
+				width: 1310px;
+				height: 920px;
+				transform: scale(0.75);
+				margin: -90px 0;
+			}
+		}
+
+		.share-certificate-client-footer {
+			display: flex;
+			justify-content: center;
+		}
+	}
+}
+
+.share-certificate-client-view-m {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	height: 100%;
+
+	:global {
+		header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+
+			.share-certificate-download {
+				border: #000;
+				color: #fff;
+				background-color: #000;
+			}
+
+			.share-certificate-title {
+				padding: 0 10px;
+				color: #000;
+				font-weight: 500;
+				font-size: 15px;
+				line-height: 15px;
+			}
+		}
+
+		.share-certificate-client-body {
+			height: 100%;
+
+			.share-cert-scale {
+				margin-top: -83px;
+				margin-left: -51px;
+			}
+		}
+
+		.share-certificate-client-footer {
+			font-size: 12px;
+			color: gray;
+			text-align: center;
+			padding: 10px 20px;
+		}
+	}
+}
+
+:global {
+	.share-certificate-client-view-disclaimer {
+		.ant-modal-body {
+			height: 600px;
+			padding: 0 !important;
+		}
+	}
+
+	.share-certificate-client-view-proseMirror {
+		.ProseMirror {
+			font-size: 14px;
+		}
+	}
+
+	.share-certificate-disclaimer-content-mobile {
+		height: 100%;
+
+		.disclaimer-content {
+			height: 100%;
+		}
+
+		.accept-button {
+			padding: 5px 20px;
+		}
+	}
+
+	.share-certificate-disclaimer-content-pc {
+		.disclaimer-content {
+			height: 540px;
+		}
+
+		.accept-button {
+			padding: 10px 20px;
+		}
+	}
+}

package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/state.d.ts

@@ -1,7 +1,7 @@
-export declare class State {
-    private unitId;
-    isPromptInformation: boolean;
-    constructor(unitId: string);
-    get promptInformationVisible(): boolean;
-    promptInformationClose: () => void;
-}
+export declare class State {
+    private unitId;
+    isPromptInformation: boolean;
+    constructor(unitId: string);
+    get promptInformationVisible(): boolean;
+    promptInformationClose: () => void;
+}

package/es/modules/corporate/share-certificate/pages/ShareCertificateClientView/state.js

@@ -1,41 +1,41 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor(unitId) {
-        Object.defineProperty(this, "unitId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: unitId
-        });
-        Object.defineProperty(this, "isPromptInformation", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "promptInformationClose", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.isPromptInformation = false;
-                localStorage.setItem(`promptInformation_Share_Certificate_${this.unitId}`, "close");
-            }
-        });
-        makeObservable(this);
-    }
-    get promptInformationVisible() {
-        return localStorage.getItem(`promptInformation_Share_Certificate_${this.unitId}`) !== "close";
-    }
-}
-__decorate([
-    observable
-], State.prototype, "isPromptInformation", void 0);
-__decorate([
-    computed
-], State.prototype, "promptInformationVisible", null);
-__decorate([
-    action
-], State.prototype, "promptInformationClose", void 0);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor(unitId) {
+        Object.defineProperty(this, "unitId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: unitId
+        });
+        Object.defineProperty(this, "isPromptInformation", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "promptInformationClose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.isPromptInformation = false;
+                localStorage.setItem(`promptInformation_Share_Certificate_${this.unitId}`, "close");
+            }
+        });
+        makeObservable(this);
+    }
+    get promptInformationVisible() {
+        return localStorage.getItem(`promptInformation_Share_Certificate_${this.unitId}`) !== "close";
+    }
+}
+__decorate([
+    observable
+], State.prototype, "isPromptInformation", void 0);
+__decorate([
+    computed
+], State.prototype, "promptInformationVisible", null);
+__decorate([
+    action
+], State.prototype, "promptInformationClose", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/corporate/share-certificate/pages/ShareCertificateDefaultView/SigneeRefreshContext.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare class SigneeRefreshState {
-    refresh: boolean;
-    constructor();
-}
-export declare const SigneeRefreshContext: import("react").Context<SigneeRefreshState>;
-export declare const useSigneeRefreshContext: () => SigneeRefreshState;
+/// <reference types="react" />
+export declare class SigneeRefreshState {
+    refresh: boolean;
+    constructor();
+}
+export declare const SigneeRefreshContext: import("react").Context<SigneeRefreshState>;
+export declare const useSigneeRefreshContext: () => SigneeRefreshState;

package/es/modules/corporate/share-certificate/pages/ShareCertificateDefaultView/SigneeRefreshContext.js

@@ -1,20 +1,20 @@
-import { __decorate } from "tslib";
-import { createContext, useContext } from "react";
-import { makeObservable, observable } from "mobx";
-export class SigneeRefreshState {
-    constructor() {
-        Object.defineProperty(this, "refresh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], SigneeRefreshState.prototype, "refresh", void 0);
-export const SigneeRefreshContext = createContext(null);
-export const useSigneeRefreshContext = () => useContext(SigneeRefreshContext);
+import { __decorate } from "tslib";
+import { createContext, useContext } from "react";
+import { makeObservable, observable } from "mobx";
+export class SigneeRefreshState {
+    constructor() {
+        Object.defineProperty(this, "refresh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], SigneeRefreshState.prototype, "refresh", void 0);
+export const SigneeRefreshContext = createContext(null);
+export const useSigneeRefreshContext = () => useContext(SigneeRefreshContext);
 //# sourceMappingURL=SigneeRefreshContext.js.map

package/es/modules/corporate/share-certificate/pages/ShareCertificateDefaultView/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-/** The ShareCertificate Page component with router parameters support. */
-declare const ShareCertificateDefaultView: () => JSX.Element;
-export default ShareCertificateDefaultView;
+/// <reference types="react" />
+/** The ShareCertificate Page component with router parameters support. */
+declare const ShareCertificateDefaultView: () => JSX.Element;
+export default ShareCertificateDefaultView;

package/es/modules/corporate/share-certificate/pages/ShareCertificateDefaultView/index.js

@@ -1,35 +1,35 @@
-import React, { useEffect, useState } from "react";
-import { TabItemContext, TabItemStore, useTabItem } from "@voplus/morpho-data";
-import { useParams } from "react-router";
-import { observe } from "@voplus/morpho-ui";
-import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
-import { useShareCertificate } from "../../../../../data/share-certificate";
-import { SigneeRefreshContext, SigneeRefreshState } from "./SigneeRefreshContext";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import ShareCertificateProperties from "../../components/ShareCertificateProperties";
-import ShareCertificateTabs from "../../components/ShareCertificateTabs";
-import styles from "./index.less";
-/** The ShareCertificate Page component with router parameters support. */
-const ShareCertificateDefaultView = () => {
-    const { id } = useParams();
-    const tab = useTabItem();
-    const store = new TabItemStore({ url: "" });
-    const frame = useFrame();
-    const shareCertificate = useShareCertificate(id, { reload: true, includes: "certificate" });
-    const [context] = useState(() => new SigneeRefreshState());
-    const [asideContext] = useState(AsideContent.createContext());
-    useEffect(() => {
-        tab.title = (shareCertificate === null || shareCertificate === void 0 ? void 0 : shareCertificate.name) || "ShareCertificate";
-    }, [shareCertificate === null || shareCertificate === void 0 ? void 0 : shareCertificate.name]);
-    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
-        React.createElement(SigneeRefreshContext.Provider, { value: context },
-            React.createElement(MainContent, { className: styles["share-transaction-default-view"], asideable: frame ? false : true },
-                React.createElement(MainContent.Nav, { collapsible: true },
-                    React.createElement(ShareCertificateProperties, { id: id, headerVisible: true })),
-                React.createElement("div", { className: "share-transaction-context" },
-                    React.createElement(AsideContent, { context: asideContext },
-                        React.createElement(ShareCertificateTabs, { id: id, details: true }))))))));
-};
-export default ShareCertificateDefaultView;
+import React, { useEffect, useState } from "react";
+import { TabItemContext, TabItemStore, useTabItem } from "@voplus/morpho-data";
+import { useParams } from "react-router";
+import { observe } from "@voplus/morpho-ui";
+import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
+import { useShareCertificate } from "../../../../../data/share-certificate";
+import { SigneeRefreshContext, SigneeRefreshState } from "./SigneeRefreshContext";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import ShareCertificateProperties from "../../components/ShareCertificateProperties";
+import ShareCertificateTabs from "../../components/ShareCertificateTabs";
+import styles from "./index.less";
+/** The ShareCertificate Page component with router parameters support. */
+const ShareCertificateDefaultView = () => {
+    const { id } = useParams();
+    const tab = useTabItem();
+    const store = new TabItemStore({ url: "" });
+    const frame = useFrame();
+    const shareCertificate = useShareCertificate(id, { reload: true, includes: "certificate" });
+    const [context] = useState(() => new SigneeRefreshState());
+    const [asideContext] = useState(AsideContent.createContext());
+    useEffect(() => {
+        tab.title = (shareCertificate === null || shareCertificate === void 0 ? void 0 : shareCertificate.name) || "ShareCertificate";
+    }, [shareCertificate === null || shareCertificate === void 0 ? void 0 : shareCertificate.name]);
+    return observe(() => (React.createElement(TabItemContext.Provider, { value: store },
+        React.createElement(SigneeRefreshContext.Provider, { value: context },
+            React.createElement(MainContent, { className: styles["share-transaction-default-view"], asideable: frame ? false : true },
+                React.createElement(MainContent.Nav, { collapsible: true },
+                    React.createElement(ShareCertificateProperties, { id: id, headerVisible: true })),
+                React.createElement("div", { className: "share-transaction-context" },
+                    React.createElement(AsideContent, { context: asideContext },
+                        React.createElement(ShareCertificateTabs, { id: id, details: true }))))))));
+};
+export default ShareCertificateDefaultView;
 //# sourceMappingURL=index.js.map