@voplus/morpho-csp 1.2.8 → 1.2.10-2.fix1

package/es/modules/self-registration/shopping-cart/components/Pay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/shopping-cart/components/Pay/index.tsx"],"names":[],"mappings":"AAAA,mEAAmE;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7B,gCAAgC;AAChC,MAAM,GAAG,GAAG,GAAG,EAAE;IAChB,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,OAAO,IACP,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;YACd,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,GAAI;8BAE1B,EAElB,SAAS,EAAE,MAAM,CAAC,GAAG;QAErB,oBAAC,IAAI,IAAC,gBAAgB,EAAC,GAAG;YACzB,oBAAC,OAAO,IAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG;gBAC1B,oBAAC,UAAU,IAAC,QAAQ,SASP,CACJ,CACJ,CACE,CACV,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,GAAG,CAAC"}

package/es/modules/self-registration/shopping-cart/components/Pay/index.less

@@ -0,0 +1,14 @@
+.pay {
+	height: 100%;
+	:global {
+		.ant-card-body {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			.section-content,
+			.ant-tabs {
+				height: 100%;
+			}
+		}
+	}
+}

package/es/modules/self-registration/shopping-cart/components/Register.d.ts

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

package/es/modules/self-registration/shopping-cart/components/Register.js

@@ -0,0 +1,76 @@
+import { Card, Form, Modal } from "@voplus/antd";
+import React, { useState } from "react";
+import { faHomeAlt, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import Address from "@voplus/morpho-org/es/components/Address";
+import CheckSection from "../../components/CheckSection";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { RegisteredAddressTip } from "../../controls/Tips";
+import classNames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./styles.less";
+import { useCartContext } from "../CartState";
+const Register = () => {
+    const cart = useCartContext();
+    const [showDialog, setShowDialog] = useState(false);
+    const [address, setAddress] = useState(Object.assign(cart.options.address ? cart.options.address : {}, {
+        city: "",
+        state: "",
+        country: "Singapore",
+    }));
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(CheckSection, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faHomeAlt }),
+                "Registered Address ",
+                React.createElement(RegisteredAddressTip, null)), success: cart.addressFinished },
+            React.createElement("div", null,
+                React.createElement("div", { className: styles.register },
+                    React.createElement(Card, { onClick: chooseUseVoplus, className: classNames("box-card", "selectable", {
+                            selected: cart.options.useAddress,
+                        }) },
+                        React.createElement("div", { className: "icon" },
+                            React.createElement(FontAwesomeIcon, { icon: faHomeAlt })),
+                        React.createElement("div", { className: "service" },
+                            React.createElement("p", { style: { fontSize: "18px", fontWeight: 600 } }, "Use Address Service"),
+                            React.createElement("p", null, "Prestige CBD Address - One Raffles Place.")),
+                        React.createElement("div", { className: "price" },
+                            React.createElement("p", { style: { color: "#2FA951", fontSize: "22px" } },
+                                "S$ 300",
+                                React.createElement("span", { style: { color: "#666", fontSize: "14px" } }, " / year")))),
+                    cart.options.useAddress === false && cart.options.address ? (React.createElement(Card, { className: "box-card selected", title: React.createElement("span", null,
+                            React.createElement(FontAwesomeIcon, { icon: faHomeAlt }),
+                            " My Address") },
+                        React.createElement("p", null, cart.options.address.line1),
+                        React.createElement("span", { onClick: deleteAddress, className: "delete-button" },
+                            React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))) : (React.createElement(Card, { onClick: () => setShowDialog(true), className: "box-card selectable" }, "Use My Own Address..."))))),
+        React.createElement(Modal, { title: "Add My Register Address", visible: showDialog, onOk: () => {
+                if (address && address.line1) {
+                    cart.options.useAddress = false;
+                    cart.options.address = address;
+                }
+                else {
+                    cart.options.useAddress = true;
+                }
+                cart.updateCart();
+                setShowDialog(false);
+            }, onCancel: () => {
+                cart.options.useAddress = true;
+                setShowDialog(false);
+            } },
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(Address, { value: address, onChange: (v) => setAddress(v), cityDisabled: true, stateDisable: true, countryDisabled: true }))))));
+    function deleteAddress() {
+        cart.options.useAddress = true;
+        cart.updateCart();
+    }
+    function chooseUseVoplus() {
+        if (cart.options.useAddress) {
+            setShowDialog(true);
+        }
+        else {
+            cart.options.useAddress = true;
+            cart.updateCart();
+        }
+    }
+};
+export default Register;
+//# sourceMappingURL=Register.js.map

package/es/modules/self-registration/shopping-cart/components/Register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/Register.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/shopping-cart/components/Secretary.d.ts

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

package/es/modules/self-registration/shopping-cart/components/Secretary.js

@@ -0,0 +1,63 @@
+import React, { useState } from "react";
+import { Card } from "@voplus/antd";
+import CheckSection from "../../components/CheckSection";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { SecretaryTip } from "../../controls/Tips/";
+import SelectLegalContactDialog from "../../../corporate/company/identity/components/SelectLegalContactDialog";
+import classNames from "classnames";
+import { faUser } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./styles.less";
+import { useCartContext } from "../CartState";
+// import MemberDialog from "../../components/MemberDialog";
+const Secretary = () => {
+    const cart = useCartContext();
+    const [ShowAddMySecretary, setShowAddMySecretary] = useState(false);
+    return observe(() => (React.createElement(React.Fragment, null, cart.order && (React.createElement(React.Fragment, null,
+        React.createElement(CheckSection, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faUser, style: { color: "rgb(42,130,219)" }, size: "1x" }),
+                React.createElement("span", null,
+                    "Company Secretary ",
+                    React.createElement(SecretaryTip, null))), success: cart.secretaryFinished },
+            React.createElement("div", null,
+                React.createElement("div", { className: styles.service },
+                    React.createElement(Card, { className: classNames("box-card", "selectable", {
+                            selected: cart.options.useSecretary,
+                        }) },
+                        React.createElement("div", { className: "icon" },
+                            React.createElement(FontAwesomeIcon, { icon: faUser })),
+                        React.createElement("div", { className: "service", style: { minWidth: "13.3rem" } },
+                            React.createElement("p", { style: { fontSize: "18px", fontWeight: 600 } }, "Use Secretary Service"),
+                            React.createElement("p", null, " Qualified Secretary with over 10 years experience.")),
+                        React.createElement("div", null,
+                            React.createElement("p", { style: { color: "#2FA951", fontSize: "22px" } },
+                                "S$ 460",
+                                React.createElement("span", { style: { color: "#666", fontSize: "14px" } }, "/ year"))))))),
+        ShowAddMySecretary && (React.createElement(SelectLegalContactDialog, { visible: ShowAddMySecretary, updateVisible: () => setShowAddMySecretary(false) })
+        // <MemberDialog
+        // 	title={"Add My Secretary"}
+        // 	onOk={handleOk}
+        // 	onCancel={() => setShowAddMySecretary(false)}
+        // 	member={{ name: "", roles: ["Secretary"] }}
+        // 	names={cart.names}
+        // />
+        ))))));
+    // function deleteSecretary() {
+    // 	cart.Order.useSecretary = true;
+    // 	cart.removeSecretary();
+    // 	cart.updateCart();
+    // }
+    // function handleOk(member: IMember) {
+    // 	setShowAddMySecretary(false);
+    // 	cart.Order.useSecretary = false;
+    // 	cart.addRole(member.name, "Secretary");
+    // 	cart.updateCart();
+    // }
+    // function chooseUseVoplus(e: any) {
+    // 	cart.Order.useSecretary = !cart.Order.useSecretary;
+    // 	if (cart.Order.useSecretary) cart.removeSecretary();
+    // 	cart.updateCart();
+    // }
+};
+export default Secretary;
+//# sourceMappingURL=Secretary.js.map

package/es/modules/self-registration/shopping-cart/components/Secretary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Secretary.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/Secretary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,wBAAwB,MAAM,yEAAyE,CAAC;AAC/G,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,4DAA4D;AAC5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,IAAI,CAAC,KAAK,IAAI,CACd,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,YAAY,IACZ,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG;gBAChF;;oBACmB,oBAAC,YAAY,OAAG,CAC5B,CACS,EAElB,OAAO,EAAE,IAAI,CAAC,iBAAiB;YAE/B;gBACC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;oBAC7B,oBAAC,IAAI,IACJ,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,YAAY,EAAE;4BAC/C,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;yBACnC,CAAC;wBAEF,6BAAK,SAAS,EAAC,MAAM;4BACpB,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAC5B;wBACN,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE;4BACtD,2BAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,4BAA2B;4BAC1E,qFAA0D,CACrD;wBACN;4BACC,2BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;;gCACzC,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAe,CAClE,CACC,CACA,CACF,CACD,CACQ;QAEd,kBAAkB,IAAI,CACtB,oBAAC,wBAAwB,IACxB,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAChD;QACF,gBAAgB;QAChB,8BAA8B;QAC9B,mBAAmB;QACnB,iDAAiD;QACjD,+CAA+C;QAC/C,sBAAsB;QACtB,KAAK;SACL,CACe,CACjB,CACe,CACjB,CAAC,CAAC;IAEH,+BAA+B;IAC/B,mCAAmC;IACnC,2BAA2B;IAC3B,sBAAsB;IACtB,IAAI;IAEJ,uCAAuC;IACvC,iCAAiC;IACjC,oCAAoC;IACpC,2CAA2C;IAE3C,sBAAsB;IACtB,IAAI;IACJ,qCAAqC;IACrC,uDAAuD;IACvD,wDAAwD;IAExD,sBAAsB;IACtB,IAAI;AACL,CAAC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/es/modules/self-registration/shopping-cart/components/ShareHolders/index.d.ts

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

package/es/modules/self-registration/shopping-cart/components/ShareHolders/index.js

@@ -0,0 +1,137 @@
+import { Card, Checkbox, Form, Modal, Radio } from "@voplus/antd";
+import { useUnitStore } from "@voplus/morpho-org";
+import React, { useRef, useState } from "react";
+import { faTrashAlt, faUser, faUsers } from "@fortawesome/pro-light-svg-icons";
+import { CheckSection } from "../../../components";
+import { DirectorTip } from "../../../controls/Tips";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import RadioGroup from "@voplus/antd/es/radio/group";
+import SelectLegalContactDialog from "../../../../corporate/company/identity/components/SelectLegalContactDialog";
+import { State } from "./state";
+import classNames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "../styles.less";
+import { useCartContext } from "../../CartState";
+const ShareHolders = () => {
+    const radioDivRef = useRef(null);
+    const cart = useCartContext();
+    const [state] = useState(new State());
+    const unitStore = useUnitStore();
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(React.Fragment, null,
+            (cart === null || cart === void 0 ? void 0 : cart.order) && (React.createElement(CheckSection, { title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faUsers }),
+                    "Company Shareholders & Directors ",
+                    React.createElement(DirectorTip, { version: "cart" })), success: cart.officerFinished },
+                React.createElement("div", { className: styles.boxes },
+                    React.createElement(Card, { onClick: chooseExecutive, className: classNames("box-card", "selectable", {
+                            selected: cart.options.useNomineeDirector,
+                        }) },
+                        React.createElement("div", { className: "icon" },
+                            React.createElement(FontAwesomeIcon, { icon: faUser })),
+                        React.createElement("div", { className: "service" },
+                            React.createElement("p", { style: { fontSize: "18px", fontWeight: 600 } }, "Use Nominee Director Service"),
+                            React.createElement("p", null, "Provide a local director to be your nominee director.")),
+                        React.createElement("div", { id: "rightRadio" },
+                            React.createElement(RadioGroup, { onChange: onChangeRadio, value: cart.options.nomineeDirectorLength },
+                                React.createElement("div", { ref: radioDivRef },
+                                    React.createElement(Radio, { value: 6, onClick: () => tryDeselect(6) }, "6 Months (S$ 1100)"),
+                                    React.createElement("br", null),
+                                    React.createElement(Radio, { value: 12, onClick: () => tryDeselect(12) }, "12 Months (S$ 2200)"))))), (_a = cart.options.members) === null || _a === void 0 ? void 0 :
+                    _a.map((ws) => {
+                        var _a;
+                        return (_a = ws.roles) === null || _a === void 0 ? void 0 : _a.map((r) => r !== "Secretary" && (React.createElement(Card, { className: "box-card selected", title: r, key: `${r}-${ws.name}` },
+                            React.createElement("div", { className: styles.holder_title },
+                                ws.name,
+                                React.createElement("br", null),
+                                ws.email),
+                            React.createElement("span", { onClick: () => deleteHolder(ws.name, r), className: "delete-button" },
+                                React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))));
+                    }),
+                    React.createElement(Card, { onClick: () => runInAction(() => (state.showDialog = true)), className: "box-card selectable" }, "Add shareholder / director...")))),
+            state.showDialog && (React.createElement(SelectLegalContactDialog, { visible: state.showDialog, updateVisible: onSave })),
+            state.rolesVisible && (React.createElement(Modal, { visible: true, title: "Select Roles", okText: "Save", confirmLoading: state.loading, okButtonProps: { disabled: !((_b = cart.roles) === null || _b === void 0 ? void 0 : _b.length) }, onOk: onOk, onCancel: () => runInAction(() => (state.rolesVisible = false)) },
+                React.createElement(Form, { layout: "vertical" },
+                    React.createElement(Form.Item, { label: "Roles", tooltip: "Must select at least one role." },
+                        React.createElement(Checkbox.Group, { style: { width: "100%" }, onChange: (checkedValues) => runInAction(() => (cart.roles = checkedValues)) },
+                            React.createElement(Checkbox, { value: "Shareholder" }, "Shareholder"),
+                            React.createElement(Checkbox, { value: "Director" }, "Director"))))))));
+    });
+    function onSave(unitId) {
+        runInAction(async () => {
+            if (unitId) {
+                const unit = await unitStore.load(unitId, { reload: false });
+                console.log(unitId, unit, "unitId");
+                state.unit = unit;
+                if (unit.type === "Person") {
+                    state.rolesVisible = true;
+                }
+                else {
+                    cart.addRole(unit.name, "Shareholder", unit.email);
+                    cart.updateCart();
+                }
+            }
+            state.showDialog = false;
+        });
+    }
+    function onOk() {
+        if (!state.unit)
+            return;
+        for (const r of cart.roles) {
+            cart.addRole(state.unit.name, r, state.unit.email);
+        }
+        runInAction(async () => {
+            state.loading = true;
+            await cart.updateCart();
+            state.loading = false;
+            state.rolesVisible = false;
+        });
+    }
+    function onChangeRadio(e) {
+        if (e.target.value === 6) {
+            cart.options.useNomineeDirector = true;
+            cart.options.nomineeDirectorLength = 6;
+            cart.updateCart();
+        }
+        else {
+            cart.options.useNomineeDirector = true;
+            cart.options.nomineeDirectorLength = e.target.value;
+            cart.updateCart();
+        }
+    }
+    function tryDeselect(length) {
+        if (length === (cart === null || cart === void 0 ? void 0 : cart.options.nomineeDirectorLength) && (cart === null || cart === void 0 ? void 0 : cart.options.useNomineeDirector)) {
+            cart.options.nomineeDirectorLength = 0;
+            cart.options.useNomineeDirector = false;
+            cart.updateCart();
+        }
+    }
+    function deleteHolder(name, role) {
+        Modal.confirm({
+            title: "Do you want to delete this item?",
+            onOk() {
+                cart.removeRole(name, role);
+                cart.updateCart();
+            },
+        });
+    }
+    function chooseExecutive(e) {
+        // let radio change event to handle radio changes
+        if (radioDivRef.current && radioDivRef.current.contains(e.target)) {
+            e.stopPropagation();
+            return;
+        }
+        cart.options.useNomineeDirector = !cart.options.useNomineeDirector;
+        if (!cart.options.useNomineeDirector) {
+            cart.options.nomineeDirectorLength = 0;
+        }
+        else {
+            cart.options.nomineeDirectorLength = 12;
+        }
+        cart.updateCart();
+    }
+};
+export default ShareHolders;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/shopping-cart/components/ShareHolders/index.js.map

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

package/es/modules/self-registration/shopping-cart/components/ShareHolders/state.d.ts

@@ -0,0 +1,12 @@
+import { IUnit } from "@voplus/morpho-org";
+export declare class State {
+    /**  */
+    unit: IUnit;
+    /**  */
+    showDialog: boolean;
+    /**  */
+    rolesVisible: boolean;
+    /**  */
+    loading: boolean;
+    constructor();
+}

package/es/modules/self-registration/shopping-cart/components/ShareHolders/state.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { makeAutoObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /**  */
+        Object.defineProperty(this, "unit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**  */
+        Object.defineProperty(this, "showDialog", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /**  */
+        Object.defineProperty(this, "rolesVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /**  */
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeAutoObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "unit", void 0);
+__decorate([
+    observable
+], State.prototype, "showDialog", void 0);
+__decorate([
+    observable
+], State.prototype, "rolesVisible", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/self-registration/shopping-cart/components/ShareHolders/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/shopping-cart/components/ShareHolders/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAItD,MAAM,OAAO,KAAK;IAUjB;QATA,OAAO;QACK;;;;;WAAmB;QAC/B,OAAO;QACK;;;;mBAAoB,KAAK;WAAC;QACtC,OAAO;QACK;;;;mBAAsB,KAAK;WAAC;QACxC,OAAO;QACK;;;;mBAAiB,KAAK;WAAC;QAGlC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACD;AAXY;IAAX,UAAU;mCAAoB;AAEnB;IAAX,UAAU;yCAA2B;AAE1B;IAAX,UAAU;2CAA6B;AAE5B;IAAX,UAAU;sCAAwB"}

package/es/modules/self-registration/shopping-cart/components/TotalCart/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface IPackage {
+    id: string /**套餐ID号 */;
+    promotionId?: string;
+    name: string /**套餐名称 */;
+    items: string[] /**该套餐选择的服务 */;
+    price: number /**套餐的价格 */;
+    note?: string /**我的套餐备注 */;
+}
+declare const TotalCart: () => JSX.Element;
+export default TotalCart;

package/es/modules/self-registration/shopping-cart/components/TotalCart/index.js

@@ -0,0 +1,56 @@
+import { useCartContext } from "../../CartState";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { faShoppingCart, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import { Empty } from "@voplus/antd";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Scrollbars } from "react-custom-scrollbars";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+// cart: CartStore
+const TotalCart = () => {
+    const cart = useCartContext();
+    const ref = useRef(null);
+    const [scrollHeight, setScrollHeight] = useState(0);
+    useLayoutEffect(() => {
+        const observer = new ResizeObserver(() => {
+            runInAction(() => {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                const height = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
+                const fHeight = (_e = (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.firstElementChild) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : 0;
+                const lHeight = (_h = (_g = (_f = ref.current) === null || _f === void 0 ? void 0 : _f.lastElementChild) === null || _g === void 0 ? void 0 : _g.clientHeight) !== null && _h !== void 0 ? _h : 0;
+                setScrollHeight(height - fHeight - lHeight);
+            });
+        });
+        observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, []);
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement("div", { className: styles.cart, ref: ref },
+            React.createElement("header", null,
+                React.createElement(FontAwesomeIcon, { icon: faShoppingCart }),
+                " Services"),
+            React.createElement(Scrollbars, { autoHide: true, autoHeight: true, autoHeightMax: scrollHeight !== null && scrollHeight !== void 0 ? scrollHeight : "60vh" }, !!((_a = cart === null || cart === void 0 ? void 0 : cart.packages) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = cart === null || cart === void 0 ? void 0 : cart.packages) === null || _b === void 0 ? void 0 : _b.map((ws, index) => (React.createElement("div", { key: ws.id, className: styles.content },
+                (ws.name || ws.promotionId) && (React.createElement("p", { className: styles.title },
+                    React.createElement("span", null, ws.name),
+                    React.createElement("span", { className: styles.delete, onClick: () => deleteCart(index) },
+                        React.createElement(FontAwesomeIcon, { icon: faTrashAlt, size: "1x", style: { color: "#333" } })))),
+                React.createElement("div", { className: styles.desc }, ws.items && ws.items.map((s, i) => React.createElement("p", { key: i }, s))),
+                (cart === null || cart === void 0 ? void 0 : cart.packages.length) > 1 && (React.createElement("div", { className: styles.price },
+                    React.createElement("span", { className: styles.priceNum },
+                        "S$ ",
+                        ws.price))))))) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE }))),
+            React.createElement("footer", { className: styles.totalPrice },
+                React.createElement("span", null, "Total Price:"),
+                React.createElement("span", { className: styles.amount },
+                    "S$ ", cart === null || cart === void 0 ? void 0 :
+                    cart.totalPrice))));
+    });
+    function deleteCart(i) {
+        cart === null || cart === void 0 ? void 0 : cart.packages.splice(i, 1);
+        cart.updateCart({ packages: cart === null || cart === void 0 ? void 0 : cart.packages });
+    }
+};
+export default TotalCart;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/shopping-cart/components/TotalCart/index.js.map

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

package/es/modules/self-registration/shopping-cart/components/TotalCart/index.less

@@ -0,0 +1,75 @@
+.cart {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	header {
+		border-radius: 0.5rem 0.5rem 0 0;
+		background: rgb(42, 130, 219);
+		color: white;
+		padding: 1rem;
+		font-size: 1.3rem;
+	}
+
+	.content {
+		background: white;
+		.title {
+			padding: 0.75rem 0 0 1rem;
+			font-size: 1.15rem;
+			color: #333;
+			font-weight: bold;
+		}
+
+		.price {
+			padding: 0.75rem 0;
+			border-top: 1px solid #f2f2f2;
+			font-size: 1rem;
+			text-align: right;
+			color: grey;
+			font-weight: 500;
+			.priceNum {
+				margin-right: 1rem;
+			}
+			.delete:hover {
+				color: rgb(42, 130, 219);
+			}
+		}
+
+		p {
+			color: gray;
+			// padding-left: 1rem;
+			padding: 0.75rem 1rem;
+			margin: 0;
+			border-bottom: 1px solid #f2f2f2;
+			&:last-of-type {
+				border-bottom: none;
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	.delete {
+		svg {
+			position: static !important;
+			margin-right: 0 !important;
+		}
+		svg:hover {
+			cursor: pointer;
+			color: rgb(42, 130, 219) !important;
+		}
+	}
+
+	footer {
+		padding: 1rem;
+
+		background: rgb(42, 130, 219);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		color: #fff;
+		font-size: 1rem;
+		.amount {
+			font-size: 1.5rem;
+			font-weight: bold;
+		}
+	}
+}

package/es/modules/self-registration/shopping-cart/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as TotalCart } from "./TotalCart";
+export { default as Arrangement } from "./Arrangement";
+export { default as Incorporation } from "./Incorporation";
+export { default as NameAndActivities } from "./NameAndActivities";
+export { default as ShareHolders } from "./ShareHolders";
+export { default as Secretary } from "./Secretary";
+export { default as Pay } from "./Pay";
+export { default as Register } from "./Register";

package/es/modules/self-registration/shopping-cart/components/index.js

@@ -0,0 +1,9 @@
+export { default as TotalCart } from "./TotalCart";
+export { default as Arrangement } from "./Arrangement";
+export { default as Incorporation } from "./Incorporation";
+export { default as NameAndActivities } from "./NameAndActivities";
+export { default as ShareHolders } from "./ShareHolders";
+export { default as Secretary } from "./Secretary";
+export { default as Pay } from "./Pay";
+export { default as Register } from "./Register";
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/shopping-cart/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/es/modules/self-registration/shopping-cart/components/styles.less

@@ -0,0 +1,23 @@
+.boxes {
+	display: flex;
+	flex-flow: row wrap;
+}
+
+.register {
+	display: flex;
+	flex-flow: row wrap;
+}
+
+.service {
+	display: flex;
+	flex-flow: row wrap;
+}
+
+.arrangement {
+	:global {
+		.ant-card {
+			font-size: 1.2rem;
+		}
+	}
+	margin-bottom: 1em;
+}

package/es/modules/self-registration/shopping-cart/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ChooseService } from "./ChooseService";
+export { default as Payment } from "./Payment";
+export { default as Paid } from "./Paid";

package/es/modules/self-registration/shopping-cart/index.js

@@ -0,0 +1,4 @@
+export { default as ChooseService } from "./ChooseService";
+export { default as Payment } from "./Payment";
+export { default as Paid } from "./Paid";
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/shopping-cart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/self-registration/shopping-cart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/es/modules/self-registration/shopping-cart/pages.less

@@ -0,0 +1,6 @@
+.cart-page {
+	padding: 20px;
+	background: #eee;
+	height: 100%;
+	overflow: hidden;
+}