@voplus/morpho-csp 1.2.24 → 1.2.27

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

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

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

@@ -0,0 +1,30 @@
+import { Arrangement, TotalCart } from "../components";
+import { CartContext, CartState } from "../CartState";
+import { Col, Row, Spin } from "@voplus/antd";
+import React, { useEffect, useState } from "react";
+import { useCart, useCartStore } from "../../../../data/cart";
+import { LoadingOutlined } from "@ant-design/icons";
+import { Pay } from "../components";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+const Payment = (props) => {
+    const cartStore = useCartStore();
+    const context = useLayout();
+    const [cart] = useState(new CartState(props.id, cartStore, context));
+    const incorporation = useCart(props.id);
+    cart.update(incorporation);
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, [props.id]);
+    return observe(() => (React.createElement(CartContext.Provider, { value: cart },
+        React.createElement("div", { className: styles.payment }, incorporation.loaded ? (React.createElement(React.Fragment, null,
+            React.createElement(Arrangement, { step: 1 }),
+            React.createElement(Row, { gutter: 16, className: "payment-content" },
+                React.createElement(Col, { span: 19 },
+                    React.createElement(Pay, null)),
+                React.createElement(Col, { span: 5, style: { position: "sticky", top: "0.5rem" } },
+                    React.createElement(TotalCart, null))))) : (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))))));
+};
+export default Payment;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/Payment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,OAAO,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAExC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QAChC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAC5B,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,oBAAC,KAAK,CAAC,QAAQ;YACd,oBAAC,WAAW,IAAC,IAAI,EAAE,CAAC,GAAI;YAExB,oBAAC,GAAG,IAAC,MAAM,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB;gBAC3C,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACZ,oBAAC,GAAG,OAAG,CAIF;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;oBACzD,oBAAC,SAAS,OAAG,CACR,CACD,CACU,CACjB,CAAC,CAAC,CAAC,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACtE,CACI,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,13 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+@import "../pages.less";
+.payment {
+	&:extend(.cart-page);
+	display: flex;
+	flex-direction: column;
+	:global {
+		.payment-content {
+			flex: 1;
+		}
+	}
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Arrangement: (props: {
+    step: number;
+}) => JSX.Element;
+export default Arrangement;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { Card } from "@voplus/antd";
+import { ArrowSteps, observe } from "@voplus/morpho-ui";
+import { faMoneyCheckAlt, faFileInvoice, faFileSignature, faCheck, } from "@fortawesome/pro-light-svg-icons";
+import styles from "./styles.less";
+const Arrangement = (props) => {
+    return observe(() => (React.createElement("div", { className: styles.arrangement },
+        React.createElement(Card, null,
+            React.createElement(ArrowSteps, { step: props.step },
+                React.createElement(ArrowSteps.Step, { icon: faMoneyCheckAlt, title: "Payment" }),
+                React.createElement(ArrowSteps.Step, { icon: faFileInvoice, title: "Review" }),
+                React.createElement(ArrowSteps.Step, { icon: faFileSignature, title: "Sign Documents & Upload" }),
+                React.createElement(ArrowSteps.Step, { icon: faCheck, title: "Done (Company Incorporated)" }))))));
+};
+export default Arrangement;
+//# sourceMappingURL=Arrangement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Arrangement.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/Arrangement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EACN,eAAe,EACf,aAAa,EACb,eAAe,EACf,OAAO,GACP,MAAM,kCAAkC,CAAC;AAE1C,OAAO,MAAM,MAAM,eAAe,CAAC;AAEnC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;QACjC,oBAAC,IAAI;YACJ,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI;gBAC3B,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAG;gBAC1D,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAC,QAAQ,GAAG;gBACvD,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAC,yBAAyB,GAAG;gBAC1E,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,6BAA6B,GAAG,CAC1D,CACP,CACF,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,35 @@
+import { Card } from "@voplus/antd";
+import CheckSection from "../../components/CheckSection";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { IncorporationTip } from "../../controls/Tips";
+import React from "react";
+import classNames from "classnames";
+import { faRegistered } from "@fortawesome/free-solid-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./styles.less";
+import { useCartContext } from "../CartState";
+const Incorporation = () => {
+    const cart = useCartContext();
+    return observe(() => (React.createElement(React.Fragment, null, (cart === null || cart === void 0 ? void 0 : cart.order) && (React.createElement(React.Fragment, null,
+        React.createElement(CheckSection, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faRegistered, style: { color: "rgb(42,130,219)" }, size: "1x" }),
+                React.createElement("span", null,
+                    "Company Incorporation ",
+                    React.createElement(IncorporationTip, null))), success: cart === null || cart === void 0 ? void 0 : cart.secretaryFinished },
+            React.createElement("div", null,
+                React.createElement("div", { className: styles.service },
+                    React.createElement(Card, { className: classNames("box-card", "selectable", {
+                            selected: true,
+                        }) },
+                        React.createElement("div", { className: "icon" },
+                            React.createElement(FontAwesomeIcon, { icon: faRegistered })),
+                        React.createElement("div", { className: "service", style: { minWidth: "15rem" } },
+                            React.createElement("p", { style: { fontSize: "18px", fontWeight: 600 } }, "Company Incorporation Service"),
+                            React.createElement("p", null, " S$ 315 government fee included.")),
+                        React.createElement("div", null,
+                            React.createElement("p", { style: { color: "#2FA951", fontSize: "22px" } },
+                                "S$ 388",
+                                React.createElement("span", { style: { color: "#666", fontSize: "14px" } }))))))))))));
+};
+export default Incorporation;
+//# sourceMappingURL=Incorporation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Incorporation.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/Incorporation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CACf,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,YAAY,IACZ,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,eAAe,IACf,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,IAAI,EAAC,IAAI,GACR;gBACF;;oBACuB,oBAAC,gBAAgB,OAAG,CACpC,CACS,EAElB,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB;YAEhC;gBACC,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;oBAC7B,oBAAC,IAAI,IACJ,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,YAAY,EAAE;4BAC/C,QAAQ,EAAE,IAAI;yBACd,CAAC;wBAEF,6BAAK,SAAS,EAAC,MAAM;4BACpB,oBAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,CAClC;wBACN,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;4BACpD,2BAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,oCAE3C;4BACJ,kEAAuC,CAClC;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,GAAS,CAC5D,CACC,CACA,CACF,CACD,CACQ,CACC,CACjB,CACe,CACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}

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

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

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

@@ -0,0 +1,37 @@
+import { useCartContext } from "../CartState";
+import BusinessActivityInput from "../../controls/BusinessActivityInput";
+import BusinessActivityTip from "../../controls/Tips/BusinessActivityTip";
+import BusinessNameInput from "../../controls/BusinessNameInput";
+import { BusinessNameTip } from "../../controls/Tips";
+import { Form } from "@voplus/antd";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+const NameAndActivities = () => {
+    const cart = useCartContext();
+    const setActivity = (i, value) => {
+        cart.options.businessActivities[i] = value;
+        cart.updateCart();
+    };
+    return observe(() => {
+        var _a;
+        return (React.createElement(React.Fragment, null, cart.order.loaded && (React.createElement("div", null,
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(Form.Item, { label: React.createElement("span", null,
+                        "Company Name ",
+                        React.createElement(BusinessNameTip, null)), validateStatus: cart.nameValidateStatus.validateStatus, hasFeedback: cart.nameValidateStatus.hasFeedback, help: cart.nameValidateStatus.help, key: "name" },
+                    React.createElement(BusinessNameInput, { value: cart.options.legalEntityName, onChange: (v) => runInAction(() => {
+                            if (v && v !== cart.options.legalEntityName)
+                                cart.options.legalEntityName = v;
+                        }), onBlur: () => cart.updateCart(), onValidate: (s) => runInAction(() => (cart.nameValidateStatus = s)) })), (_a = cart.options.businessActivities) === null || _a === void 0 ? void 0 :
+                _a.map((activity, index) => (React.createElement(Form.Item, { label: React.createElement("span", null,
+                        `Activities ${index + 1}`,
+                        " ",
+                        React.createElement(BusinessActivityTip, null)), validateStatus: cart.activityError ? "error" : undefined, help: cart.activityError, key: `activity-${index}` },
+                    React.createElement(BusinessActivityInput, { defaultValue: activity, 
+                        // onBlur={(v) => setActivity(index, v)}
+                        onSelect: (v) => setActivity(index, v) })))))))));
+    });
+};
+export default NameAndActivities;
+//# sourceMappingURL=NameAndActivities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NameAndActivities.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/shopping-cart/components/NameAndActivities.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,KAAa,EAAE,EAAE;QAChD,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QAC3C,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CACrB;YACC,oBAAC,IAAI,IAAC,MAAM,EAAC,UAAU;gBACtB,oBAAC,IAAI,CAAC,IAAI,IACT,KAAK,EACJ;;wBACc,oBAAC,eAAe,OAAG,CAC1B,EAER,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,cAAc,EACtD,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAChD,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAClC,GAAG,EAAC,MAAM;oBAEV,oBAAC,iBAAiB,IACjB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,EAAE;4BAChB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,eAAe;gCAAE,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,CAAC,CAAC;wBAC/E,CAAC,CAAC,EAEH,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,GAClE,CACS,EACX,MAAA,IAAI,CAAC,OAAO,CAAC,kBAAkB;mBAAE,GAAG,CAAC,CAAC,QAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1E,oBAAC,IAAI,CAAC,IAAI,IACT,KAAK,EACJ;wBACE,cAAc,KAAK,GAAG,CAAC,EAAE;;wBAAE,oBAAC,mBAAmB,OAAG,CAC7C,EAER,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxD,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,GAAG,EAAE,YAAY,KAAK,EAAE;oBAExB,oBAAC,qBAAqB,IACrB,YAAY,EAAE,QAAQ;wBACtB,wCAAwC;wBACxC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,GACrC,CACS,CACZ,CAAC,CACI,CACF,CACN,CACe,CACjB,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1,28 @@
+import { Elements, StripeProvider } from "react-stripe-elements";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import Section from "../../../controls/Section";
+import StripeForm from "../../../components/StripeForm";
+import { Tabs } from "@voplus/antd";
+import { faMoneyCheckAlt } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useCartContext } from "../../CartState";
+const TabPane = Tabs.TabPane;
+const Pay = () => {
+    const cart = useCartContext();
+    const context = useApplicationContext();
+    return observe(() => (React.createElement(Section, { title: React.createElement(React.Fragment, null,
+            React.createElement(FontAwesomeIcon, { icon: faMoneyCheckAlt }),
+            "Payment Options"), className: styles.pay },
+        React.createElement(Tabs, { defaultActiveKey: "1" },
+            React.createElement(TabPane, { tab: "VISA", key: "1" },
+                React.createElement(Scrollbars, { autoHide: true },
+                    React.createElement(StripeProvider, { apiKey: "pk_test_ZB5FbyLiqOOO3QkeqA6VtJZR" },
+                        React.createElement(Elements, null,
+                            React.createElement(StripeForm, { store: cart, amount: cart.totalPrice, email: context.user.info.login })))))))));
+};
+export default Pay;
+//# sourceMappingURL=index.js.map

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,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,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;AAChD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,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;AAE7B,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;oBAEnB,oBAAC,cAAc,IAAC,MAAM,EAAC,kCAAkC;wBACxD,oBAAC,QAAQ;4BACR,oBAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAI,CAC1E,CACK,CACL,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/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,8DAA8D,CAAC;AACpG,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/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();
+}