立即註冊領取
\r\n100 張 0 佣優惠
\r\n \r\n );\r\n }\r\n else if(isReferAEList([\"945\"]))\r\n {\r\n return (\r\n <>\r\n立即註冊領取
\r\nHK$500 沐浴禮券
\r\n \r\n );\r\n }\r\n else\r\n {\r\n return (\r\n <>\r\n開戶送大禮
\r\n只需3分鐘 立即行動啦！
\r\n \r\n );\r\n }\r\n \r\n };\r\n\r\n const ShowBanner = () =>{\r\n\r\n if (isReferAEList([\"942\"]))\r\n {\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React, {useEffect} from \"react\";\r\nimport \"./StepContainer.css\";\r\n\r\nconst StepContainer = (props) => {\r\n const [IsProcessingNext, setIsProcessingNext] = React.useState(false);\r\n\r\n const { showNavigation, goToNamedStep, prevStepName, nextStepName, onNext, nextDisabled, prevDisable } = props;\r\n\r\n const prevStep = () => {\r\n if (prevStepName && goToNamedStep) goToNamedStep(prevStepName);\r\n };\r\n\r\n const nextStep = async () => {\r\n setIsProcessingNext(true);\r\n if (nextStepName && goToNamedStep) {\r\n if (!onNext)\r\n goToNamedStep(nextStepName);\r\n else {\r\n let r = await onNext();\r\n //console.log(r, \"onNext - result\");\r\n if (r === true) {\r\n goToNamedStep(nextStepName);\r\n }\r\n }\r\n }\r\n setIsProcessingNext(false);\r\n };\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, [])\r\n\r\n return (\r\n
\r\n );\r\n}\r\n\r\nexport default StepContainer;","export default __webpack_public_path__ + \"static/media/hk_flag.1d1a43d7.png\";","export default __webpack_public_path__ + \"static/media/other_flag.c7e1da5f.png\";","import React from \"react\";\r\nimport { useUserSettings } from '../UserSettingsProvider';\r\nimport StepContainer from '../StepContainer/StepContainer';\r\n// import {PrettyPrintJson} from '../../services/Utils';\r\n\r\nimport \"./UserClassification.css\";\r\nimport CN from '../../assets/chn_flag.png';\r\nimport HK from '../../assets/hk_flag.png';\r\nimport Other from '../../assets/other_flag.png';\r\n\r\nconst UserClassification = (props) => {\r\n\r\n const { userRef, setUserRef } = useUserSettings();\r\n const { goToNamedStep } = props;\r\n\r\n const changeIDCardOrigin = (o) => {\r\n setUserRef({ ...userRef, IDCardOrigin: o });\r\n goToNamedStep(\"PersonalInfo\");\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {props.children}\r\n \r\n
\r\n\r\n \r\n {showNavigation && (
\r\n \r\n {prevStepName && (\r\n )}\r\n {nextStepName && (\r\n \r\n )}\r\n
)}\r\n\r\n \r\n 富昌金融集團\r\n \r\n \r\n );\r\n};\r\n\r\nexport const ReqFieldIcon = () => {\r\n return ( *)\r\n};\r\n\r\nexport const FBLabel = (props) => {\r\n return ()\r\n};\r\n\r\nexport const PropIsExist = (obj, PropName) => PropName && PropName.split('.').reduce((a, b) => (a || {})[b], obj) !== undefined;\r\n\r\n\r\nexport const cssFormInput = (ErrMsg) => {\r\n return 'form-control' + (ErrMsg ? ' is-invalid' : '');\r\n};\r\n\r\nexport const InvalidFieldStyle = (ErrorFieldName) => ErrorFieldName ? \"is-invalid\" : \"\";\r\n\r\nexport const GetIDCardOriginName = (Code) => {\r\n switch (Code?.toUpperCase() ?? \"\") {\r\n case \"HKG\": return \"中國香港身份證\";\r\n case \"CHN\": return \"中國內地身份證\";\r\n case \"OTHER\": return \"其他國家證件\";\r\n default:\r\n return \"\";\r\n }\r\n};\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport { library } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCircle, faSquare, faTrashAlt, faSpinner, faCheckCircle } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTimesCircle } from '@fortawesome/free-regular-svg-icons'\r\nimport AOSService from \"../../services/AOSServices\";\r\nimport { GetIDCardOriginName } from '../../services/Utils';\r\nimport Compress from \"compress.js\";\r\nimport * as Sentry from \"@sentry/react\";\r\n\r\nimport \"./IDCardUploader.css\";\r\nimport back from '../../assets/IDCard_back.png';\r\nimport front from '../../assets/IDCard_front.png';\r\nimport sam1 from '../../assets/sample_1.png';\r\nimport sam2 from '../../assets/sample_2.png';\r\nimport sam3 from '../../assets/sample_3.png';\r\nimport sam4 from '../../assets/sample_4.png';\r\n\r\nimport { setLocale } from \"yup\";\r\n\r\nconst IDCardUploader = React.memo(({ UserRef, onIDCardReady }) => {\r\n library.add(faCircle, faSquare, faTrashAlt, faSpinner, faCheckCircle, faTimesCircle);\r\n\r\n const DocStatus = useRef({ Front: false, Back: false });\r\n\r\n const FileChangeHandler = ({ ImgName, Status }) => {\r\n if (ImgName.toLowerCase() === \"front\") {\r\n DocStatus.current.Front = Status;\r\n } else if (ImgName.toLowerCase() === \"back\") {\r\n DocStatus.current.Back = Status;\r\n }\r\n onIDCardReady(DocStatus.current.Front && DocStatus.current.Back);\r\n };\r\n\r\n const IDCardUploadButton = ({ UserRef, Side, BGImage, Title, onFileChanged }) => {\r\n const compress = new Compress();\r\n const initialRender = useRef(true);\r\n const [uploadProcess, setUploadProcess] = useState(0);\r\n const [file, setFile] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const inputFileRef = useRef();\r\n\r\n useEffect(() => {\r\n if (initialRender.current) {\r\n //console.log(`${Side} file or IDCardImage changed`, \"useEffect\");\r\n\r\n if (!file && UserRef.IDCardOrigin && UserRef.RefCode) {\r\n AOSService.GetIDCard(UserRef.IDCardOrigin, UserRef.RefCode, Side)\r\n .then(d => {\r\n const base64 = btoa(\r\n new Uint8Array(d).reduce(\r\n (data, byte) => data + String.fromCharCode(byte),\r\n '',\r\n ),\r\n );\r\n if (base64) {\r\n onFileChanged({ ImgName: Side, Status: true });\r\n setFile(\"data:;base64,\" + base64);\r\n }\r\n });\r\n }\r\n initialRender.current = false;\r\n }\r\n\r\n return () => {\r\n //console.log(\"unmount IDCardUploadButton\", \"useEffect\")\r\n if (file) URL.revokeObjectURL(file);\r\n };\r\n });\r\n\r\n const showFileDialog = (event) => {\r\n inputFileRef.current.click();\r\n };\r\n\r\n const deleteImage = () => {\r\n onFileChanged({ ImgName: Side, Status: false });\r\n setFile(null);\r\n };\r\n\r\n const handleChange = (event) => {\r\n const fileObject = event.target.files[0];\r\n if (!fileObject) return;\r\n renderImage([fileObject]);\r\n };\r\n\r\n const renderImage = (fileObject) => {\r\n compress.compress(fileObject, {\r\n size: 2, // the max size in MB, defaults to 2MB\r\n quality: .90, // the quality of the image, max is 1,\r\n maxWidth: 1920, // the max width of the output image, defaults to 1920px\r\n maxHeight: 1920, // the max height of the output image, defaults to 1920px\r\n resize: true, // defaults to true, set false if you do not want to resize the image width and height\r\n rotate: false, // See the rotation section below\r\n }).then((data) => {\r\n // returns an array of compressed images\r\n //console.log(data[0], \"compress aynce\");\r\n const img = data[0];\r\n const base64str = img.data;\r\n const imgExt = img.ext;\r\n const resizedFile = Compress.convertBase64ToFile(base64str, imgExt);\r\n resizedFile.fileName = img.alt;\r\n setFile(URL.createObjectURL(resizedFile));\r\n\r\n setLoading(true);\r\n AOSService.UploadID(UserRef.IDCardOrigin, UserRef.RefCode, Side, resizedFile,\r\n (event) => {\r\n setUploadProcess(Math.round((100 * event.loaded) / event.total));\r\n }).then(req => {\r\n if (req && !req.Result) {\r\n switch (req.Info) {\r\n case 1:\r\n alert(`上傳失敗檔案格式不支援，請重新上載`);\r\n break;\r\n case 2:\r\n alert(`身份證號已經註冊開戶`);\r\n break;\r\n default:\r\n alert(`上傳失敗或證件文字不清晰，請重新上載`);\r\n }\r\n deleteImage();\r\n } else {\r\n onFileChanged({ ImgName: Side, Status: true });\r\n }\r\n\r\n setLoading(false);\r\n }).catch(error => {\r\n Sentry.captureException({\r\n errorName: 'AOSService.UploadID',\r\n message: error,\r\n });\r\n });\r\n }).catch(error => {\r\n Sentry.captureException({\r\n errorName: 'compress',\r\n message: error,\r\n });\r\n });\r\n\r\n };\r\n\r\n const LoadingPanel = () => {\r\n return (\r\n \r\n \r\n ))}\r\n
\r\n )}\r\n\r\n {/* {message.length > 0 && (\r\n \r\n
\r\n\r\n {/* {userRef.IPRegion !== \"CN\" && ( */}\r\n 請選擇證件
\r\n\r\n \r\n
\r\n {/* )} */}\r\n\r\n \r\n {/*
\r\n \r\n );\r\n}\r\n\r\nexport default UserClassification;\r\n","export default \"data:image/png;base64,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\"","import React from \"react\";\r\n\r\nexport const PrettyPrintJson = ({ data }) => {\r\n return ( */}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {/* \r\n \r\n
*/}\r\n {JSON.stringify(data, null, 2)}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n <>\r\n {file ? (\r\n \r\n
\r\n \r\n {loading && (
\r\n ) : (\r\n \r\n 
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {Title}
\r\n\r\n
\r\n );\r\n});\r\n\r\nexport default IDCardUploader;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAADgCAMAAAD46NvyAAAByFBMVEX///8AAADh6PL/x7Dy8vV0U0////8KmP/4//j///+IVlb3+P1jZ3H////////29vjp7PXm6/L9/f/////19fz+/fz///////////////////////////8Tnf/////////////////////8w6z////y+f9Qt//////////////u8fZ6V1T///+R0f/4/P781ML8z7qScGvl5uyHiZGidm7/////////28r////////w7e3///+QaGN+YFz////////F6P/UoZD//////////fv++Pbq5ufr4N/+/v4/sP8ko//////////////////o9f/h3d/0183FwsW8r7Hnsp7///////////////////+s3v/Vysn///////////+l2//0vqi1n57////////////////////Q0tiXmaGrlJGkiIaMXlz////k6vTPubfBkoSVfXr/////////8erb0c+lp63////////////////39vb/6uD/4dOzgnj///////////////91d4HZ8P+34/////////99yv9pwP/////////+//7r5+atmJfz8/b////////c1NPUycfTx8e7qqj6//r///////9XjA5fAAAAl3RSTlNNAE1NTU1JTR8bTU1NCRFNTU1Nuk1N79+Vo2zrek1e+sAVT01fTU38QvZNTVdNTU1NTU1NTedoTdiaTVpNTfNRTU0F4eFNTU3MTU2zgHViTU1NTU1N7dPGhVRNTamLcU1NTUe9nZBlTU1NTU0CTk1NTa14TU1NGA0B5OFNTU0uE86gTU1NMiVNTTo2KsBoVD00oZOReDYhMwUwKQAADbNJREFUeNrs1t1r01AYx/Gn6vElUovDqLPokKFTo4PAFBcStYV2eqGEdr4RB66yi6alK1KcN24XWnV64ZXm3zXqNN3WvLQ9Jzng73MZcnW+POc5dHSx6IUorlzMgSAb/QuhDr9p06IXbuZhDsTIn53xQs09/UFXvQhPcyDGt8delEfkoUsWGqe9KGcju8zhHhNl+/H4XYpr2Pui5F8k6pKDtF1fmR7mPrpI6Ry6SAld5IQucoruUt46dhTEO7ZVTt6lvdE/TJCOxma+naxLfhNV0tT4Wk7Spbw9RZAmtf82vkv7O0HaNt/G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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAADgCAMAAAD46NvyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBQTFRF////4unz8fT56O31/f397vL48PT55ev05+317/P45Or0/v7/4+rz7fH36u/29ff77PH36/D35ez06e72+Pr85uz18/b67PD38PP5/Pz+/v//4+r06+/39vj75Ov07fH47/L47fL48vX6/P3++fv9+/z9+Pn8/f3+/v7++fr88vX59fj76e/2+/z+//79////hIC1HQAAADB0Uk5T//////////////////////////////////////////////////////////////8AYqXQeAAAB8pJREFUeNrs3dmaojgAhmEEw1YKKO5LaW1de9f9393odM90CwFREknJ9x/NU0fpvJOFbFpWab6IpljWTWG61pEsqD9tLLVCBepy+Vla73NcvmN7oR+jH8OF+v82MlSTmVzUBy4ElytzscilUt2FurpgulmaQhfq6uIyVVx+EZKmYApdYGl0lCn4O1VkqAvNpVkY2gsu5OjQf8yFbsxMF+qIfozgggvBBReCCy64GOoyx4X2Qiq4/BL4svb/wW6lQS6/HThxgQvBBReCCy4EF4ILLgQXXAguuOCCC8EFF4ILLgQXXHDBheCCC8EFF7Uuz6PYFoN07C07nc7SG6cDYcejZwwadHmdiPS2I8ttKiavODTgMo+F0ymPI+K5ln9e3zEx/W7jLg/xZtypkvEmflDP0jEz/YZdRjP/hNL6s5FiF8dQF6dRl3U/PLG8YX+t1KVjqku3OZf36VlFnr7jotFlnZxd6GSNiyaXRxHWKHUoHnHR4PJy79cst3//gotql1GioOTJCBe1LhNfSdH9CS4KXZ6EssKLJ1xUufwYKCz94AfflWpcYrUV4cSsw6hwmQxLS9Pz/HSVbITYCrFJVqnv9Y6Uf1hzkOmybrnLW+lHS2/orPoicF17H9cNRH/lDI/IhG+s89d1sUvqOPSju2D2i+RP3FlwF/nlmnb1AnziImMprNulP9jmTP7YbAf+skTGpr3UcXkrai3eh3CLUH7TuOLDK24xVbuyOS6SIb+gN/KioBzlN00QFcqE1Qb/G9qLZIIsn4ndRoFdNUF0WzQrqzJd/qQfk3xOSr9beo6wT4lwCvpC54fVtihxeZJ+5XtT1z4t7rSgMxs84XKGi5A2lq19erYFTUbgcrrLRDZYR659TtxIPoGY4HKqy0iysO8l57HsYBJpX+b/2Y9ZqK6DxVW6vEi2wYZ39vm5k87tkhfay0ku95IzesKuEyE9CXiPyykuj/lebBzY9RLIYPxHXE5wyc/FhsKuGzGUzslucKnqss5Nn7z6LDsYyeAfrmkvlV1yg36Y2CqSSKbLCS5VXd5zlRe5SlzcSNKTveNS0SV3BtlRw7KDkSy5TXGp5rLODS6BrSqBZIhZ41LJJXvepDe11WXaO+McCS77FZhQVy9W0JOFI1wquMyy22DCVhmR3yib4XLc5SH7qR/ZapOfk/kn38Gct88l1jfoFw79VbaUb1reXjaam4uswWxaoVLLZT7W3FxkDWY8v+beS4lLthv7cJW7uB8ndmRXs7JZwyWzkrwUtvqIZUt3+mu4ZD4vfFeDi+ufcnXkBhfLes2eJbJ1JH8C6pX2UuoyyV7u1uKSv3A+KRvrGV+yw4uWbkzWkQnaS6lLqmXf5fg+TIpLmcvz4eJVT083tuvIsqvKt8+4lLiMMoctAk0uQe4IxqgF07HzXeLMaeSZJpdZ7sRyTHspcTm8tuetXE0u7sqrcrGvoK0Yeh9Zo8vhdMzv27rS96tMyD6lx4xbeH//8IMvFdpcRJr9gK3eG7TwvYvD2loF2lyC1fkT5Ra+D3O4yD91tbm42bNQY0lpFvKl/Ra6HI7GG40u2e03T16gBS77HC7A6xtedgNM9pkG+rESl05jLh3aS2WXrUaXLS7ftr0s6MdMHV8+cTFyPsZ3pYHfLwXpt8/FvO99yYdl1XcUjevGrmZ9rN5Bvu5lo3Od37D15JJJGfsvDe6/sC9m8H7lAhcT9/dpL5yH4fzYSefHPnHhvKWZLsadT8bl33Ce30wXA++/WD/Pmilf2TuK3Bcz08XE+5W4GHwfedFuF0Pv72dseO/CmPcuMnOB1rl8i/dhWtiP8Z6SoS68P2amC+/1GerC+5ZmuvAerKEuvJ9spgvvjRvqwvv8Zrpc9PcscDH49180rEouPq/Phd9LMtSF3xcz0+Xiv8eHC79f+a1d+L1XQ134fWQzXfg9cUNdrFg6h+rcRtU/ZYLotuDa2zC2cDnPxZrIh+uOFwVVejM3iLyi24jhxMLlXBfrraAP6ngfwi2ncV3xUajS6b1ZuJzvkrnYd3AS0x9sZ0U07mw78Jcll3drXdsz86K4zvvIEphecUlCP7oLcjbuLLiL/LDsn9C7Qhat7yjKurLyGh46q74IfvdprhuI/soZ9sr/AWG9TqyF711IB/9haWl6np+uko0QWyE2ySr1vSMqnWHNIb+F78PIp8tq/wd16k6QcfnvA3OgsPSD2p+TuPy/JCOUFV7UX3zB5a9BxldSdF/F1yQuf+/HJApKnijZb8HlYAfzvm6T8e/V7E7icphHEdYodSgeFa1m4JLN+vzOLFF3Tozvynzep2cVearysGsfF1mb6Z/am4V9tWcqu46Z6TbqspuazU6ZAfgz9Ydeuibmouv88jzEm3EllPEmbsvdScsAl13msTg2/joinmNxYZd9XicilW/f36Zi8opDQy77PI9iWwzSsbffnVx643Qg7Hj0jEHDLgQXXAguuOCCC8EFF4ILLgQXXHDBhZzrcvBHaqhpF/mfqSFcSAnAT1yMdKG94EJwwYXgggvBheCCC8EFF9KIS5cqaiBd2gsuhPEFF6KV5ava38llR5diF2AabS7FLl97QNIQS4kLTaY5leN1X/GdBqISpXqb+CKaYt0o9SSqXBQ3NAILLrgYBTPHxdAG8wWLgS5f/wgwAIyCe9TXwCpGAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import styled, { css } from 'styled-components'\r\n\r\nexport const PreviewImgWrapper = styled.div`\r\n margin:0.25rem;\r\n padding:auto;\r\n height:80px;\r\n width:80px;\r\n background-color: #fff;\r\n border: 1px solid #dee2e6;\r\n border-radius: 0.25rem;\r\n position: relative;\r\n\r\n & span.Trash {\r\n position: absolute;\r\n right: -8px;\r\n top: -5px;\r\n }\r\n`;\r\n\r\nexport const PreviewImg = styled.img`\r\n padding: 0.25rem;\r\n max-width: 100%;\r\n height: auto;\r\n`;\r\n\r\nexport const DocUploadButton = styled.div`\r\n display:block;\r\n height:100%;\r\n\r\n & input {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 1px;\r\n font-size: 0;\r\n opacity: 0;\r\n }\r\n\r\n ${props =>\r\n props.disabled &&\r\n css`\r\n background-color: #ececec;\r\n `};\r\n`;","import React, { Component } from \"react\";\r\nimport AOSServices from \"../../services/AOSServices\";\r\nimport { PreviewImgWrapper, PreviewImg, DocUploadButton } from \"./DocUploaderStyle\";\r\n\r\nimport { library } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCircle, faSquare, faTrashAlt, faPlusCircle, faSpinner, faCheckCircle } from '@fortawesome/free-solid-svg-icons'\r\nimport { faTimesCircle } from '@fortawesome/free-regular-svg-icons'\r\nimport Compress from \"compress.js\";\r\n\r\nexport default class DocUploader extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.selectFiles = this.selectFiles.bind(this);\r\n this.upload = this.upload.bind(this);\r\n this.uploadImages = this.uploadImages.bind(this);\r\n this.SelectFilesRef = this.SelectFilesRef.bind(this);\r\n this.DeleteFile = this.DeleteFile.bind(this);\r\n this.inputFilesRef = React.createRef();\r\n this.compress = new Compress();\r\n\r\n library.add(faCircle, faSquare, faTrashAlt, faSpinner, faCheckCircle, faTimesCircle);\r\n\r\n this.state = {\r\n selectedFiles: undefined,\r\n previewImages: [],\r\n progressInfos: [],\r\n message: [],\r\n\r\n imageInfos: [],\r\n processCount: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n AOSServices.GetDocList(this.props.RefCode, this.props.AType).then((response) => {\r\n this.setState({\r\n imageInfos: response,\r\n });\r\n });\r\n }\r\n\r\n selectFiles(event) {\r\n const files = [...event.target.files]\r\n let images = this.state.previewImages ?? [];\r\n let resizedImgFiles = this.state.selectedFiles ?? [];\r\n\r\n this.compress.compress(files, {\r\n size: 1, // the max size in MB, defaults to 2MB\r\n quality: .90, // the quality of the image, max is 1,\r\n maxWidth: 3840, // the max width of the output image, defaults to 1920px\r\n maxHeight: 3840, // the max height of the output image, defaults to 1920px\r\n resize: true, // defaults to true, set false if you do not want to resize the image width and height\r\n rotate: false, // See the rotation section below\r\n }).then((data) => {\r\n // returns an array of compressed images\r\n\r\n for (let i = 0; i < data.length; i++) {\r\n const img = data[i];\r\n const base64str = img.data;\r\n const imgExt = img.ext;\r\n const resizedFile = Compress.convertBase64ToFile(base64str, imgExt);\r\n resizedFile.name = resizedFile.fileName = img.alt;\r\n\r\n resizedImgFiles.push(resizedFile);\r\n images.push(URL.createObjectURL(resizedFile))\r\n }\r\n\r\n const { progressInfos, message } = this.state;\r\n this.setState({\r\n progressInfos: progressInfos,\r\n message: message,\r\n selectedFiles: resizedImgFiles,\r\n previewImages: images\r\n });\r\n }).then(() => {\r\n // upload all files\r\n this.uploadImages();\r\n });\r\n }\r\n\r\n upload(idx, file) {\r\n let _progressInfos = [...this.state.progressInfos];\r\n\r\n this.setState((p) => { return { processCount: p.processCount + 1 } });\r\n AOSServices.UploadDoc(this.props.RefCode, this.props.AType, file, (event) => {\r\n _progressInfos[idx].percentage = Math.round((100 * event.loaded) / event.total);\r\n this.setState({\r\n progressInfos: _progressInfos,\r\n })\r\n })\r\n .then((r) => {\r\n this.setState((prev) => {\r\n let nextMessage = [...prev.message, \"Uploaded the image successfully: \" + file.fileName];\r\n // let _selectedFiles = prev.selectedFiles;\r\n // let removeIdx = _selectedFiles.indexOf(w => w.fileName === file.fileName);\r\n // if (removeIdx >= 0) {\r\n // _selectedFiles = _selectedFiles.splic(removeIdx, 1);\r\n // console.log(\"remove\");\r\n // }\r\n\r\n return {\r\n message: nextMessage,\r\n //selectedFiles: _selectedFiles\r\n processCount: prev.processCount - 1\r\n };\r\n });\r\n\r\n if (r && !r.Result) {\r\n throw 'Could not upload the image';\r\n }\r\n\r\n //return AOSServices.GetDocList(this.props.RefCode, this.props.AType);\r\n })\r\n .then(() => {\r\n let pc = this.state.processCount;\r\n if (pc === 0) {\r\n this.setState((prev) => {\r\n return {\r\n selectedFiles: [],\r\n previewImages: [],\r\n };\r\n });\r\n\r\n AOSServices.GetDocList(this.props.RefCode, this.props.AType)\r\n .then((files) => {\r\n this.setState({\r\n imageInfos: files,\r\n });\r\n });\r\n }\r\n })\r\n // .then((files) => {\r\n // this.setState({\r\n // imageInfos: files,\r\n // });\r\n // })\r\n .catch(() => {\r\n _progressInfos[idx].percentage = 0;\r\n this.setState((prev) => {\r\n let nextMessage = [...prev.message, \"Could not upload the image: \" + file.fileName];\r\n return {\r\n progressInfos: _progressInfos,\r\n message: nextMessage\r\n };\r\n });\r\n });\r\n };\r\n\r\n DeleteFile = (DocID) => {\r\n AOSServices.DeleteDoc(this.props.RefCode, DocID)\r\n .then((r) => {\r\n if (r && r.Result) {\r\n AOSServices.GetDocList(this.props.RefCode, this.props.AType)\r\n .then((files) => {\r\n this.setState({\r\n imageInfos: files,\r\n });\r\n });\r\n\r\n }\r\n });\r\n };\r\n\r\n SelectFilesRef = (event) => {\r\n this.inputFilesRef.current.click();\r\n };\r\n\r\n uploadImages() {\r\n const selectedFiles = this.state.selectedFiles;\r\n let _progressInfos = [];\r\n\r\n for (let i = 0; i < selectedFiles.length; i++) {\r\n _progressInfos.push({ percentage: 0, fileName: selectedFiles[i].fileName });\r\n }\r\n\r\n this.setState(\r\n {\r\n progressInfos: _progressInfos,\r\n message: [],\r\n },\r\n () => {\r\n for (let i = 0; i < selectedFiles.length; i++) {\r\n this.upload(i, selectedFiles[i]);\r\n }\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n const { selectedFiles, previewImages, progressInfos, message, imageInfos } = this.state;\r\n\r\n return (\r\n \r\n
\r\n 上傳證件 ({GetIDCardOriginName(UserRef.IDCardOrigin)})
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n 
\r\n
\r\n \r\n
\r\n 
\r\n
\r\n \r\n
\r\n 
\r\n
\r\n\r\n\r\n \r\n
\r\n {/* {docIDCardFront && ({docIDCardFront.length})} */}\r\n
\r\n \r\n 1. 拍摄时请将证件平放，手机横向拍摄;
\r\n 2. 确保身份证 边框完整、文字清晰可见;
\r\n 3. 若点击上传无反应，请先确认是否开启相机权限。\r\n
\r\n {/*
\r\n ))} */}\r\n {/* {this.state.processCount},\r\n {this.state.selectedFiles?.length} */}\r\n {previewImages && (\r\n \r\n
*/}\r\n\r\n {/* {progressInfos &&\r\n progressInfos.map((progressInfo, index) => (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Upload\r\n \r\n
\r\n \r\n {progressInfo.fileName}\r\n
\r\n \r\n \r\n {progressInfo.percentage}%\r\n
\r\n \r\n\r\n \r\n 0}>\r\n \r\n 0 ? \"rgb(240, 200, 200)\" : \"rgb(204, 0, 16)\"}\r\n transform=\"shrink-1\" />\r\n \r\n 0} type=\"file\" ref={this.inputFilesRef} multiple accept=\"image/*\" onChange={this.selectFiles} />\r\n \r\n \r\n\r\n {previewImages.map((img, i) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n )\r\n })}\r\n\r\n {imageInfos &&\r\n imageInfos.map((img, index) => (\r\n \r\n \r\n {progressInfos[i].percentage}%\r\n
\r\n \r\n
\r\n )} */}\r\n\r\n\r\n {/* - \r\n {message.map((item, i) => {\r\n return
- {item} ;\r\n })}\r\n
\r\n
*/}\r\n\r\n \r\n );\r\n }\r\n}","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useUserSettings } from '../UserSettingsProvider';\r\nimport StepContainer from '../StepContainer/StepContainer';\r\nimport IDCardUploader from '../IDCardUploader/IDCardUploader';\r\nimport AOSServices from \"../../services/AOSServices\";\r\nimport { FBLabel, InvalidFieldStyle, PrettyPrintJson } from '../../services/Utils';\r\nimport DocUploader from '../DocUploader/DocUploader';\r\n\r\nimport { useForm, Controller } from \"react-hook-form\";\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport * as Yup from 'yup';\r\n\r\nimport { subMonths, format } from 'date-fns';\r\nimport zh from 'date-fns/locale/zh-CN';\r\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport \"./PersonalInfo.css\";\r\n\r\n\r\nexport default function PersonalInfo(props) {\r\n\r\n // for date picker\r\n registerLocale('zh', zh);\r\n\r\n const { userRef } = useUserSettings();\r\n const [IDCardReady, setIDCardReady] = useState(false);\r\n const [RevisedInfo, setRevisedInfo] = useState(false);\r\n\r\n const validationSchema = Yup.object().shape({\r\n OCROrderNo: Yup.string().nullable(),\r\n ChnName: Yup.string().nullable().required(\"請輸入你的中文姓名\"),\r\n EngName: Yup.string().nullable().required(\"請輸入你的姓名拼音\"),\r\n HKID: Yup.string().nullable().required(\"請輸入你的證件號碼\"),\r\n Birthday: Yup.date().nullable().required(\"請輸入你的出生日期\"),\r\n Gender: Yup.string().nullable().required(\"請選擇你的稱呼\"),\r\n IsSameAddress: Yup.boolean().nullable(),\r\n ResidentAddress1: Yup.string().nullable().required(\"請輸入你的住宅地址\"),\r\n CommunicateAddress1: Yup.string().nullable()\r\n .when('IsSameAddress', (IsSameAddress, schema) => {\r\n return !IsSameAddress ? schema.required(\"請輸入你的通訊地址\") : schema.notRequired();\r\n }),\r\n Revised: Yup.boolean(),\r\n Region: Yup.string().nullable(),\r\n });\r\n\r\n const { register, trigger, watch, setValue, getValues, reset, control, formState: { isValid, errors }, clearErrors } = useForm({\r\n mode: \"all\",\r\n shouldFocusError: true,\r\n resolver: yupResolver(validationSchema),\r\n defaultValues: {\r\n IsSameAddress: true,\r\n Revised: (userRef.IDCardOrigin === \"OTHER\" ? true : false)\r\n }\r\n });\r\n\r\n const watchAllFields = watch();\r\n\r\n const IDCardReadyhandler = useCallback((val) => {\r\n if (val) {\r\n AOSServices.GetInfo(userRef.RefCode, userRef.IDCardOrigin)\r\n .then((resp) => {\r\n //console.log(`resp:` + resp);\r\n if (resp && resp.Result) {\r\n //console.log(`restore info`);\r\n //if (resp.Info.HKID != null && resp.Info.ChnName != null) {\r\n reset({\r\n\r\n Birthday: new Date(resp.Info.Birthday),\r\n ChnName: resp.Info.ChnName,\r\n CommunicateAddress1: resp.Info.CommunicateAddress1,\r\n CommunicateAddress2: resp.Info.CommunicateAddress2,\r\n CommunicateAddress3: resp.Info.CommunicateAddress3,\r\n EngName: resp.Info.EngName,\r\n Gender: resp.Info.Gender,\r\n HKID: resp.Info.HKID,\r\n IsSameAddress: resp.Info.IsSameAddress,\r\n OCROrderNo: resp.Info.OCROrderNo,\r\n RefID: resp.Info.RefID,\r\n Region: resp.Info.Region,\r\n ResidentAddress1: resp.Info.ResidentAddress1,\r\n ResidentAddress2: resp.Info.ResidentAddress2,\r\n ResidentAddress3: resp.Info.ResidentAddress3,\r\n Revised: resp.Info.Revised,\r\n });\r\n //}\r\n\r\n setRevisedInfo((userRef.IDCardOrigin === \"OTHER\") ? true : resp.Info.Revised);\r\n //setRevisedInfo(resp.Info.Revised);\r\n }\r\n }).finally(() => setIDCardReady(val));\r\n } else {\r\n setIDCardReady(val);\r\n }\r\n }, []);\r\n\r\n\r\n\r\n //const manualAdj = watchAllFields.PInfo.Revised;\r\n const EnableManualAdjust = () => {\r\n setValue(\"Revised\", true);\r\n setRevisedInfo(true);\r\n };\r\n\r\n const goNext = () => {\r\n if (!isValid) {\r\n trigger(undefined, { shouldFocus: true });\r\n return new Promise(resolve => resolve(false));\r\n } else {\r\n const { Birthday, ...PData } = getValues();\r\n return new Promise(resolve => {\r\n AOSServices.SavePersonalInfo(userRef.RefCode, {\r\n \"Birthday\": format(watchAllFields.Birthday, \"yyyy-MM-dd\"), ...PData\r\n }, \"SettlementInfo\")\r\n .then(res => {\r\n if (!res || !res.Result) {\r\n alert(\"提交資料失敗，請重新再試\")\r\n }\r\n resolve(res.Result);\r\n });\r\n });\r\n }\r\n };\r\n\r\n\r\n\r\n // useEffect(() => {\r\n // // load initial data\r\n // })\r\n\r\n\r\n const ManualAdjustButton = () => {\r\n return (userRef.IDCardOrigin !== \"OTHER\") && !watchAllFields.Revised && (List of Files
\r\n - \r\n {imageInfos &&\r\n imageInfos.map((img, index) => (\r\n
- \r\n
\r\n
\r\n ))}\r\n
\r\n
);\r\n };\r\n\r\n return (\r\n \r\n 如上述個人信息不正確或地址與身份證不同，請 按此修改 \r\n
\r\n {msg.message}
);\r\n // } else\r\n // return (<>);\r\n // };\r\n\r\n // const cssFormInput = (ErrProp) => {\r\n // let Props = ErrProp.split('.');\r\n // let PropIsExist = Props.reduce((a, b) => (a || {})[b], errors) !== undefined;\r\n // return 'form-control' + (PropIsExist ? ' is-invalid' : '');\r\n // };\r\n\r\n // const UnionPayIdentification = () => {\r\n // return (\r\n // <>\r\n // \r\n //
\r\n\r\n // 內地銀行卡認證
\r\n // 該銀行卡僅用於實名認證，與出入資金無關。 \r\n //\r\n //
\r\n\r\n // {errors?.UnionPayCardNo?.message}
\r\n // \r\n //
\r\n // \r\n // );\r\n // }\r\n\r\n const cssFormLabelCol = \"col-sm-3 col-xs-12 col-form-label my-0 my-md-2\";\r\n const cssFormInputCol = \"col-sm-9 col-xs-12 my-0 my-md-2\";\r\n\r\n const goNext = () => {\r\n if (!isValid) {\r\n //trigger(\"Info\", { shouldFocus: true });\r\n trigger(undefined, { shouldFocus: true });\r\n return new Promise(resolve => resolve(false));\r\n } else {\r\n return new Promise(resolve => {\r\n const data = getValues();\r\n\r\n if (data.HasHKGBankAcc == null) {\r\n data.HasHKGBankAcc = true;\r\n }\r\n\r\n AOSServices.SaveSettlementInfo(userRef.RefCode, data, \"FFGAccountInfo\")\r\n .then(res => {\r\n if (!res || !res.Result) {\r\n if (res.ErrorCode === -1)\r\n alert(\"內地銀行卡驗證失敗，請檢查姓名﹑身份證號碼﹑銀行卡號碼﹑手機號碼是否正確。\");\r\n else\r\n alert(\"提交資料失敗，請重新再試\");\r\n } else {\r\n //console.log(`watchallfields.hashkbankacc` + watchAllFields.HasHKGBankAcc);\r\n //console.log(`hashkgbankacc:` + data.HasHKGBankAcc)\r\n setUserRef({ ...userRef, HasHKGBankAcc: watchAllFields.HasHKGBankAcc})\r\n }\r\n resolve(res.Result);\r\n });\r\n });\r\n }\r\n };\r\n\r\n\r\n return (\r\n {errors?.UnionPayCardNo?.message}
\r\n // \r\n
\r\n\r\n \r\n\r\n\r\n {/* */}\r\n \r\n \r\n
\r\n\r\n 信息驗證 ({GetIDCardOriginName(userRef.IDCardOrigin)})
\r\n\r\n
\r\n 聯繫方式
\r\n\r\n
\r\n\r\n {/* \r\n
\r\n 請選擇開戶類型
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n 風險聲明
\r\n\r\n
\r\n\r\n {GetRiskTitle(GetDisclosureType())} {`${CurrentAudioIndex + 1}/${PlayList?.length}`}
\r\n\r\n })
\r\n {/*
\r\n {AudioSource?.StaffName}
*/}\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n /
,\r\n RHAP_UI.DURATION\r\n ]\r\n }\r\n customControlsSection={\r\n [\r\n RHAP_UI.MAIN_CONTROLS,\r\n RHAP_UI.VOLUME_CONTROLS,\r\n ,\r\n ]\r\n }\r\n />\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n\r\n {RiskCompleted && (\r\n \r\n {(RiskLanguage === \"zh_hk\") ? (\r\n <>\r\n {GetDisclosureTypeList().includes(\"sec\") && (\r\n
\r\n \r\n 我是郭燕芬，證監會牌照中央編號係：A Y C 902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n\r\n {GetDisclosureTypeList().includes(\"ft\") && (\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n 我是郭燕芬，證監會牌照中央編號係：A Y C 902，代表富昌期貨有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 買賣期貨合約或期權涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行。你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣期權，便應熟悉行使期權及期權到期時的權利與責任。\r\n 買賣環球期貨產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球期貨市場跌幅或升幅超過特定百分比時，有關市場可能會暫停任何期貨交易。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n\r\n {GetDisclosureTypeList().includes(\"opt\") && (\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 買賣期貨合約或期權涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行。你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣期權，便應熟悉行使期權及期權到期時的權利與責任。\r\n 買賣環球期貨產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球期貨市場跌幅或升幅超過特定百分比時，有關市場可能會暫停任何期貨交易。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n 我是郭燕芬，證監會牌照中央編號係：A Y C 902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n\r\n 我是郭燕芬，證監會牌照中央編號係：A Y C 902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 買賣股票期權合約涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行，你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣股票期權，便應熟悉行使股票期權及股票期權到期時的權利與責任；若買賣環球股票期權，閣下亦須注意可能需要承擔外匯轉換風險。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n \r\n ) : (\r\n <>\r\n {GetDisclosureTypeList().includes(\"sec\") && (\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n\r\n 我是郭燕芬，證監會牌照中央編號係：A Y C 902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。\r\n 買賣股票期權合約涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行，你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣股票期權，便應熟悉行使股票期權及股票期權到期時的權利與責任；若買賣環球股票期權，閣下亦須注意可能需要承擔外匯轉換風險。\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n 我是郭燕芬，證監會牌照中央編號係：AYC902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。
\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。
\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n\r\n {GetDisclosureTypeList().includes(\"ft\") && (\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 證券價格可升可跌，有可能變成毫無價值。窩輪、牛熊證、創業板股份風險較高，價格非常波動及流通量比較低，如牛熊證觸及回收價，將即時被發行商強制收回。買賣證券未必一定能夠賺取利潤，反而可能會招致損失。
\r\n 如果閣下有開立一個孖展賬戶，請留意用抵押品取得融資的虧損風險可能很大，有機會超過您存放在作為抵押品的現金和任何其他資產的價值。你可能會在短時間內被要求存入額外的保證金款額或繳付利息。假如你未能在指定的時間內支付所需的保證金款額或利息，你的抵押品可能會在未經你的同意下被出售。此外，你將要為你的帳戶內因此而出現的任何短欠數額及需繳付的利息負責。
\r\n 買賣環球股票或滬深港通產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球股票市場(包括中國及滬深港通市場)跌幅或升幅超過特定百分比時，有關市場可能會暫停任何股票交易。另外，當滬深港通市場每日額度用盡時，閣下可能不能買入有關市場的股票。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n 我是郭燕芬，證監會牌照中央編號係：AYC902，代表富昌期貨有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 買賣期貨合約或期權涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行。你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣期權，便應熟悉行使期權及期權到期時的權利與責任。
\r\n 買賣環球期貨產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球期貨市場跌幅或升幅超過特定百分比時，有關市場可能會暫停任何期貨交易。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n\r\n {GetDisclosureTypeList().includes(\"opt\") && (\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 買賣期貨合約或期權涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行。你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣期權，便應熟悉行使期權及期權到期時的權利與責任。
\r\n 買賣環球期貨產品時，閣下可能需要承擔外匯轉換風險。閣下亦須注意，有些環球期貨市場跌幅或升幅超過特定百分比時，有關市場可能會暫停任何期貨交易。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n 我是郭燕芬，證監會牌照中央編號係：AYC902，代表富昌證券有限公司跟閣下說明一下有關戶口的投資風險：
\r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 買賣股票期權合約涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行，你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣股票期權，便應熟悉行使股票期權及股票期權到期時的權利與責任；若買賣環球股票期權，閣下亦須注意可能需要承擔外匯轉換風險。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n 網上買賣 : 如果閣下透過電子交易系統進行買賣，就必須承擔任何系統及網絡上之相關風險。如：網絡不穩定有關互聯網交易的注意事項，請閣下自行參閱已載於本公司網頁之客戶協議內互聯網證券/期貨交易協議書的部分。
\r\n 買賣股票期權合約涉及摃捍形式運作，虧蝕風險可能極大。在若干情況下，你所蒙受的虧蝕可能會超過最初存入的保證金數額。即使你設定了備用指示，例如 “止損 ”或 “限價 ”等指示，亦未必能夠避免損失。市場情況可能使該等指示無法執行，你可能會在短時間內被要求存入額外的保證金。假如未能在指定的時間內提供所需數額，你的未平倉合約可能會被平倉。然而，你仍然要對你的帳戶內任何因此而出現的短欠數額負責。如果你買賣股票期權，便應熟悉行使股票期權及股票期權到期時的權利與責任；若買賣環球股票期權，閣下亦須注意可能需要承擔外匯轉換風險。
\r\n 假如你對本風險披露聲明的內容有不明白之處，應尋求獨立的專業意見。
\r\n
\r\n\r\n \r\n \r\n \r\n * \r\n 本人清楚明白相關投資產品的各類風險及願意承擔買賣相關投資產品所帶來的潛在風險及責任。\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n * \r\n 本人已閱讀該風險披露聲明並沒有任何問題及無需徵求獨立的意見。\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n * \r\n 本人同意 個人資料收集聲明跨境個人資料轉讓 之所有內容細節、條款 及 將本人(等)的個人資料轉移至香港以外的地方。\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n * \r\n 本人確認本「開戶表格」以上所載所有以電子形式輸入的資料均屬完整及正確。
\r\n 本人承認、明白及同意富昌證券有限公司及／或富昌期貨有限公司（視具體情況而定）將可使用及依賴該等資料以操作本人以上的帳戶。
\r\n 本人確認本人同意本「開戶表格」以上所有所載的選擇、同意、聲明、披露、 “客戶聲明”、 “自動交換財務帳戶資料”、 “海外帳戶稅收合規法案聲明書”(如適用)、 \r\n “現金客戶協議書”(如適用)、 \r\n “保證金客戶協議書”(如適用)、 \r\n “期貨客戶協議書”(如適用)。
\r\n 本人再承認並確認已就上述開戶表格的內容按照本人明白的語言(英文或中文)獲得充分的解釋，本人並已閱讀及同意有關以電子形式輸入的所須資料。 (本「開戶表格」之中英文本文義如有歧異，請以英文本為準。)
\r\n \r\n\r\n \r\n \r\n \r\n\r\n 0 ? \"is-invalid\" : \"\"}>\r\n
\r\n )}\r\n \r\n 本人承認、明白及同意富昌證券有限公司及／或富昌期貨有限公司（視具體情況而定）將可使用及依賴該等資料以操作本人以上的帳戶。
\r\n 本人確認本人同意本「開戶表格」以上所有所載的選擇、同意、聲明、披露、 “客戶聲明”、 “自動交換財務帳戶資料”、 “海外帳戶稅收合規法案聲明書”(如適用)、 \r\n “現金客戶協議書”(如適用)、 \r\n “保證金客戶協議書”(如適用)、 \r\n “期貨客戶協議書”(如適用)。
\r\n 本人再承認並確認已就上述開戶表格的內容按照本人明白的語言(英文或中文)獲得充分的解釋，本人並已閱讀及同意有關以電子形式輸入的所須資料。 (本「開戶表格」之中英文本文義如有歧異，請以英文本為準。)
\r\n \r\n\r\n \r\n
閣下還有未完成填寫/填錯資料地方，請再重新填寫
\r\n\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n const FBCheckBox = ({ register, children, className = \"col-sm-3 col-xs-12\", ...props }) => {\r\n let id = register.name;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n 客戶簽署
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 本人(以下簽署人) 謹此確認本表格內所有以電子形式輸入的資料均屬完整及正確。本人承認、明白及同意富昌證券及／或富昌期貨（視具體情況而定）將可使用及依賴該等資料以操作本人以上的帳戶。本人再承認並確認富昌證券及／或富昌期貨就開戶表格的內容按照本人明白的語言(英文或中文)獲得充分的解釋，並已閱讀及同意有關網上開戶的條款。\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {/* */}\r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./promotion.css\";\r\n\r\nexport const Future_0_Comission = (props) => {\r\n \r\n return (\r\n \r\n
\r\n\r\n 富昌證券：「港股9個月（先收後回）免佣優惠」
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n 新客戶於富昌證券有限公司（下文簡稱「本公司」）成功開立證券戶口及在首9個月內買賣港股，即可享受「港股9 個月（先收後回）免佣優惠」（下文簡稱「本優惠」）。新客戶在「本優惠」計劃「免佣期」內支付的交易佣金，於「回贈期」內只要滿足所有相關條款及細則便獲可得回贈，詳情如下：\r\n
\r\n\r\n條款及細則：
\r\n- \r\n
- \r\n 本優惠的「免佣期」是指新客戶在開立證券帳戶後的首9 個月，本公司會以「先收後回」方式，先收取客戶於電子渠道交易港股產生的總佣金（下文簡稱「該佣金），然後將其平均分開三期安排回贈。\r\n \r\n
- \r\n 本優惠的「回贈期」是指新客戶在開立證券帳戶後的第10 至第12 個月，每月可獲得一期等值於該佣金平均數的「回贈額」。\r\n \r\n
- \r\n 客戶於當月「回贈期」內，凡透過電子渠道交易港股產生的佣金均可獲得回贈，回贈上限為當月「回贈額」。\r\n \r\n
- \r\n 客戶在當月的「回贈額」如尚有餘數，該餘數會被取消，不可延至下一個月繼續使用。\r\n \r\n
- \r\n 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。\r\n \r\n
- \r\n 客戶當月「回贈期」應獲得的回贈佣金，將於下一月中旬存入客戶的相關證券帳戶內。\r\n \r\n
- \r\n 「佣金」並不包括：印花稅、證監會交易徵費、聯交所交易費、香港結算公司結算費、財務匯報局交易徵費、交易稅及其他所有雜費。\r\n \r\n
- \r\n 於本優惠期內，如客戶的交易帳戶因客戶自行終止，或被本公司因客戶的不恰當行為（包括但不限於對本公司的欺詐、誣捏、惡意中傷等）而終止，期間客戶應收的回贈佣金將不會獲得退回。\r\n \r\n
- \r\n 本公司保留隨時更改本優惠條款及細則的權利。本公司亦可能運用酌情權取消此優惠而毋須事先通知。\r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。\r\n \r\n
- \r\n 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並應就此諮詢專業顧問。\r\n \r\n
- \r\n 本優惠適用於新客戶開立的個人及聯名證券交易帳戶(包括現金及保證金證券帳戶)。\r\n \r\n
| \r\n 「港股9 個月（先收後回）免佣優惠」的「免佣期」\r\n | \r\n\r\n 「免佣期」期間，客戶於電子渠道交易港股產生的總佣金\r\n | \r\n\r\n 每月回贈佣金金額\r\n | \r\n
|---|---|---|
| \r\n 假設9 個月的「免佣期」： \r\n 由2023 年1 月1 日開始 至2023年9 月30 日止\r\n | \r\n \r\n 合共HK$9,000\r\n | \r\n\r\n HK$9,000 ÷ 3 = HK$3,000 \r\n 客戶於第10 至第12 個月的三個月內，每月可獲得HK$3,000 回贈額，此額度不可兌換成現金或其他貨品、服務及優惠，只僅限於抵銷港股交易佣金之用\r\n | \r\n
\r\n
| \r\n 回贈月份\r\n | \r\n\r\n 每月回贈額\r\n | \r\n\r\n 當月客戶於電子渠道交易港股產生的佣金\r\n | \r\n\r\n 回贈佣金金額\r\n | \r\n
|---|---|---|---|
| \r\n 2023 年10 月\r\n | \r\n\r\n HK$3,000\r\n | \r\n\r\n HK$5,000\r\n | \r\n\r\n HK$3,000 \r\n （回贈上限為「回贈額」）\r\n | \r\n
| \r\n 2023 年11 月\r\n | \r\n\r\n HK$3,000\r\n | \r\n\r\n HK$1,000\r\n | \r\n\r\n HK$1,000 \r\n （「回贈額」餘數(HK$2,000) 被取消）\r\n | \r\n
| \r\n 2023 年12 月\r\n | \r\n\r\n HK$3,000\r\n | \r\n\r\n HK$0\r\n | \r\n\r\n HK$0 \r\n （「回贈額」餘數(HK$3,000)全數被取消）\r\n | \r\n
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./promotion.css\";\r\n\r\nexport const FUT_OPT_0_Comm = (props) => {\r\n \r\n return (\r\n \r\n
\r\n\r\n 優惠1：環期、港期/期權 0佣優惠
\r\n\r\n
\r\n\r\n 新客戶在開戶首2個月內 （開戶月+下一個月），凡經電子渠道交易特選30款環球期貨、香港期貨及期權產品，首100張佣金 （混合產品計算），全數退回，HK$1不收，全港獨有！
\r\n\r\n
\r\n\r\n 優惠2：Trade 400張再送200張
\r\n\r\n
\r\n\r\n 新開客戶於優惠期內 (開戶月+下一個月) 總交易張數達400張或以上，下一個月再送您多200張免佣優惠*，如此類推，不設贈送次數上限。
\r\n\t\t\t\t*如優惠月期間總張數未能達至400張或以上，續送優惠便會終止，不可順延。
\r\n
\r\n\r\n 優惠3：免費港期、港權、美期串流報價
\r\n\r\n
\r\n\r\n - \r\n
- 新客戶成功開立期貨賬戶後，毋須登記，即可獲享3個月免費港期、港權及美期串流報價服務（下稱「港期、港權及美期免費報價服務」）。 \r\n
- 「港期、港權及美期免費報價服務」優惠期內，新客戶如透過「富昌期運通」APP進行港期、港權、美期 1次或以上交易，下月即可繼續免費享用相關報價服務，如此類推。如未能達到以上指定交易次數，免費報價服務便會在贈送期後結束而不作另行通知。 \r\n
- 免費報價產品範圍：本公司於以下交易所提供之交易產品，包括香港期貨交易所 (HKEX)、芝加哥商業交易所 (CME)、芝加哥商業及商品交易所 (CBOT)、紐約商業交易所 (NYMEX)、紐約期貨交易所 (NYBOT) 及紐約金屬交易所 (COMEX) 。 \r\n
- 此免費報價服務適用於本公司的手機版及電腦版交易平台。 \r\n
\r\n \r\n\r\n
\r\n 其他條款及細則：
\r\n\r\n- \r\n
- \r\n 推廣期 : 2024年3月1日起，直至另行通知。\r\n \r\n
- \r\n 此推廣活動只適用於本公司之新客戶。 \r\n \r\n
- \r\n 新客戶是指 : 在開戶當日前12個月內未曾以公司、個人或聯名方式持有任何本公司的戶口。 \r\n \r\n
- \r\n 新客戶必須以電郵方式接收日/月結單，方可獲得此優惠。 \r\n \r\n
- \r\n 本優惠適用於新客戶開立的個人及/或聯名證券交易帳戶。 \r\n \r\n
- \r\n 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。 \r\n \r\n
- \r\n 新客戶如自行終止帳戶，又或被本公司因新客戶的不恰當行為(包括但不只限於 : 對本公司的欺詐、誣捏、惡意中傷等)而終止帳戶，相關優惠則不會獲得退回。 \r\n \r\n
- \r\n 本公司保留隨時更改本優惠條款及細則的權利。本公司亦可能運用酌情權取消此優惠而毋須事先通知。 \r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。 \r\n \r\n
- \r\n 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並應就此諮詢專業顧問。\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./promotion.css\";\r\n\r\nexport const SEC_2M_0_Comm = (props) => {\r\n \r\n return (\r\n \r\n
\r\n\r\n 優惠1：環期、港期/期權 0佣優惠
\r\n\r\n
\r\n\r\n 新客戶在開戶首2個月內 （開戶月+下一個月），凡經電子渠道交易特選30款環球期貨、香港期貨及期權產品，首100張佣金 （混合產品計算），全數退回，HK$1不收，全港獨有！
\r\n\r\n
\r\n\r\n 優惠2：Trade 400張再送200張
\r\n\r\n
\r\n\r\n 新開客戶於優惠期內 (開戶月+下一個月) 總交易張數達400張或以上，下一個月再送您多200張免佣優惠*，如此類推，不設贈送次數上限。
\r\n\t\t\t\t*如優惠月期間總張數未能達至400張或以上，續送優惠便會終止，不可順延。
\r\n
\r\n\r\n 優惠3：免費港期、港權、美期串流報價
\r\n\r\n
\r\n\r\n - \r\n
- 新客戶成功開立期貨賬戶後，毋須登記，即可獲享3個月免費港期、港權及美期串流報價服務（下稱「港期、港權及美期免費報價服務」）。 \r\n
- 「港期、港權及美期免費報價服務」優惠期內，新客戶如透過「富昌期運通」APP進行港期、港權、美期 1次或以上交易，下月即可繼續免費享用相關報價服務，如此類推。如未能達到以上指定交易次數，免費報價服務便會在贈送期後結束而不作另行通知。 \r\n
- 免費報價產品範圍：本公司於以下交易所提供之交易產品，包括香港期貨交易所 (HKEX)、芝加哥商業交易所 (CME)、芝加哥商業及商品交易所 (CBOT)、紐約商業交易所 (NYMEX)、紐約期貨交易所 (NYBOT) 及紐約金屬交易所 (COMEX) 。 \r\n
- 此免費報價服務適用於本公司的手機版及電腦版交易平台。 \r\n
\r\n \r\n\r\n
\r\n 其他條款及細則：
\r\n\r\n- \r\n
- \r\n 推廣期 : 2024年3月1日起，直至另行通知。\r\n \r\n
- \r\n 此推廣活動只適用於本公司之新客戶。 \r\n \r\n
- \r\n 新客戶是指 : 在開戶當日前12個月內未曾以公司、個人或聯名方式持有任何本公司的戶口。 \r\n \r\n
- \r\n 新客戶必須以電郵方式接收日/月結單，方可獲得此優惠。 \r\n \r\n
- \r\n 本優惠適用於新客戶開立的個人及/或聯名證券交易帳戶。 \r\n \r\n
- \r\n 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。 \r\n \r\n
- \r\n 新客戶如自行終止帳戶，又或被本公司因新客戶的不恰當行為(包括但不只限於 : 對本公司的欺詐、誣捏、惡意中傷等)而終止帳戶，相關優惠則不會獲得退回。 \r\n \r\n
- \r\n 本公司保留隨時更改本優惠條款及細則的權利。本公司亦可能運用酌情權取消此優惠而毋須事先通知。 \r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。 \r\n \r\n
- \r\n 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並應就此諮詢專業顧問。\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./promotion.css\";\r\n\r\nexport const TOTIELONG_SEC = (props) => {\r\n \r\n return (\r\n \r\n
\r\n\r\n 富昌證券：新客戶「 2 個月港股零佣金優惠」
\r\n\r\n
\r\n \r\n \r\n 新客戶於富昌證券有限公司（下文簡稱「本公司」）成功開立證券交易帳戶，即可享有「2個月港股零佣金優惠」（下文簡稱「本優惠」），詳情如下：\r\n \r\n
\r\n\r\n\r\n 新開立的證券交易帳戶，優惠期由開戶當月及其後2個月，港股網上交易佣金費用全免。優惠期完結後，按現時「一般客戶收費」計算佣金費用*。\r\n *「一般客戶收費」 – 會按本公司不時調整的港股網上交易收費作準\r\n
\r\n\r\n\r\n 新客戶如在開戶同時提供其本人於銀行或其他證明行的最近交易單據，可按相關交易單據內的佣金收費以八折計算「最終收費」**** 當以八折計算後的佣金收費是低於本公司的「一般客戶收費」，就以此收費作為「最終收費」; 如否，則按本公司的「一般客戶收費」計算\r\n
\r\n\r\n其他條款及細則
\r\n- \r\n
- \r\n 推廣期 : 2023年2月20日起，直至另行通知。\r\n \r\n
- \r\n 此推廣活動只適用於本公司之新客戶。\r\n \r\n
- \r\n 新客戶是指 : 在開戶當日前12個月內未曾以公司、個人或聯名方式持有任何\r\n本公司的戶口。\r\n\r\n \r\n
- \r\n 本優惠的是指新客戶在優惠期內，港股網上交易佣金費用全免，但不包括:印\r\n花稅、證監會交易徵費、聯交所交易費、香港結算公司結算費、財務匯報局交易徵費、交易稅及其他所有雜費。\r\n\r\n \r\n
- \r\n 新客戶必須以電郵方式接收日/月結單，方可獲得此優惠。\r\n \r\n
- \r\n 本優惠適用於新客戶開立的個人及聯名立證券交易帳戶。\r\n \r\n
- \r\n 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。\r\n \r\n
- \r\n 本公司保留隨時更改本優惠條款及細則的權利。本行亦可能運用酌情權取消此\r\n優惠而毋須事先通知。\r\n\r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。\r\n \r\n
- \r\n 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注\r\n意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並\r\n應就此諮詢專業顧問。\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./promotion.css\";\r\n\r\nexport const TOTIELONG_FUT = (props) => {\r\n \r\n return (\r\n \r\n
\r\n\r\n 新客戶「2個月港股零佣金優惠」
\r\n\r\n
\r\n \r\n 《第1賞》
\r\n 新客戶於富昌證券有限公司（下文簡稱「本公司」）成功開立證券交易帳戶，即可享有「2個月港股零佣金優惠」（下文簡稱「本優惠」），詳情如下：新開立的證券交易帳戶，優惠期由開戶當月及其後2個月，港股網上交易佣金費用全免。\r\n
\r\n 《第2賞》
\r\n 免佣期後，每月佣金達到港幣 1500 元，將可免費獲得 megahub 普通版報價服務 ( 價值港幣 380 元 )。\r\n
\r\n 《第3賞》
\r\n 每月佣金達到港幣 2000 元，將可獲得港幣 200 元佣金回贈。 而每月佣金達到港 幣 3000 元，將可獲得港幣 500 元佣金回贈。(回贈將會於下個月內存入證券戶口)\r\n
其他條款及細則
\r\n- \r\n
- \r\n 推廣期 : 即日起至2023年4月30日。 \r\n \r\n
- \r\n 此推廣活動只適用於本公司之新客戶，並在開戶時提供相關優惠碼方可獲得以上優惠。\r\n \r\n
- \r\n 新客戶是指 : 在開戶當日前12個月內未曾以公司、個人或聯名方式持有任何本公司的戶口。\r\n \r\n
- \r\n 每月佣金計算方法: 富昌金融集團內之所有個人戶口，包括港股證券、期貨及期權帳戶和美股證券、期貨及期權帳戶之佣金總和。\r\n \r\n
- \r\n 本優惠的是指新客戶在優惠期內，港股網上交易佣金費用全免，但不包括:印花稅、證監會交易徵費、聯交所交易費、香港結算公司結算費、財務匯報局交易徵費、交易稅及其他所有雜費。 \r\n \r\n
- \r\n 新客戶必須以電郵方式接收日/月結單，方可獲得此優惠。 \r\n \r\n
- \r\n 本優惠適用於新客戶開立的個人及聯名立證券交易帳戶。 \r\n \r\n
- \r\n 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。 \r\n \r\n
- \r\n 本公司保留隨時更改本優惠條款及細則的權利。本行亦可能運用酌情權取消此優惠而毋須事先通知。 \r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。 \r\n \r\n
- \r\n 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並應就此諮詢專業顧問。\r\n \r\n
\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useUserSettings } from '../UserSettingsProvider';\r\nimport StepContainer from '../StepContainer/StepContainer';\r\nimport AOSServices from \"../../services/AOSServices\";\r\nimport { FBLabel, InvalidFieldStyle, PrettyPrintJson, cssFormInput, ReqFieldIcon } from '../../services/Utils';\r\nimport { SwitchBoxWapper, SwitchBox, SwitchBoxLabel } from './SwitchBoxStyle';\r\nimport { useForm, Controller } from \"react-hook-form\";\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\nimport * as Yup from 'yup';\r\n\r\nimport { subMonths, format } from 'date-fns';\r\nimport zh from 'date-fns/locale/zh-CN';\r\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { Rebate_9_3 } from '../Promotion/Rebate_9_3';\r\nimport { Future_0_Comission } from '../Promotion/Future_0_Comission';\r\nimport { FUT_OPT_0_Comm } from '../Promotion/FUT_OPT_0_Comm';\r\nimport { SEC_2M_0_Comm } from \"../Promotion/SEC_2M_0_Comm\";\r\nimport { TOTIELONG_SEC } from \"../Promotion/TOTIELONG_SEC\";\r\nimport { TOTIELONG_FUT } from \"../Promotion/TOTIELONG_FUT\";\r\n\r\nconst SelfDisclosure = (props) => {\r\n registerLocale('zh', zh);\r\n const { userRef } = useUserSettings();\r\n const [CountryList, setCountryList] = useState([]);\r\n const validationSchema = Yup.object().shape({\r\n IsBeneficialOwnerBool: Yup.boolean(),\r\n IsInstructorBool: Yup.boolean(),\r\n\r\n IsLicenseEmployeeBool: Yup.boolean(),\r\n LicenseeEmployeeName: Yup.string().nullable()\r\n .when('IsLicenseEmployeeBool', (val, schema) => {\r\n return val ? schema.required(\"請填上持牌或註冊人名稱\") : schema.notRequired();\r\n }),\r\n\r\n IsFulbrightEmployeeBool: Yup.boolean(),\r\n FulbrightEmployeeName: Yup.string().nullable()\r\n .when('IsFulbrightEmployeeBool', (val, schema) => {\r\n return val ? schema.required(\"請填上持牌或註冊人名稱\") : schema.notRequired();\r\n }),\r\n FulbrightEmployeeRelation: Yup.string().nullable()\r\n .when('IsFulbrightEmployeeBool', (val, schema) => {\r\n return val ? schema.required(\"請填上關係\") : schema.notRequired();\r\n }),\r\n\r\n IsShareHolderBool: Yup.boolean(),\r\n ShareHolderCode: Yup.string().nullable()\r\n .when('IsShareHolderBool', (val, schema) => {\r\n return val ? schema.required(\"請填上公司名稱及上市編號\") : schema.notRequired();\r\n }),\r\n\r\n IsSpouseMarginClientBool: Yup.boolean(),\r\n SpouseMarginClientName: Yup.string().nullable()\r\n .when('IsSpouseMarginClientBool', (val, schema) => {\r\n return val ? schema.required(\"請填上配偶姓名\") : schema.notRequired();\r\n }),\r\n SpouseMarginClientCode: Yup.string().nullable()\r\n .when('IsSpouseMarginClientBool', (val, schema) => {\r\n return val ? schema.required(\"請填上帳戶號碼\") : schema.notRequired();\r\n }),\r\n\r\n IsSpouseControlBool: Yup.boolean(),\r\n SpouseControlCompanyName: Yup.string().nullable()\r\n .when('IsSpouseMarginClientBool', (val, schema) => {\r\n return val ? schema.required(\"請填上公司名稱\") : schema.notRequired();\r\n }),\r\n SpouseControlClientCode: Yup.string().nullable()\r\n .when('IsSpouseMarginClientBool', (val, schema) => {\r\n return val ? schema.required(\"請填上帳戶號碼\") : schema.notRequired();\r\n }),\r\n\r\n HasCriminalRecord: Yup.boolean(),\r\n CriminalRecord: Yup.string().nullable()\r\n .when('HasCriminalRecord', (val, schema) => {\r\n return val ? schema.required(\"請註明過往有否任何刑事犯罪紀錄及/或現在是否接受任何刑事訴訟案件審訊或調查\") : schema.notRequired();\r\n }),\r\n IsLicensedPerson: Yup.boolean(),\r\n LicensedPerson: Yup.string().nullable()\r\n .when('IsLicensedPerson', (val, schema) => {\r\n return val ? schema.required(\"請註明過往或現在是否持有任何專業資格牌照（如律師、會計師、醫生等）及/或受監管的牌照（如證券、地產、保險等）\") : schema.notRequired();\r\n }),\r\n HasViolationRecord: Yup.boolean(),\r\n ViolationRecord: Yup.string().nullable()\r\n .when('HasViolationRecord', (val, schema) => {\r\n return val ? schema.required(\"請註明持有任何專業資格牌照 及 /或受監管牌照，本人於過往有否任何違規紀錄及 /或現在是否接受任何與其專業資格牌照及 /或受監管牌照有關的違規調查\") : schema.notRequired();\r\n }),\r\n IsPolitician: Yup.boolean(),\r\n Politician: Yup.string().nullable()\r\n .when('IsPolitician', (val, schema) => {\r\n return val ? schema.required(\"請註明過往或現在是否政治人物或與任何政治人物有聯繫或關係\") : schema.notRequired();\r\n }),\r\n\r\n BeneficialName: Yup.string().nullable()\r\n .when('IsBeneficialOwnerBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終權益擁有人的姓名\") : schema.notRequired();\r\n }),\r\n BeneficialBirthday: Yup.date().nullable()\r\n .when('IsBeneficialOwnerBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終權益擁有人的出生日期\") : schema.notRequired();\r\n }),\r\n BeneficialHKID: Yup.string().nullable()\r\n .when('IsBeneficialOwnerBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終權益擁有人的護照/身份證號碼\") : schema.notRequired();\r\n }),\r\n BeneficialNation: Yup.string().nullable()\r\n .when('IsBeneficialOwnerBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終權益擁有人的國籍\") : schema.notRequired();\r\n }),\r\n BeneficialAddress: Yup.string().nullable()\r\n .when('IsBeneficialOwnerBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終權益擁有人的地址\") : schema.notRequired();\r\n }),\r\n\r\n InstructorName: Yup.string().nullable()\r\n .when('IsInstructorBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終交易指示發出者的姓名\") : schema.notRequired();\r\n }),\r\n InstructorBirthday: Yup.date().nullable()\r\n .when('IsInstructorBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終交易指示發出者的出生日期\") : schema.notRequired();\r\n }),\r\n InstructorHKID: Yup.string().nullable()\r\n .when('IsInstructorBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終交易指示發出者的護照/身份證號碼\") : schema.notRequired();\r\n }),\r\n InstructorNation: Yup.string().nullable()\r\n .when('IsInstructorBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終交易指示發出者的國籍\") : schema.notRequired();\r\n }),\r\n InstructorAddress: Yup.string().nullable()\r\n .when('IsInstructorBool', (val, schema) => {\r\n return !val ? schema.required(\"請填上最終交易指示發出者的地址\") : schema.notRequired();\r\n }),\r\n });\r\n\r\n const { register, trigger, watch, getValues, setValue, handleSubmit, reset, control,\r\n formState: { isValid, errors }, clearErrors } = useForm({\r\n mode: \"all\",\r\n shouldFocusError: true,\r\n resolver: yupResolver(validationSchema),\r\n defaultValues: {\r\n IsBeneficialOwnerBool: true,\r\n IsInstructorBool: true,\r\n }\r\n });\r\n\r\n const watchAllFields = watch();\r\n\r\n useEffect(() => {\r\n AOSServices.GetCityList()\r\n .then((resp) => {\r\n if (resp) {\r\n setCountryList(resp);\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n AOSServices.GetSelfDisclosureInfo(userRef.RefCode)\r\n .then((resp) => {\r\n if (resp && resp.Result) {\r\n reset(resp.Info);\r\n }\r\n });\r\n }, [reset]);\r\n\r\n const goNext = () => {\r\n //console.log(isValid, \"isValid\");\r\n if (!isValid) {\r\n trigger();\r\n return new Promise(resolve => resolve(false));\r\n } else {\r\n const data = getValues();\r\n return new Promise(resolve => {\r\n AOSServices.SaveSelfDisclosureInfo(userRef.RefCode, data, \"RiskDisclosure\")\r\n .then(res => {\r\n if (!res || !res.Result) {\r\n alert(\"提交資料失敗，請重新再試\");\r\n }\r\n resolve(res.Result);\r\n });\r\n });\r\n }\r\n };\r\n\r\n const cssFormLabelCol = \"col-md-2 col-xs-12 col-form-label my-0 my-md-2\";\r\n const cssFormInputCol = \"col-md-4 col-xs-12 my-0 my-md-2\";\r\n\r\n return (\r\n \r\n
\r\n\r\n 港期真正0佣金優惠
\r\n\r\n
\r\n \r\n 新客戶於富昌期貨有限公司（下文簡稱「本公司」）成功開立期貨戶口，在首2個月內買賣港期產品 (即: 恒生指數期貨/小型恒生指數期貨/恒生中國企業指數期貨/小型恒生中國企業指數期貨)，當中個別產品的首30張交易佣金，只要符合所有相關條款及細則便獲可得回贈，詳情如下： \r\n
\r\n\r\n條款及細則：
\r\n\r\n- \r\n
- 推廣期 : 即日起至2023年4月30日。 \r\n
- 此推廣活動只適用於本公司之新客戶。 \r\n
- 新客戶是指 : 在開戶當日前12個月內未曾以公司、個人或聯名方式持有任何本公司的戶口。 \r\n
- 本優惠的是指新客戶在開立期貨戶口後的首2個月(開戶月+下一個月)，期間新客戶於電子渠道交易港期產品 (即: 恒生指數期貨/小型恒生指數期貨/恒生中國企業指數期貨/小型恒生中國企業指數期貨)，當中個別產品的首30張交易佣金（下文簡稱「該佣金」），會於第3個月內回贈給新客戶。 \r\n
- 新客戶必須以電郵方式接收日/月結單，方可獲得優惠。 \r\n
- 「該佣金」並不包括：證監會費用、交易所費用及其他所有雜費。 \r\n
- 於本優惠期內，如新客戶的期貨帳戶因新客戶自行終止，或被本公司因新客戶的不恰當行為（包括但不限於對本公司的欺詐、誣捏、惡意中傷等）而終止，期間新客戶應收的該佣金將不會獲得退回。 \r\n
- 本優惠適用於新客戶開立的個人及聯名期貨交易戶口。 \r\n
- 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。 \r\n
- 本公司保留隨時更改本優惠條款及細則的權利。本行亦可能運用酌情權取消此優惠而毋須事先通知。 \r\n
- 如有任何爭議，本公司保留最終決定權。 \r\n
- 本優惠並非及不應被視為進行任何投資的邀請、要約或投資建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並應就此諮詢專業顧問。 \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n 最終權益擁有人及戶口交易指示發出者
\r\n\r\n\r\n \r\n \r\n 本人是此戶口最終權益擁有人\r\n \r\n \r\n \r\n {!watchAllFields.IsBeneficialOwnerBool && (\r\n \r\n \r\n 本人是此戶口最終交易指示發出者\r\n \r\n \r\n \r\n {!watchAllFields.IsInstructorBool && (\r\n
\r\n\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n 此賬戶最終權益擁有人的資料如下:
\r\n\r\n
\r\n\r\n {errors?.BeneficialName?.message}
\r\n \r\n (\r\n field.onChange(e)}\r\n selected={field.value}\r\n />\r\n )}\r\n />\r\n
\r\n\r\n {errors?.BeneficialBirthday?.message}
\r\n \r\n
\r\n\r\n {errors?.BeneficialHKID?.message}
\r\n \r\n \r\n \r\n {\r\n CountryList && CountryList.map((m, idx) => {\r\n return ()\r\n })\r\n }\r\n \r\n
\r\n\r\n {errors?.BeneficialNation?.message}
\r\n \r\n
\r\n {errors?.BeneficialAddress?.message}
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n 此賬戶最終交易指示發出者的資料如下:
\r\n\r\n
\r\n\r\n {errors?.InstructorName?.message}
\r\n \r\n (\r\n field.onChange(e)}\r\n selected={field.value}\r\n />\r\n )}\r\n />\r\n
\r\n\r\n {errors?.InstructorBirthday?.message}
\r\n \r\n
\r\n\r\n {errors?.InstructorHKID?.message}
\r\n \r\n \r\n \r\n {\r\n CountryList && CountryList.map((m, idx) => {\r\n return ()\r\n })\r\n }\r\n \r\n
\r\n\r\n {errors?.InstructorNation?.message}
\r\n \r\n
\r\n {errors?.InstructorAddress?.message}
\r\n \r\n
\r\n\r\n {/* 披露（如“否”，以下選項可不勾選）
\r\n\r\n
*/}\r\n\r\n 披露
\r\n\r\n \r\n \r\n 1. 本人是香港證監會持牌人或註冊人之董事或僱員？如\"是\"，請註明\r\n \r\n \r\n \r\n {watchAllFields.IsLicenseEmployeeBool && (\r\n \r\n \r\n 2. 本人是富昌證券或富昌期貨的僱員／營業經紀或該人士的親屬？如\"是\"，請註明\r\n \r\n \r\n \r\n {watchAllFields.IsFulbrightEmployeeBool && (\r\n \r\n \r\n 3. 本人是任何其股份在交易所或市場買賣的(上市)公司之主要股東#、高級人員或董事？ (只適用於證券帳戶及期貨帳戶)\r\n \r\n \r\n \r\n {watchAllFields.IsShareHolderBool && (\r\n \r\n \r\n 4. 本人的配偶是富昌證券的證券保證金客戶？\r\n \r\n \r\n \r\n {watchAllFields.IsSpouseMarginClientBool && (\r\n \r\n \r\n 5. 本人是單獨或與配偶共同控制富昌證券的任何證券保證金公司客戶35%或以上的表決權？\r\n \r\n \r\n \r\n {watchAllFields.IsSpouseControlBool && (\r\n
\r\n\r\n\r\n \r\n 本人於過往有否任何刑事犯罪紀錄及/或現在是否接受任何刑事訴訟案件審訊或調查？\r\n \r\n \r\n \r\n {watchAllFields.HasCriminalRecord && (\r\n \r\n \r\n 本人於過往或現在是否持有任何專業資格牌照（如律師、會計師、醫生等）及/或受監管的牌照（如證券、地產、保險等）？\r\n \r\n \r\n \r\n {watchAllFields.IsLicensedPerson && (\r\n \r\n \r\n 本人持有任何專業資格牌照 及 /或受監管牌照，本人於過往有否任何違規紀錄及 /或現在是否接受任何與其專業資格牌照及 /或受監管牌照有關的違規調查？\r\n \r\n \r\n \r\n {watchAllFields.HasViolationRecord && (\r\n \r\n \r\n 本人於過往或現在是否政治人物或與任何政治人物有聯繫或關係# ?\r\n \r\n \r\n {watchAllFields.IsPolitician && (\r\n
\r\n \r\n {userRef.PromoCode?.includes(\"9+3-REBATE\") && userRef.FBAcc?.some(w => w === \"S\") && (\r\n
\r\n )}\r\n\r\n \r\n
\r\n {errors?.LicenseeEmployeeName?.message}
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {errors?.FulbrightEmployeeName?.message}
\r\n \r\n
\r\n {errors?.FulbrightEmployeeRelation?.message}
\r\n \r\n
\r\n )}\r\n\r\n {errors?.ShareHolderCode?.message}
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {errors?.SpouseMarginClientName?.message}
\r\n \r\n
\r\n {errors?.SpouseMarginClientCode?.message}
\r\n \r\n
\r\n )}\r\n\r\n\r\n \r\n
\r\n {errors?.SpouseControlCompanyName?.message}
\r\n \r\n
\r\n {errors?.SpouseControlClientCode?.message}
\r\n \r\n\r\n
\r\n
\r\n )}\r\n\r\n\r\n {errors?.CriminalRecord?.message}
\r\n \r\n
\r\n )}\r\n\r\n {errors?.LicensedPerson?.message}
\r\n \r\n
\r\n )}\r\n\r\n {errors?.ViolationRecord?.message}
\r\n \r\n (註：政治人物指在任何國家 /省 /州 /城市擔任或曾擔任重要公職的個人，包括國家元首、政府首長、資深從政者、高級政府、司法或軍事官員、國有企業高級行政人員及重要政黨幹事。)\r\n
\r\n \r\n\r\n
\r\n )}\r\n\r\n {errors?.Politician?.message}
\r\n \r\n
\r\n\r\n \r\n #聯繫或關係指
\r\n a. 為政治人物的配偶、伴侶、子女或父母，或 為 政治人物子女的配偶或伴侶；
\r\n b. 為政治人物擁有實益控制權的法人 (即公司或企業 )；或
\r\n c. 為與政治人物有密切業務關係的個人、法人 (即公司或企業 )或信託的實益擁有人的個人；或
\r\n d. 替政治人物持有法人 (即公司或企業 )或信託的個人，而有關法人是為政治人物的利益而成立的。
\r\n
\r\n \r\n a. 為政治人物的配偶、伴侶、子女或父母，或 為 政治人物子女的配偶或伴侶；
\r\n b. 為政治人物擁有實益控制權的法人 (即公司或企業 )；或
\r\n c. 為與政治人物有密切業務關係的個人、法人 (即公司或企業 )或信託的實益擁有人的個人；或
\r\n d. 替政治人物持有法人 (即公司或企業 )或信託的個人，而有關法人是為政治人物的利益而成立的。
\r\n
\r\n \r\n \r\n
\r\n );\r\n }}*/\r\n />)\r\n }\r\n {source && (\r\n <>\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n\r\n \r\n
\r\n CA認證檢測
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 通過一段自拍人臉視頻(片長約3秒)進行公安實名認證。\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n 1. 接下來將錄製視頻以驗證身份;
\r\n 2. 請保持攝像頭清晰，光線充足，臉部完整入鏡且清晰可見;
\r\n 3. 視頻錄製後，若不滿意可以重新錄製。
\r\n 4. 建議摘掉眼鏡，以提高驗證通過率。
\r\n 5. 錄製 1-3 秒視頻，及影像檔不能大於 10mb。
\r\n
\r\n
\r\n \r\n
\r\n\r\n 開戶狀況
\r\n\r\n\r\n\r\n {(!hideTransfer) ? (\r\n <>\r\n
\r\n\r\n\r\n {(!hideTransfer) ? (\r\n
\r\n\r\n
\r\n\r\n 我們已收到您的開戶申請，在您完成下列步驟後，將會通過短信及電郵通知。
\r\n\r\n\r\n
\r\n ) : <>\r\n \r\n \r\n \r\n \r\n {HasSecuritiesAcc() && (\r\n <>\r\n
\r\n
\r\n 進行客戶身份見證
\r\n步驟1. 轉帳港幣$10,000或以上至本公司的銀行帳戶
\r\n\r\n 請客戶透過剛才登記的提款銀行帳戶轉賬港幣$10,000元或以上至本公司帳號，以作為開戶時認可的身份見證。\r\n
\r\n\r\n\r\n 轉賬渠道(建議使用「轉數快FPS」方式轉賬)，詳情請點擊 此連結\r\n
\r\n\r\n (*為加快完成開戶程序，請轉賬至本公司工銀亞洲銀行賬戶)\r\n\r\n存入資金方法
\r\n\r\n| \r\n 富昌證券戶口\r\n | \r\n\r\n 工銀亞洲\r\n | \r\n\r\n 戶口名稱:FULBRIGHT SECURITIES LIMITED-CLIENTS A/C \r\n 072-861-502122612 (港元)\r\n | \r\n
| \r\n 轉數快 FPS\r\n | \r\n\r\n 161511282\r\n | \r\n|
| \r\n 富昌期貨戶口\r\n | \r\n\r\n 工銀亞洲\r\n | \r\n\r\n 戶口名稱:FULBRIGHT FUTURES LIMITED-CLIENTS A/C \r\n 072-861-502122638 (港元) [推薦]\r\n | \r\n
| \r\n 匯豐銀行\r\n | \r\n\r\n 戶口名稱:FULBRIGHT FUTURES LIMITED \r\n 502-862014-001 (港元) \r\n 轉數快 FPS 編號: 4547741 \r\n | \r\n
我们已收到您的开户申请，审核通过后，您将收到短信及电邮通知。
\r\n \r\n }\r\n\r\n\r\n\r\n {(!hideTransfer) ? (\r\n
\r\n
\r\n ) : \r\n }\r\n\r\n \r\n\r\n
\r\n 步驟2. 上傳轉賬憑證(入數紙)
\r\n\r\n 客戶可立即上傳轉賬憑證(入數紙) 或 稍後重新登錄本開戶快網站進行有關程序。\r\n
\r\n\r\n {userRef.IDCardOrigin === \"CHN\" ?\r\n (\"[(入境紙): 請提供閣下到訪香港的入境標籤]\") : <>\r\n }\r\n\r\n轉賬憑證(入數紙)
\r\n\r\n \r\n\r\n 如有查詢，請致電 (852) 3108-3333或 國內免費熱線 4001-200-899。
\r\n “富昌金融集團”公眾號（微信號：ffgofficial）提供客服諮詢服務，歡迎關注。\r\n
\r\n 
\r\n
\r\n \r\n\r\n \r\n 
\r\n
\r\n \r\n\r\n \r\n goChallenge()}>\r\n\r\n
\r\n )}\r\n \r\n\r\n {isChallenge && (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n \r\n \r\n {/* \r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n 推薦計劃詳情 \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n 港期/期權0佣優惠 \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n 港股0佣金 \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n 免費串流報價 \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n 送10萬積分 \r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n 轉倉優惠 \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n 
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n 活動獎勵\r\n
\r\n \r\n\r\n 親友成功註冊並完成缐上見證即可獲\r\n
\r\n\r\n \r\n\r\n
\r\n 成功線上見證後可獲以下限時豐富獎賞\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n 最快3分鐘完成開戶*，全程線上認證，即日可以買賣\r\n
\r\n
\r\n 隨時隨地獲取市場報價及相關資訊進行交易，覆蓋港美A股三大市場，提供月供股票、特低孖展利息，主攻防守兼備，多種投資工具供您選擇，輕鬆應對各種市況！\r\n
\r\n
\r\n 設「雙報價」界面，一個畫頁同時顯示2隻心水股票即時報價及走勢 ，支援指數及股票圖表分析，行業版塊、沽空排行、牛熊街貨、財務解讀等大數據，一應俱全。\r\n
\r\n
\r\n 24小時查看戶口結餘及監控交易狀況，更具有金管局認可的 eDDA、轉數快 (FPS) 等提存方法、內部轉帳、兌換外幣等功能，方便至極 。\r\n
\r\n
\r\n 提供多平台客服支援，及時解決您的問題，不斷改善服務，為您帶來最極致可靠體驗 。\r\n
\r\n
\r\n 聲譽良好，獲多項殊榮，包括由港交所頒發的「2021最大躍進衍生產品數據供應商」等， 持香港證監會1、2、4、5及9號牌照 (中央編號：AFB820及 AME963) 資產受到監管機構投資賠償基金嚴格保障，交易信息採用銀行級高度加密技術保護，確保客戶資產和資料安全 。\r\n
\r\n *實際所需時間或會因個別情況而有所不同。\r\n
\r\n \r\n\r\n
- \r\n
- \r\n 推廣期由2023年8月10日起，直至另行通知。\r\n \r\n
- 現有客戶 ( “介紹人” ) 透過一站通內推薦客戶頁面獲得推薦連結，並分享連結予其親友。透過介紹人的指定連結於「富亨通APP」註冊及成為尊貴客戶的任務，介紹人可獲 HK$1,000「富昌電子佣金券」，親友同時亦可享迎新禮遇。\r\n \r\n
- 每成功介紹一位親友並完成任務，可獲HK$1,000「富昌電子佣金券」(適用於證券或期貨戶口)，完成任務的親友愈多，獲得的「富昌電子佣金券」愈多，名額有限，先到先得。\r\n \r\n
- 如親友沒有透過介紹人的指定連結完成上述程序，介紹人亦可自行通知本公司客戶服務部並登記享有相關獎勵，唯必須在親友完成上述程序後的10個工作天內提出，同時需待本公司與該名親友核實後，方會被接納受理。\r\n \r\n
- 如同一親友收到多個介紹人的連結，本公司則按其使用之指定連結作為依據，並安排相關獎賞，一切以本公司系統記錄為準。\r\n \r\n
- 介紹人需持有本公司有效的證券或期貨賬戶，方可領取相關HK$1,000「富昌電子佣金券」獎賞。「富昌電子佣金券」會以電子方式存入介紹人所選的證券或期貨賬戶 (「該賬戶」) 內。此佣金券只可作抵銷交易佣金之用，不可兌現，有效期為3個月。\r\n \r\n
- 「富昌電子佣金券」兌換方法 : 佣金券生效後的第1個月月結後，於下一個月中旬，自動回贈第1個月的交易佣金額 (如有) 的一半到該賬戶，回贈上限為HK$1,000。如佣金券行使後尚有餘額，可轉入至第2個月使用，如此類推，直至第3個月到期為止。到期後未使用的佣金券餘額，則會失效作廢。\r\n \r\n
- 如介紹人屬於本公司的經紀客戶，請先行與相關經紀查詢有關詳情。\r\n \r\n
- 所有上述之優惠不可兌換成現金或其他貨品、服務及優惠。\r\n \r\n
- 本公司保留隨時更改本優惠條款及細則的權利。本行亦可能運用酌情權取消此優惠而毋須事先通知。\r\n \r\n
- 此推廣活動並非及不應被視為進行任何投資的邀請、要約或建議。客戶應注意，投資涉及風險，投資產品價格可升可跌，投資前請充分理解產品風險，並諮詢專業顧問。\r\n \r\n
- 介紹人必須明確保證其本人並無經營任何有關證券行業的推薦或介紹業務，因為這可能導致觸犯從事證券及期貨條例下所訂明的無牌進行受規管活動。\r\n \r\n
- \r\n 如有任何爭議，本公司保留最終決定權。\r\n \r\n
- \r\n 本廣告或/及網頁及活動細則並未經香港證券及期貨事務監察委員會或任何監管機構審核。\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n // \r\n \r\n\r\n {/* \r\n\r\n\r\n {/* \r\n */}\r\n\r\n {/* props.nextStep */}\r\n {/* \r\n */}\r\n {/* \r\n 
\r\n \r\n Learn React
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { useEffect } from \"react\";\r\nimport * as Sentry from \"@sentry/react\";\r\n\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport UserSettingsProvider from './components/UserSettingsProvider';\r\nimport ReactGA from 'react-ga';\r\n//import useGTM from '@elgorditosalsero/react-gtm-hook'\r\nimport { GTMProvider } from '@elgorditosalsero/react-gtm-hook'\r\n\r\nSentry.init({\r\n dsn: \"https://3245aa34f3f63e30a208043999251272@sentry.ffg.com.hk/2\",\r\n integrations: [\r\n Sentry.replayIntegration(),\r\n ],\r\n\r\n // Set tracesSampleRate to 1.0 to capture 100%\r\n // of transactions for performance monitoring.\r\n tracesSampleRate: 1.0,\r\n\r\n // Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled\r\n tracePropagationTargets: [/^\\//],\r\n\r\n // Capture Replay for 10% of all sessions,\r\n // plus for 100% of sessions with an error\r\n replaysSessionSampleRate: 0.1,\r\n replaysOnErrorSampleRate: 1.0,\r\n});\r\n\r\n\r\nconst Root = () => {\r\n\r\n const gtmParams = {\r\n id: 'GTM-TLPGZK4',\r\n //dataLayerName: 'customDataLayerName'\r\n }\r\n const TRACKING_ID = \"UA-70032979-4\"; // OUR_TRACKING_ID\r\n ReactGA.initialize(TRACKING_ID);\r\n //const { init, UseGTMHookProvider } = useGTM()\r\n\r\n return (\r\n <>\r\n \r\n Edit src/App.js and save to reload.\r\n
\r\n
\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n