@voplus/morpho-csp 1.2.24 → 1.2.27

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import "./index.less";
+declare const Cards: {
+    (props: {
+        children: any;
+        /** 新增图标的位置 */
+        addPosition?: "default" | "topRight";
+        /** 内容横向还是纵向显示 */
+        layout?: "horizontal" | "vertical";
+        onAdd?: () => void;
+    }): JSX.Element;
+    defaultProps: {
+        layout: string;
+    };
+};
+export default Cards;

package/es/modules/self-registration/components/Card/index.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faPlus } from "@fortawesome/pro-light-svg-icons";
+import classnames from "classnames";
+import "./index.less";
+const Cards = (props) => {
+    return (React.createElement("div", { className: classnames("cards", { horizontal: props.layout === "horizontal" ? true : false }) },
+        props.children,
+        props.addPosition === "default" && (React.createElement("div", { className: "addBox", onClick: props.onAdd },
+            React.createElement("div", null,
+                React.createElement(FontAwesomeIcon, { icon: faPlus, size: "3x" })))),
+        props.addPosition === "topRight" && (React.createElement("div", { className: "addBoxTopRight", onClick: props.onAdd },
+            React.createElement("div", null,
+                React.createElement(FontAwesomeIcon, { icon: faPlus, size: "2x" }))))));
+};
+Cards.defaultProps = {
+    layout: "horizontal",
+};
+export default Cards;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,MAAM,KAAK,GAAG,CAAC,KAOd,EAAE,EAAE;IACJ,OAAO,CACN,6BACC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAE3F,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,WAAW,KAAK,SAAS,IAAI,CACnC,6BAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK;YAC3C;gBACC,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,CACtC,CACD,CACN;QACA,KAAK,CAAC,WAAW,KAAK,UAAU,IAAI,CACpC,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK;YACnD;gBACC,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,CACtC,CACD,CACN,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,YAAY;CACpB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/modules/self-registration/components/Card/index.less

@@ -0,0 +1,52 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+:global {
+
+	// 默认横向显示
+	.horizontal {
+		display: flex;
+		min-height: 130px;
+	}
+
+	.cards {
+		position: relative;
+
+		.addBox {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 200px;
+			border: 1px dashed gainsboro;
+			color: lighten(@primary-color, 20%);
+
+			&:hover {
+				cursor: pointer;
+				border: 1px dashed grey;
+				color: @primary-color;
+			}
+		}
+
+		.addBoxTopRight {
+			position: absolute;
+			top: -50px;
+			right: 0px;
+			color: lighten(@primary-color, 20%);
+
+			&:hover {
+				cursor: pointer;
+				color: @primary-color;
+			}
+		}
+
+
+		.ant-card {
+			min-width: 200px;
+			margin-right: 1rem;
+			border-radius: 0.5rem;
+		}
+
+		.ant-card-body {
+			padding: 0 !important;
+		}
+	}
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+declare const CheckSection: (props: {
+    children: React.ReactNode | React.ReactNode[];
+    title: JSX.Element;
+    success?: boolean;
+}) => JSX.Element;
+export default CheckSection;

package/es/modules/self-registration/components/CheckSection/index.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { faCheckCircle, faExclamationCircle } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Section from "../../controls/Section";
+import styles from "./index.less";
+const CheckSection = (props) => {
+    return (React.createElement(Section, { title: props.title, className: styles["check-section"] },
+        React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+            React.createElement("div", { style: { flexGrow: 1 } }, props.children),
+            props.success !== undefined && (React.createElement("span", { className: "section-validation-icon" }, props.success ? (React.createElement("span", { className: "success" },
+                React.createElement(FontAwesomeIcon, { icon: faCheckCircle, size: "5x" }))) : (React.createElement("span", { className: "error" },
+                React.createElement(FontAwesomeIcon, { icon: faExclamationCircle, size: "5x" }))))))));
+};
+export default CheckSection;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/components/CheckSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,YAAY,GAAG,CAAC,KAIrB,EAAE,EAAE;IACJ,OAAO,CACN,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;QAC9D,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;YACpD,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAG,KAAK,CAAC,QAAQ,CAAO;YAClD,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC/B,8BAAM,SAAS,EAAE,yBAAyB,IACxC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,8BAAM,SAAS,EAAE,SAAS;gBACzB,oBAAC,eAAe,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5C,CACP,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAE,OAAO;gBACvB,oBAAC,eAAe,IAAC,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAC,IAAI,GAAG,CAClD,CACP,CACK,CACP,CACI,CACG,CACV,CAAC;AACH,CAAC,CAAC;AACF,eAAe,YAAY,CAAC"}

package/es/modules/self-registration/components/CheckSection/index.less

@@ -0,0 +1,20 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../controls//Section/index.less";
+
+.check-section {
+	:global {
+		.section-validation-icon {
+			margin-left: auto;
+			.success {
+				svg {
+					color: @success-color;
+				}
+			}
+			.error {
+				svg {
+					color: @error-color;
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const MemberCard: (props: {
+    member: any;
+    /** id of the unit */
+    memberId: string;
+    /** member roles */
+    roles: "Directors" | "Shareholder";
+    onEditClick?: () => void;
+    onDeleteClick?: () => void;
+}) => JSX.Element;
+export default MemberCard;

package/es/modules/self-registration/components/MemberCard/index.js

@@ -0,0 +1,58 @@
+import { useValidates } from "@voplus/morpho-data";
+import { faBuilding, faEdit, faTrashAlt, faUser } from "@fortawesome/pro-light-svg-icons";
+import Blink from "../../controls/Blink";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Popover } from "@voplus/antd";
+import React from "react";
+import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useUnit } from "@voplus/morpho-org";
+const MemberCard = (props) => {
+    const { member, memberId, roles } = props;
+    const unit = useUnit(memberId);
+    const isShareholder = roles === "Shareholder";
+    const validates = useValidates((c) => checkError(c));
+    return observe(() => (React.createElement(Card, { className: styles["member-card"], padding: "0" },
+        React.createElement("div", { className: "member-title" },
+            React.createElement("span", { className: "member-name" },
+                React.createElement(FontAwesomeIcon, { icon: (unit === null || unit === void 0 ? void 0 : unit.type) === "Organization" ? faBuilding : faUser }),
+                isShareholder ? member.shareholder.name : member.name),
+            validates.hasError && (React.createElement(Blink, { duration: "3s" },
+                React.createElement(Popover, { content: errorTip(validates.errors), title: "", placement: "rightTop" },
+                    React.createElement(FontAwesomeIcon, { icon: faExclamationCircle, className: "errorIcon" }))))),
+        React.createElement("div", { className: "member-content" },
+            isShareholder ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { title: "Number of Shares" },
+                    "Shares: ",
+                    member.shares),
+                React.createElement("span", { title: "Capital" },
+                    "Capital: $",
+                    member.capital))) : (roles),
+            React.createElement("div", { className: "actions" },
+                React.createElement("span", { onClick: props.onEditClick },
+                    React.createElement(FontAwesomeIcon, { icon: faEdit })),
+                React.createElement("span", { onClick: props.onDeleteClick },
+                    React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))))));
+    function checkError(c) {
+        c.validate(() => unit.address.line1 && unit.address.country, "Please input address.");
+        c.validate(() => unit.type !== "Organization" && unit.nationality, "Please input nationality.");
+        c.validate(() => unit.email, "Please input email.");
+        c.validate(() => unit.primaryLegalIdentity.number &&
+            unit.primaryLegalIdentity.type &&
+            unit.primaryLegalIdentity.country, "Please input identity details.");
+        if (isShareholder) {
+            c.validate(() => props.member.shares > 0, "Please input number of shares.");
+            c.validate(() => props.member.capital > 0, "Please input subscription amount (capital).");
+        }
+        return c;
+    }
+    function errorTip(errors) {
+        return (React.createElement("div", { style: { width: "200px", color: "red" } }, errors.map((item, index) => {
+            return React.createElement("div", { key: index }, item);
+        })));
+    }
+};
+export default MemberCard;
+//# sourceMappingURL=index.js.map

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

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

package/es/modules/self-registration/components/MemberCard/index.less

@@ -0,0 +1,53 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+
+.member-card {
+	min-width: 200px;
+	margin-right: 20px;
+	:global {
+		.member-title {
+			font-size: 17px;
+			color: white;
+			padding: 8px 16px;
+			background: @primary-color;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			border-radius: 8px 8px 0 0;
+			.member-name{
+				svg {
+					color: #fff;
+					margin-right: 6px;
+				}
+			}
+			.errorIcon {
+				color: rgba(255, 200, 200, 1);
+			}
+			
+		}
+		.member-content {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			font-size: 15px;
+			padding: 10px 16px;
+			border: 1px solid gainsboro;
+			border-top: none;
+			min-height: 100px;
+			border-radius: 0 0 8px 8px;
+			.actions {
+				font-size: 14px;
+				display: flex;
+				justify-content: flex-end;
+				> span {
+					margin-left: 6px;
+					color: lightgray;
+					&:hover {
+						color: @primary-color;
+						cursor: pointer;
+					}
+				}
+			}
+			color: @primary-color;
+		}
+	}
+}

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

@@ -0,0 +1,11 @@
+import { ReactStripeElements } from "react-stripe-elements";
+import React from "react";
+import { ICharge } from "../../shopping-cart/CartState";
+declare const CheckoutForm: React.ComponentType<{
+    stripe?: ReactStripeElements.StripeProps | undefined;
+    email?: string | undefined;
+    amount: number;
+    onBack?: (() => void) | undefined;
+    store: ICharge;
+}>;
+export default CheckoutForm;

package/es/modules/self-registration/components/StripeForm/index.js

@@ -0,0 +1,61 @@
+import * as EmailValidator from "email-validator";
+import { Alert, Button, Input } from "@voplus/antd";
+import { CardElement, injectStripe } from "react-stripe-elements";
+import React, { useEffect, useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { State } from "./state";
+import { faInfoCircle } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+const CheckoutForm = injectStripe((props) => {
+    const [state] = useState(new State());
+    useEffect(() => {
+        runInAction(() => (state.email = props.email || ""));
+    }, [props.email]);
+    return observe(() => (React.createElement("div", { className: styles.checkoutForm },
+        state.error && React.createElement(Alert, { type: "error", message: state.error }),
+        React.createElement("div", null,
+            React.createElement(FontAwesomeIcon, { icon: faInfoCircle }),
+            " Please fill in your credit/debit card details then click the Pay button to complete the renewal / purchase. The payment will be proceed by",
+            " ",
+            React.createElement("a", { href: "https://stripe.com", target: "_blank", rel: "noreferrer" }, "Stripe"),
+            " ",
+            "directly. VOPlus will not have any access to your payment information."),
+        React.createElement("div", null,
+            React.createElement("label", null,
+                React.createElement("strong", null,
+                    React.createElement("span", null, "*"),
+                    " Card Details")),
+            React.createElement(CardElement, { onChange: state.onCardChange }),
+            React.createElement("label", null,
+                React.createElement("strong", null,
+                    React.createElement("span", { color: "crimson" }, "*"),
+                    " Email")),
+            React.createElement(Input, { id: "email", name: "email", value: state.email, className: "StripeElement", placeholder: "contactname@example.com", style: {
+                    width: "100%",
+                    color: EmailValidator.validate(state.email) ? undefined : "red",
+                }, onChange: state.onEmailChange })),
+        props.onBack && (React.createElement(Button, { type: "default", onClick: props.onBack }, "Back")),
+        React.createElement(Button, { type: "primary", onClick: submit, loading: state.charging, disabled: !state.canPay }, state.charging ? "Charging" : `Pay SGD$ ${props.amount}`))));
+    function submit() {
+        runInAction(async () => {
+            var _a;
+            state.charging = true;
+            const { token } = (await ((_a = props === null || props === void 0 ? void 0 : props.stripe) === null || _a === void 0 ? void 0 : _a.createToken()));
+            if (!token.id)
+                return;
+            try {
+                await props.store.charge(token === null || token === void 0 ? void 0 : token.id, state.email);
+            }
+            catch (err) {
+                state.error = err.toString();
+            }
+            finally {
+                state.charging = false;
+            }
+        });
+    }
+});
+export default CheckoutForm;
+//# sourceMappingURL=index.js.map

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

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

package/es/modules/self-registration/components/StripeForm/index.less

@@ -0,0 +1,36 @@
+:global {
+	.StripeElement {
+		display: block;
+		margin: 10px 0 20px 0;
+		max-width: 500px;
+		padding: 10px 14px;
+		font-size: 1em;
+		font-family: "Source Code Pro", monospace;
+		box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px, rgba(0, 0, 0, 0.0196078) 0px 1px 0px;
+		border: 0;
+		outline: 0;
+		border-radius: 4px;
+		background: white;
+	}
+
+	input::placeholder {
+		//color: #aab7c4;
+	}
+
+	.StripeElement--focus {
+		box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px, rgba(0, 0, 0, 0.0784314) 0px 1px 3px;
+		-webkit-transition: all 150ms ease;
+		transition: all 150ms ease;
+	}
+
+	.StripeElement.IdealBankElement,
+	.StripeElement.PaymentRequestButton {
+		padding: 0;
+	}
+}
+
+.checkoutForm {
+	label span {
+		color: crimson;
+	}
+}

package/es/modules/self-registration/components/StripeForm/state.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="stripe-v3" />
+export declare class State {
+    charging: boolean;
+    error: string;
+    complete: boolean;
+    canPay: boolean;
+    email: string;
+    constructor();
+    onEmailChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCardChange: (el: stripe.elements.ElementChangeResponse) => void;
+}

package/es/modules/self-registration/components/StripeForm/state.js

@@ -0,0 +1,81 @@
+import { __decorate } from "tslib";
+import * as EmailValidator from "email-validator";
+import { action, makeAutoObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "charging", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "error", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "complete", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "canPay", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "email", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "onEmailChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event) => {
+                const email = event.target.value;
+                this.email = email;
+                console.log(email, "email");
+                this.canPay = this.complete && EmailValidator.validate(email);
+            }
+        });
+        Object.defineProperty(this, "onCardChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (el) => {
+                this.complete = el.complete;
+                this.canPay = el.complete && EmailValidator.validate(this.email);
+                console.log(el.complete, this.canPay, "el.complete");
+            }
+        });
+        makeAutoObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "charging", void 0);
+__decorate([
+    observable
+], State.prototype, "error", void 0);
+__decorate([
+    observable
+], State.prototype, "complete", void 0);
+__decorate([
+    observable
+], State.prototype, "canPay", void 0);
+__decorate([
+    observable
+], State.prototype, "email", void 0);
+__decorate([
+    action
+], State.prototype, "onEmailChange", void 0);
+__decorate([
+    action
+], State.prototype, "onCardChange", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/self-registration/components/StripeForm/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/components/StripeForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE9D,MAAM,OAAO,KAAK;IAOjB;QANY;;;;mBAAkB,KAAK;WAAC;QACxB;;;;mBAAe,EAAE;WAAC;QAClB;;;;mBAAkB,KAAK;WAAC;QACxB;;;;mBAAgB,KAAK;WAAC;QACtB;;;;mBAAe,EAAE;WAAC;QAQ9B;;;;mBAAuB,CAAC,KAA0C,EAAE,EAAE;gBACrE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC/D,CAAC;WAAC;QAIF;;;;mBAAsB,CAAC,EAAyC,EAAE,EAAE;gBACnE,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;gBAC5B,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACjE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;YACtD,CAAC;WAAC;QAlBD,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAkBD;AA1BY;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;oCAAmB;AAClB;IAAX,UAAU;uCAAyB;AACxB;IAAX,UAAU;qCAAuB;AACtB;IAAX,UAAU;oCAAmB;AAQ9B;IAFC,MAAM;4CAOL;AAIF;IAFC,MAAM;2CAML"}

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

@@ -0,0 +1 @@
+export { default as CheckSection } from "./CheckSection";

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

@@ -0,0 +1,2 @@
+export { default as CheckSection } from "./CheckSection";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/self-registration/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/es/modules/self-registration/controls/Blink/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const Blink: {
+    (props: {
+        blinking: boolean;
+        children: any;
+        duration: string;
+    }): JSX.Element;
+    defaultProps: {
+        blinking: boolean;
+        duration: string;
+    };
+};
+export default Blink;

package/es/modules/self-registration/controls/Blink/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import classNames from "classnames";
+import styles from "./index.less";
+const Blink = (props) => {
+    const style = props.blinking ? { animationDuration: `${props.duration} !important` } : {};
+    return (React.createElement("span", { className: classNames(styles.blink, props.blinking ? styles.blinking : null), style: style }, props.children));
+};
+Blink.defaultProps = {
+    blinking: true,
+    duration: "1s",
+};
+export default Blink;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/controls/Blink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/controls/Blink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GAAG,CAAC,KAA6D,EAAE,EAAE;IAC/E,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,QAAQ,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1F,OAAO,CACN,8BACC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAC5E,KAAK,EAAE,KAAK,IAEX,KAAK,CAAC,QAAQ,CACT,CACP,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACd,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/modules/self-registration/controls/Blink/index.less

@@ -0,0 +1,27 @@
+.blink {
+	&.blinking {
+		-webkit-animation: blink 3s linear infinite;
+		-moz-animation: blink 3s linear infinite;
+		-ms-animation: blink 3s linear infinite;
+		-o-animation: blink 3s linear infinite;
+		animation: blink 3s linear infinite;
+	}
+}
+
+@keyframes blink {
+	0% {
+		opacity: 1;
+	}
+	25% {
+		opacity: 0.5;
+	}
+	50% {
+		opacity: 0;
+	}
+	75% {
+		opacity: 0.5;
+	}
+	100% {
+		opacity: 1;
+	}
+}

package/es/modules/self-registration/controls/BusinessActivityInput/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const BusinessActivityInput: (props: {
+    defaultValue: string;
+    onBlur?: ((v: string) => void) | undefined;
+    onChange?: ((v: string) => void) | undefined;
+    onSelect?: ((v: string) => void) | undefined;
+    autoFocus?: boolean | undefined;
+}) => JSX.Element;
+export default BusinessActivityInput;

package/es/modules/self-registration/controls/BusinessActivityInput/index.js

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from "react";
+import { AutoComplete } from "@voplus/antd";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useCartStore } from "../../../../data/cart";
+const BusinessActivityInput = (props) => {
+    const [state] = useState(new State());
+    const store = useCartStore();
+    useEffect(() => {
+        dataSource();
+    }, []);
+    const filterActivities = (value) => {
+        if (value) {
+            runInAction(() => {
+                state.source = state.activityDescriptions
+                    .filter((x) => x.value.toLowerCase().indexOf(value.toLocaleLowerCase()) !== -1)
+                    .slice(0, 50);
+            });
+        }
+    };
+    return observe(() => (React.createElement(AutoComplete, { defaultValue: props.defaultValue, onSearch: (v) => filterActivities(v), placeholder: "Choose or search a business activity", options: state.source, onChange: props.onChange, onBlur: (v) => props.onBlur && props.onBlur(v ? v.toString() : ""), onSelect: (v) => props.onSelect && props.onSelect(v ? v.toString() : ""), autoFocus: props.autoFocus })));
+    function dataSource() {
+        runInAction(async () => {
+            if (state.activityDescriptions.length > 0) {
+                state.source = state.activityDescriptions;
+                return;
+            }
+            if (state.loading)
+                return;
+            state.loading = true;
+            const activities = await store.businessActivities("SG");
+            state.activityDescriptions = activities === null || activities === void 0 ? void 0 : activities.map((x) => {
+                return { value: `${x.code} ${x.description}`, label: `${x.code} ${x.description}` };
+            });
+            state.source = state.activityDescriptions;
+            state.loading = false;
+        });
+    }
+};
+export default BusinessActivityInput;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/controls/BusinessActivityInput/index.js.map

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

package/es/modules/self-registration/controls/BusinessActivityInput/state.d.ts

@@ -0,0 +1,17 @@
+export declare class State {
+    /** value */
+    value: string;
+    /** 保存时加载状态 */
+    loading: boolean;
+    /** activity list */
+    activityDescriptions: {
+        value: string;
+        label: string;
+    }[];
+    /** activity list */
+    source: {
+        value: string;
+        label: string;
+    }[];
+    constructor();
+}