@voplus/morpho-csp 11.2.6 → 11.2.7

package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.js

@@ -1,107 +1,59 @@
 import React from "react";
-import { Col, Form, Row, Input } from "antd";
-import { UserOutlined } from "@ant-design/icons";
+import { Input } from "antd";
 import { observe } from "@voplus/morpho-ui";
-import { faAddressCardRegular, faEnvelopeRegular, faMapMarkerAltRegular, faPhoneRegular, faLockRegular, FontAwesomeIcon, } from "@voplus/morpho-ui/es/faIcons";
-import UTCShortDate from "@voplus/morpho-ui/es/controls/UTCShortDate";
-import IdentityChange from "../../../../../corporate/company/identity/components/IdentityChange";
-import Address from "@voplus/morpho-ui/es/controls/Address";
+import { ContactAddressFields, ContactBasicFields, ContactIdentityFields, ContactInternalUseFields, } from "../../../components/ContactFields";
 import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
 import "./index.css";
+/**
+ * 联系人编辑器：Company General 的 Bank Opening / New Officer / Remove Officer /
+ * Transfer / Issue Shares 等明细行共用。
+ *
+ * 版式与 SGP 的人员行（CLDAContactList）保持一致：姓名行右侧放动作图标，
+ * 下方依次为 Basic / Address / Identity / Internal Use Only 分组（分组标题在值上方），
+ * 只读态为内联字段（空值渲染 —），编辑态为统一字段网格与 32px 控件。
+ * 仅样式差异，字段写入与 onChange 回调未变。
+ */
 const FormContactEditor = ({ editable = false, header = true, ...props }) => {
-    const { contact, isOnlyInternalUse } = props;
+    const { contact, isOnlyInternalUse, actionButton } = props;
+    /** Basic 字段（邮箱 / 电话）变化：写回 contact 并通知外部。 */
+    const onBasicChange = (patch) => {
+        Object.assign(contact, patch);
+        props.onChange?.(contact);
+    };
+    /** 地址变化：写回 contact 并通知外部。 */
+    const onAddressChange = (address) => {
+        contact.address = address;
+        props.onChange?.(contact);
+    };
+    /** 证件信息变化：写回 contact 并通知外部。 */
+    const onIdentityChange = (identity) => {
+        contact.identity = identity;
+        props.onChange?.(contact);
+    };
+    /** 内部使用字段变化：写回 contact 并通知外部。 */
+    const onInternalUseChange = (patch) => {
+        Object.assign(contact, patch);
+        props.onChange?.(contact);
+    };
     return observe(() => {
         return (React.createElement("div", { className: "form-contact-editor" },
             React.createElement("div", { className: "form-contact-editor-header" },
-                React.createElement("div", { className: "form-contact-editor-header-name" }, editable ? (React.createElement(Input, { prefix: React.createElement(UserOutlined, null), value: contact?.name, onChange: (e) => {
+                React.createElement("div", { className: "form-contact-editor-header-name" }, editable ? (React.createElement(Input, { value: contact?.name, placeholder: "Please enter the name", onChange: (e) => {
                         contact.name = e.target.value;
                         props.onChange?.(contact);
                     } })) : header ? (React.createElement("span", { className: "contact-name" },
-                    React.createElement(UnitNameNoteAlert, { id: contact.id, name: contact.name ?? "" }))) : null)),
-            React.createElement("div", { className: "form-contact-editor-basic" },
-                React.createElement(Input, { disabled: !editable, bordered: editable, value: contact?.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelopeRegular }), onChange: (e) => {
-                        contact.email = e.target.value;
-                        props.onChange?.(contact);
-                    } }),
-                React.createElement(Input, { disabled: !editable, bordered: editable, value: contact?.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhoneRegular }), onChange: (e) => {
-                        contact.phone = e.target.value;
-                        props.onChange?.(contact);
-                    } })),
+                    React.createElement(UnitNameNoteAlert, { id: contact.id, name: contact.name ?? "" }))) : null),
+                actionButton ? React.createElement("div", { className: "action-button" }, actionButton) : null),
             React.createElement("div", { className: "form-contact-editor-content" },
-                React.createElement("div", { className: "contact-address" },
-                    React.createElement("div", { className: "contact-address-title" },
-                        React.createElement(FontAwesomeIcon, { icon: faMapMarkerAltRegular }),
-                        "Address:"),
-                    editable ? (React.createElement(Form, { layout: "horizontal" },
-                        React.createElement(Address, { value: contact.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => {
-                                contact.address = v;
-                                props.onChange?.(contact);
-                            } }))) : (React.createElement(React.Fragment, null,
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contact?.address?.line1)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contact?.address?.line2)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, `${contact?.address?.city ? contact.address?.city : ""} ${contact?.address?.state} ${contact?.address?.country} ${contact?.address?.postalCode}`.trim()))))),
-                React.createElement("div", { className: "contact-identity-info" },
-                    React.createElement("div", { className: "contact-identity-info-title" },
-                        React.createElement(FontAwesomeIcon, { icon: faAddressCardRegular }),
-                        "Identify Info:"),
-                    editable ? (React.createElement(IdentityChange, { value: contact?.identity, onChange: (v) => {
-                            contact.identity = v;
-                            props.onChange?.(contact);
-                        } })) : (React.createElement(React.Fragment, null,
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contact?.identity?.country)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contact?.identity?.type)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null, contact?.identity?.number)),
-                        React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Expiry:",
-                                React.createElement(UTCShortDate, { value: contact?.identity?.expiryDate })))))),
-                isOnlyInternalUse && (React.createElement("div", { className: "contact-only-internal-use" },
-                    React.createElement("div", { className: "contact-only-internal-use-title" },
-                        React.createElement(FontAwesomeIcon, { icon: faLockRegular }),
-                        "Internal Use Only:"),
-                    editable ? (React.createElement(Form, { labelAlign: "left", layout: "horizontal" },
-                        React.createElement(Form.Item, { label: "Representative", name: "representative" },
-                            React.createElement(Input, { defaultValue: contact?.representative, value: contact?.representative, onChange: (e) => {
-                                    contact.representative = e.target.value;
-                                    props.onChange?.(contact);
-                                } })),
-                        React.createElement(Form.Item, { label: "Representative Passport", name: "representativePassport" },
-                            React.createElement(Input, { defaultValue: contact?.representativePassport, value: contact?.representativePassport, onChange: (e) => {
-                                    contact.representativePassport = e.target.value;
-                                    props.onChange?.(contact);
-                                } })),
-                        React.createElement(Form.Item, { label: "Foreign Director 1", name: "foreignDirector1" },
-                            React.createElement(Input, { defaultValue: contact?.foreignDirector1, value: contact?.foreignDirector1, onChange: (e) => {
-                                    contact.foreignDirector1 = e.target.value;
-                                    props.onChange?.(contact);
-                                } })),
-                        React.createElement(Form.Item, { label: "Foreign Director 2", name: "foreignDirector2" },
-                            React.createElement(Input, { defaultValue: contact?.foreignDirector2, value: contact?.foreignDirector2, onChange: (e) => {
-                                    contact.foreignDirector2 = e.target.value;
-                                    props.onChange?.(contact);
-                                } })))) : (React.createElement(React.Fragment, null,
-                        contact?.representative && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Representative: ",
-                                contact?.representative))),
-                        contact?.representativePassport && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Representative Passport: ",
-                                contact?.representativePassport))),
-                        contact?.foreignDirector1 && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Foreign Director 1: ",
-                                contact?.foreignDirector1))),
-                        contact?.foreignDirector2 && (React.createElement(Row, null,
-                            React.createElement(Col, null,
-                                "Foreign Director 2: ",
-                                contact?.foreignDirector2))))))))));
+                React.createElement(ContactBasicFields, { editing: editable, value: { email: contact.email, phone: contact.phone }, onChange: onBasicChange }),
+                React.createElement(ContactAddressFields, { editing: editable, value: contact.address, onChange: onAddressChange }),
+                React.createElement(ContactIdentityFields, { editing: editable, value: contact.identity, onChange: onIdentityChange, title: "Identify Info" }),
+                React.createElement(ContactInternalUseFields, { visible: !!isOnlyInternalUse, editing: editable, value: {
+                        representative: contact.representative,
+                        representativePassport: contact.representativePassport,
+                        foreignDirector1: contact.foreignDirector1,
+                        foreignDirector2: contact.foreignDirector2,
+                    }, onChange: onInternalUseChange }))));
     });
 };
 export default FormContactEditor;

package/es/modules/self-registration/clda-form/incorporation/components/FormContactEditor/index.js.map

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

package/es/modules/self-registration/clda-form/incorporation/sgp/index.css

@@ -1,58 +1,49 @@
 @import "../../../../../style/common.css";
 
+/**
+ * SGP 表单独有样式。
+ *
+ * 通用版式（卡片内边距 18px、标题下划线、引言、校验提示、Internal Use 等）
+ * 已迁到 src/style/clda-form-theme.css，由 .incorporation-form-common-style 统一提供。
+ */
 .incorporation-sgp-form {
-	max-width: 1000px;
 	padding: 20px;
-	margin: 0 auto;
 
-	.non-empty-check-prompt {
-		margin-top: 15px;
-		color: #ff0000;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 19px;
-
-		> span {
-			vertical-align: text-top;
+	/* Capital and Financial Year：指标格自带内边距，.section-content 的上内边距由
+	   Section 的 .capital-section 变体统一归零（见 controls/Section/index.css） */
+	.share-capital {
+		.cap-grid {
+			/* 抵消卡片内边距（18px），让首格内容与其它分区左对齐 */
+			margin: 0 -18px;
 		}
-	}
-
-	.officer-list {
-		margin-bottom: 20px;
 
-		.ant-card {
-			margin-bottom: 0;
+		.cap-cell {
+			padding: 16px 18px 18px;
 		}
-	}
-
-	.morpho-inline-edit > .content-container > .content.clickable {
-		cursor: pointer;
-	}
 
-	.incorporation-form-submit {
-		margin-bottom: 20px;
-	}
-
-	.incorporation-form-submitted {
-		text-align: right;
-		padding: 0 20px;
+		/* .capital-title {
+			.tip-icon {
+				margin-left: auto;
+			}
+		} */
 	}
+}
 
-	.sub-title {
-		font-size: 16px;
-		color: var(--heading-subtitle-color);
-		font-weight: 600;
+/* 窄容器（PropertiesView 侧栏）：卡片内边距 14px */
+@container cldasection (max-width: 420px) {
+	.incorporation-sgp-form .self-registration-section > .ant-card-body {
+		padding: 14px;
 	}
+}
 
-	.internal-use-section {
-		margin-top: 15px;
-
-		&.secretary-list {
-			margin-top: 0;
+@container cldacapital (max-width: 459px) {
+	.incorporation-sgp-form .share-capital {
+		.cap-grid {
+			margin: 0 -14px;
 		}
 
-		.halvingline {
-			margin: 20px 0;
+		.cap-cell {
+			padding: 13px 14px 14px;
 		}
 	}
 }

package/es/modules/self-registration/clda-form/incorporation/sgp/index.js

@@ -31,24 +31,19 @@ const IncorporationSGPForm = (props) => {
     const content = observe(() => (React.createElement("div", { className: classnames("incorporation-sgp-form", "incorporation-form-common-style") },
         React.createElement(Spin, { spinning: !incorporation.loaded }, incorporation.loaded && (React.createElement(ValidationCollectionsContext.Provider, { value: validations },
             React.createElement(Section, { className: "incorporation-form-interpretation", title: React.createElement(React.Fragment, null,
-                    React.createElement(FontAwesomeIcon, { className: "margin-right-10", icon: faTableColumnsSolid }),
+                    React.createElement(FontAwesomeIcon, { icon: faTableColumnsSolid }),
                     "Singapore Company Incorporation Form") },
                 React.createElement("div", { className: "introduction-information" },
                     React.createElement("p", null, "Welcome to our incorporation form! Please follow the instructions below to complete your registration:"),
-                    React.createElement("br", null),
                     React.createElement("ul", null,
+                        React.createElement("li", null, "This form should take around 10-15 minutes to complete."),
+                        React.createElement("li", null, "All fields marked with an asterisk (*) are mandatory. Please make sure you fill them out completely."),
                         React.createElement("li", null,
-                            React.createElement("p", null, "1.This form should take around 10-15 minutes to complete.")),
-                        React.createElement("li", null,
-                            React.createElement("p", null, "2.All fields marked with an asterisk (*) are mandatory. Please make sure you fill them out completely.")),
-                        React.createElement("li", null,
-                            React.createElement("p", null,
-                                "3.If you're not sure what to fill in a specific section, you can hover over the information icon",
-                                React.createElement("span", { style: { fontSize: "1.2em", color: "#E6E6E6", margin: "0 5px" } },
-                                    React.createElement(FontAwesomeIcon, { icon: faCircleInfoSolid, size: "sm" })),
-                                "to see more details.")),
-                        React.createElement("li", null,
-                            React.createElement("p", null, "4.The form is auto-saved, so you can leave the form anytime and come back to it later with the same link."))))),
+                            "If you're not sure what to fill in a specific section, you can hover over the information icon",
+                            React.createElement("span", { className: "tip-icon" },
+                                React.createElement(FontAwesomeIcon, { icon: faCircleInfoSolid })),
+                            "to see more details."),
+                        React.createElement("li", null, "The form is auto-saved, so you can leave the form anytime and come back to it later with the same link.")))),
             React.createElement(CompanyInfo, { id: props.id }),
             React.createElement(ShareCapital, { id: props.id }),
             React.createElement(ShareholderList, { isOnlyInternalUse: props.type === "defaultView", id: props.id }),

package/es/modules/self-registration/clda-form/incorporation/sgp/index.js.map

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

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

@@ -1,16 +1,50 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+/**
+ * 取事件背后真正挂在页面上的 input 元素。
+ *
+ * antd Input 底层的 rc-input 在派发 change 时会把 event.target 换成输入框的克隆节点
+ * （让回调里读到的是本次编辑后的值），对克隆节点写 value 不会影响真实输入框，
+ * 所以这里从原始事件里取真实节点。
+ * @param e antd Input 触发的 change 事件。
+ * @returns 真实的 input 元素；取不到时返回 null。
+ */
+function getInputElement(e) {
+    const target = e.nativeEvent?.target;
+    return target instanceof HTMLInputElement ? target : null;
+}
 const BusinessNameInput = ({ type = "sgp", errorIfEmpty = true, forceUpperCase = true, ...props }) => {
     const [check, setCheck] = useState(false);
-    const [value, setValue] = useState("");
     if (!check) {
         checkName(props.value);
     }
-    useEffect(() => {
-        setValue(props.value);
-    }, [props.value]);
-    return (React.createElement(TimeoutInput, { placeholder: "Company Name", onChange: (e) => props.onChange &&
-            props.onChange(forceUpperCase ? e.target.value.toUpperCase() : e.target.value), onBlur: onBlur, onIdle: (s) => checkName(s), value: value }));
+    return (React.createElement(TimeoutInput, { placeholder: "Company Name", onChange: onChange, onBlur: onBlur, onIdle: (s) => checkName(s), value: props.value ?? "" }));
+    /**
+     * 处理输入：先把强制大写的结果写回真实输入框，再交给父级，避免光标被重置到末尾。
+     *
+     * 输入框是受控的（值来自父级 store）。强制大写会让本次事件的文本与父级随后的受控值不一致，
+     * React 提交时会重写 input.value —— 而重写会把光标甩到末尾，于是每敲一个字光标就跳到末尾。
+     * 这里主动写入大写文本并保持光标，React 提交时发现 DOM 已是受控值就不再重写，
+     * 光标因此停在用户输入的位置（文本中间的插入点）。
+     * @param e antd Input 触发的 change 事件。
+     */
+    function onChange(e) {
+        const raw = e.target.value;
+        const next = forceUpperCase ? raw.toUpperCase() : raw;
+        const selectionStart = e.target.selectionStart;
+        if (selectionStart != null && next !== raw) {
+            // 大写可能改变长度（如 ß -> SS），所以按前缀长度换算光标下标。
+            const caret = forceUpperCase
+                ? raw.slice(0, selectionStart).toUpperCase().length
+                : selectionStart;
+            const input = getInputElement(e);
+            if (input) {
+                input.value = next;
+                input.setSelectionRange(caret, caret);
+            }
+        }
+        props.onChange?.(next);
+    }
     function onBlur() {
         // if (!value || value.trim() === props.value) return;
         props.onBlur && props.onBlur();

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

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

package/es/modules/self-registration/controls/Section/index.css

@@ -9,16 +9,18 @@
 		font-weight: bold;
 		font-size: 20px;
 		line-height: 27px;
-
-		svg {
-			color: var(--purple-primary-color);
-		}
 	}
 
 	.ant-divider {
 		margin-bottom: 0;
 	}
 
+	&.capital-section {
+		.section-content {
+			padding-top: 0;
+		}
+	}
+
 	.section-content {
 		padding-top: 20px;
 
@@ -84,3 +86,23 @@
 		}
 	}
 }
+
+/* CLDA 表单内的 Section：容器查询锚点 + 窄容器下的紧凑内边距。
+   限定在 .incorporation-form-common-style 作用域内，避免影响其它复用 Section 的页面。 */
+.incorporation-form-common-style .self-registration-section {
+	container-type: inline-size;
+	container-name: cldasection;
+}
+
+@container cldasection (max-width: 420px) {
+	.incorporation-form-common-style .self-registration-section {
+		.section-title {
+			font-size: 14px;
+			line-height: 21px;
+		}
+
+		.section-content {
+			padding-top: 14px;
+		}
+	}
+}

package/es/modules/self-registration/controls/Tips/Tip.css

@@ -0,0 +1,24 @@
+/**
+ * Tip 组件（info 图标 + Popover）的基础样式。
+ *
+ * 为什么自成一份：Tip 是跨页面复用的共享组件，除了 CLDA 五套表单，Shopping Cart 的
+ * NameAndActivities / Register / Incorporation / Secretary / ShareHolders 也在用，
+ * 而那些页面并没有 `.incorporation-form-common-style` 作用域。
+ * 因此图标外观必须由组件自带，不能依赖 CLDA 主题层里的 `.tip-icon` 定义。
+ *
+ * 类名用 `sr-tip-icon` 而不是复用 `tip-icon`：`tip-icon` 已被 CLDA 主题层
+ * 用作作用域内样式锚点，且被 ShareClassItemCard 当作 offsetWidth 的测量目标，
+ * 在这里定义全局 `.tip-icon` 会改变该处测量结果，故另起组件私有类名。
+ */
+.sr-tip-icon {
+	display: inline-flex;
+	align-items: center;
+	color: var(--default-color);
+	font-size: 13px;
+	line-height: 1;
+	cursor: help;
+
+	&:hover {
+		color: var(--primary-color);
+	}
+}

package/es/modules/self-registration/controls/Tips/Tip.d.ts

@@ -1,4 +1,16 @@
 import React from "react";
+import "./Tip.css";
+/**
+ * 带 Popover 的 info 图标。
+ *
+ * 外观由组件自带的 `.sr-tip-icon` 提供（见 `Tip.css`）：本组件在 CLDA 表单之外
+ * 也被 Shopping Cart 等页面复用，那些页面没有 `.incorporation-form-common-style`
+ * 作用域，因此不能依赖 CLDA 主题层里的 `.tip-icon` 给它上色。
+ *
+ * `tip-icon` 类名保留，供 CLDA 主题层里的上下文规则（如前言列表内的间距）继续命中。
+ *
+ * @param props.content Popover 展开后展示的内容
+ */
 declare const _default: (props: {
     content: React.ReactNode | React.ReactNode[];
 }) => React.JSX.Element;

package/es/modules/self-registration/controls/Tips/Tip.js

@@ -1,9 +1,21 @@
 import React from "react";
 import { faCircleInfoSolid, FontAwesomeIcon } from "@voplus/morpho-ui/es/faIcons";
 import { Popover } from "antd";
+import "./Tip.css";
+/**
+ * 带 Popover 的 info 图标。
+ *
+ * 外观由组件自带的 `.sr-tip-icon` 提供（见 `Tip.css`）：本组件在 CLDA 表单之外
+ * 也被 Shopping Cart 等页面复用，那些页面没有 `.incorporation-form-common-style`
+ * 作用域，因此不能依赖 CLDA 主题层里的 `.tip-icon` 给它上色。
+ *
+ * `tip-icon` 类名保留，供 CLDA 主题层里的上下文规则（如前言列表内的间距）继续命中。
+ *
+ * @param props.content Popover 展开后展示的内容
+ */
 export default (props) => {
     return (React.createElement(Popover, { content: React.createElement("span", null, props.content), placement: "topRight" },
-        React.createElement("span", null,
-            React.createElement(FontAwesomeIcon, { icon: faCircleInfoSolid, size: "sm", style: { color: "#E6E6E6", fontSize: "16px" } }))));
+        React.createElement("span", { className: "tip-icon sr-tip-icon" },
+            React.createElement(FontAwesomeIcon, { icon: faCircleInfoSolid }))));
 };
 //# sourceMappingURL=Tip.js.map

package/es/modules/self-registration/controls/Tips/Tip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/controls/Tips/Tip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,eAAe,CAAC,KAAuD,EAAE,EAAE;IAC1E,OAAO,CACN,oBAAC,OAAO,IAAC,OAAO,EAAE,kCAAO,KAAK,CAAC,OAAO,CAAQ,EAAE,SAAS,EAAC,UAAU;QACnE;YACC,oBAAC,eAAe,IACf,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC5C,CACI,CACE,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/controls/Tips/Tip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,WAAW,CAAC;AAEnB;;;;;;;;;;GAUG;AACH,eAAe,CAAC,KAAuD,EAAE,EAAE;IAC1E,OAAO,CACN,oBAAC,OAAO,IAAC,OAAO,EAAE,kCAAO,KAAK,CAAC,OAAO,CAAQ,EAAE,SAAS,EAAC,UAAU;QACnE,8BAAM,SAAS,EAAC,sBAAsB;YACrC,oBAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,CACtC,CACE,CACV,CAAC;AACH,CAAC,CAAC"}