e.stopPropagation()}>\n
\n ) : (\n formatDateTime.toThaiDate(formatDateTime.toJSONDate(selectedDate))\n )}\n \n \n \n renderHolidays(date, holidays)}\n tileDisabled={({ date }) =>\n renderDisabled(date, holidays, isDisabledPast)\n }\n onClick={handleChangeDate}\n maxDate={maxDate}\n />\n
\n \n updateCalendar(\"prev\")}\n >\n \n \n {formatDateTime.getMonthNames(\n selectedDate.getMonth() + 1,\n LANGUAGE.TH\n )}\n \n
\n updateCalendar(\"next\")}\n >\n
\n \n \n {formatDateTime.getMonthNames(\n selectedDate.getMonth() + 1,\n LANGUAGE.TH\n )}\n \n \n \n \n \n {formatDateTime.getYear(\n selectedDate.getFullYear(),\n LANGUAGE.EN\n )}\n \n
\n \n \n
\n {yearList.length > 0 &&\n yearList.map((year) => {\n return (\n updateCalendar(year)}\n >\n {formatDateTime.getYear(year, LANGUAGE.EN)}\n \n );\n })}\n \n \n
\n \n \n {formatDateTime.getYear(\n selectedDate.getFullYear(),\n LANGUAGE.EN\n )}\n \n
\n \n {yearList.length > 0 &&\n yearList.map((year) => {\n return (\n
วันเริ่มต้น
\nวันสิ้นสุด
\n\n date.getDate() === initDate.getDate() ? 'active' : ''}\n tileClassName={({ date }) => renderHolidays(date, holidays)}\n tileDisabled={({ date }) =>\n renderDisabled(date, holidays, isDisabledPast)\n }\n onClick={updateDateHandler}\n minDate={minDate}\n maxDate={limitedEndDate}\n />\n
\n \n updateCalendar(JSON.stringify({ month: -1 }))}\n >\n \n \n {formatDateTime.getMonthNames(\n initDate.getMonth() + 1,\n LANGUAGE.TH\n )}\n \n
\n updateCalendar(JSON.stringify({ month: 1 }))}\n >\n
\n \n \n {formatDateTime.getMonthNames(\n initDate.getMonth() + 1,\n LANGUAGE.TH\n )}\n \n \n \n \n \n {formatDateTime.getYear(\n initDate.getFullYear(),\n LANGUAGE.EN\n )}\n \n
\n \n \n
\n {yearList.length > 0 &&\n yearList.map((year) => {\n return (\n \n updateCalendar(JSON.stringify({ year: year }))\n }\n >\n {formatDateTime.getYear(year, LANGUAGE.EN)}\n \n );\n })}\n \n \n
\n \n \n {formatDateTime.getYear(\n initDate.getFullYear(),\n LANGUAGE.EN\n )}\n \n
\n \n {yearList.length > 0 &&\n yearList.map((year) => {\n return (\n
เลขที่บัญชีไม่ถูกต้อง
\n \n\n {!isAdUserType && isTabletOrMobile ? (\n \n {\n setInputValue(inputValue);\n setDropdownOpen(true);\n }}\n >\n {inputValue}\n \n
\n \n \n ) : (\n {\n return;\n }}\n >\n \n \n
\n \n \n )}\n {!isTabletOrMobile && (\n
\n \n );\n};\n\nconst mapStateToProps = createStructuredSelector({\n accountName: selectAccountName,\n isTabletOrMobile: mainSelectors.selectIsMobileScreenSize,\n isMobileCompletedLogin: selectIsMobileCompletedLogin,\n userType: selectUserType,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n getAccountNameStart: (queries) => dispatch(getAccountNameStart(queries)),\n getAccountListStart: () => dispatch(getAccountListStart()),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(SingleAccountNumberFilter);\n","/* main react */\nimport React, { useEffect, useState } from 'react';\n\n/* ui component */\nimport { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\nimport { CaretIcon } from '../icons/icons';\n\nconst SingleSelectDropdown = (props) => {\n\tconst {\n\t\tclassName,\n\t\twidth, // nullable\n\t\theader,\n\t\tcurrentSelected,\n\t\tplaceholder,\n\t\tfilterList,\n\t\tsubmitTarget,\n\t\thandleSubmit,\n\t\tisDisabled\n\t} = props;\n\n\tconst [dropdownOpen, setDropdownOpen] = useState(false);\n\tconst toggleDropdown = () => setDropdownOpen(!dropdownOpen);\n\tconst [iconDirection, setIconDirection] = useState(180);\n\n\tuseEffect(() => {\n\t\tdropdownOpen ? setIconDirection(180) : setIconDirection(0);\n\t}, [dropdownOpen]);\n\n\treturn (\n\t\t\n
\n {accountList.map((account) => {\n return (\n handleClick(account)}\n >\n \n
\n \n {account.accountNumber}\n
\n \n {account?.name}\n
\n \n \n );\n })}\n \n
\n {unSelectAccounts?.length > 0 ? (\n unSelectAccounts.map((account) => {\n return (\n handleClick(account)}\n >\n \n
\n \n {account.accountNumber}\n
\n \n {account?.name}\n
\n \n \n );\n })\n ) : !isTabletOrMobile ? (\n ไม่พบเลขที่บัญชี
\n ) : (\nไม่พบเลขที่บัญชี
\n )}\n{accountName}
\n )}\n\n\t\t\t{\n\t\t\t\theader && \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfilterList && filterList.length && currentSelected !== undefined \n\t\t\t\t\t\t\t?\tfilterList.filter((item) => item.code === currentSelected).map((x) => x.displayName)\n\t\t\t\t\t\t\t:\tplaceholder\n\t\t\t\t\t\t\t\t?\t{placeholder}\n\t\t\t\t\t\t\t\t:\t'-'\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{ \n\t\t\t\t\t\tfilterList?.map((item) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.displayName}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t \n\t\t\t \n\t\t
\n\t);\n};\n\nexport default SingleSelectDropdown;\n","import { createSelector } from 'reselect';\n\nconst selectFavorite = (state) => state.favorite;\n\nexport const selectColors = createSelector([selectFavorite], (favorite) => favorite.colors);\n\n// Table columns\nexport const selectTableColumns = createSelector([selectFavorite], (favorite) => favorite.tableColumns);\nexport const selectCurrentColumns = createSelector([selectFavorite], (favorite) => favorite.currentColumns.length ? favorite.currentColumns : favorite.defaultColumns);\nexport const selectDefaultColumns = createSelector([selectFavorite], (favorite) => favorite.defaultColumns);\n\n// Favorite Funds Response\nexport const selectFavoriteFundsResponse = createSelector([selectFavorite], (favorite) => favorite.favoriteFunds);\nexport const selectFavoriteFunds = createSelector([selectFavoriteFundsResponse], (favoriteResponse) => favoriteResponse?.funds ?? []);\n\nexport const selectNavFavoriteFundsResponse = createSelector([selectFavorite], (favorite) => favorite.navFunds);\n\n// Queries\nexport const selectFavoriteFundsQueries = createSelector([selectFavorite], (favorite) => favorite.queries);\n\n// Account Number\nexport const selectAccountNumber = createSelector([selectFavorite], (favorite) => favorite.accountNumber);\n","/* main react */\nimport React from 'react';\n\n/* ui component */\nimport { ListGroupItem } from 'reactstrap';\nimport * as iFundCategory from '../icons/fund-category';\n\nconst SearchResult = ({ handleClick, data }) => {\n const { fundId, fundCode, thailandFundCode, categoryName, categoryNameTh, categoryCode, color } = data;\n\n const handlePropagation = (event) => {\n event.stopPropagation();\n };\n \n const CategoryIcon = iFundCategory[categoryCode];\n const fundIconStyle = {\n backgroundColor: color ?? '#B9B9B9', // risk level's color 0\n color: 'white',\n };\n \n return (\n {header}
\n\t\t\t}\n\t\t\t\n\t\t\t\t\t{ \n\t\t\t\t\t\tfilterList?.map((item) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n \n \n {\n !!CategoryIcon\n &&
\n \n );\n};\n\nexport default SearchResult;\n","import { createSelector } from 'reselect';\n\nconst selectCompare = (state) => state.compare;\n\nexport const selectCompareFundsLoaded = createSelector([selectCompare], (compare) => !!compare.compareFunds);\nexport const selectStatusReturn = createSelector([selectCompare], (compare) => compare.statusReturn);\nexport const selectStatusDrawdown = createSelector([selectCompare], (compare) => compare.statusDrawdown);\nexport const selectStatusProportion = createSelector([selectCompare], (compare) => compare.statusProportion);\nexport const selectSearchIndex = createSelector([selectCompare], (compare) => compare.searchIndex);\n\nexport const selectIsOpenCompareModal = createSelector([selectCompare], (compare) => compare.isOpenCompareModal);\nexport const selectCompareFunds = createSelector([selectCompare], (compare) => compare.funds);\nexport const selectGraphCompareFunds = createSelector([selectCompare], (compare) => compare.graph);\nexport const selectCompareFundPeriod = createSelector([selectCompare], (compare) => compare.fundByPeriod);\nexport const selectNavCompareFunds = createSelector([selectCompare], (compare) => compare.navFunds);\nexport const selectCompareFundList = createSelector([selectCompare], (compare) => compare.fundList);\nexport const selectTempCompareFundList = createSelector([selectCompare], (compare) => compare.tempCompareFunds);","import React from 'react';\nimport { connect } from 'react-redux';\nimport Loading from '../../assets/loading-yellow.gif'\n\nconst LoadingSpinner = (props) => {\n return (\n \n 
\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n isLoading: state.authentication.isLoading2FA\n});\n\nexport default connect(mapStateToProps)(LoadingSpinner);\n","/* main react */\nimport React, { useEffect, useState } from 'react';\nimport { useHistory } from 'react-router';\nimport { connect } from 'react-redux';\n\n/* reducer, selector, action */\nimport { createStructuredSelector } from 'reselect';\nimport { selectSignInStatus, selectIsLoading2FA } from '../../_selectors/authentication.selectors';\nimport { set2FALoading } from '../../_actions/authentication.actions';\n/* ui component */\nimport { Modal, Card, CardTitle, CardBody, Form, FormGroup, Input, Label } from 'reactstrap';\nimport { Checkbox } from 'pretty-checkbox-react';\nimport { CancelIcon, CheckedIcon } from '../../_components/icons/icons';\n\nimport LoadingSpinner from '../../_components/spinner/loading-spinner.component'\n\nimport { getCookie } from '../../_utils/cookie.utils';\n\nconst SignInModal = (props) => {\n const { modal, toggle, submitSignIn, signInStatus, set2FALoading, isLoading2FA } = props;\n const [username, setUsername] = useState('');\n const [password, setPassword] = useState('');\n const history = useHistory();\n const isMobileApp = getCookie('isMobileApp') === 'true';\n\t\n let credential = {\n username: '',\n password: '',\n history\n };\n\n const focusInput = () => {\n document.getElementById('input-username').focus();\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n credential.username = username;\n credential.password = password;\n submitSignIn(credential);\n set2FALoading(true);\n toggle();\n };\n \n\n return (isMobileApp && modal && !signInStatus) ? history.push('/main/mobile_login') : (\n <>\n {isLoading2FA && เข้าสู่ระบบ
\n \nเปรียบเทียบกองทุน
\n\t\t\t\t\t\t\t:\tเปรียบเทียบกองทุน
\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tisTabletOrMobile\n\t\t\t\t\t\t\t?\t<>\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\tชื่อ
\n\t\t\t\t\t\t\t\t\tประเภท
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:\t<>\n\t\t\t\t\t\t\t\t\tชื่อ
\n\t\t\t\t\t\t\t\t\tประเภท
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{temp.fundCode || temp.thailandFundCode}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:\t{temp.fundCode || temp.thailandFundCode}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{temp.categoryName}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tเลือกแล้ว {tempFund.length} กอง\n\t\t\t\t\t\t\t*เลือกกองทุนเปรียบเทียบได้สูงสุด 10 กองทุน\n\t\t\t\t\t\t
\n\t\t\t\t\t\n \n \n {\n !!CategoryIcon\n &&
\n \n );\n};\n\nexport default SearchItem2;\n","/* main react */\nimport React, { useState, useEffect, useRef } from \"react\";\n\n/* reducer, selector, action */\n/* helper function */\nimport _ from \"underscore\";\n\n/* ui component */\nimport { Input, ListGroup } from \"reactstrap\";\nimport { CancelIcon, SearchIcon } from \"../icons/icons\";\n\n/* page component */\nimport SearchItem2 from \"./search-item-v2.component\";\n\nimport { searchInformation } from \"../../_services/search.services\";\n\nconst SearchFund = (props) => {\n const { id, handleSubmit, placeholder, className } = props;\n\n const [isDisplay, setIsDisplay] = useState(false);\n const [isDisplayCancel, setIsDisplayCancel] = useState(false);\n const [searchList, setSearchList] = useState([]);\n\n const refId = useRef(null);\n\n const updateItemList = (itemList) => {\n setSearchList(itemList);\n };\n\n const clearItemList = () => {\n setSearchList([]);\n };\n\n const getItemList = async (keyword) => {\n try {\n const res = await searchInformation(keyword);\n updateItemList(res.data.fundInformation);\n if (!isDisplay) {\n setIsDisplay(true);\n }\n } catch (err) {\n clearItemList();\n }\n };\n\n useEffect(() => {\n function handler(event) {\n if (!refId.current?.contains(event.target)) {\n // change starts here\n setIsDisplay(false);\n\n // change starts here\n } else if (!isDisplay) {\n setIsDisplay(true);\n }\n }\n window.addEventListener(\"click\", handler);\n return () => window.removeEventListener(\"click\", handler);\n }, []);\n\n const clearSearch = () => {\n let input = refId.current.querySelector(\"input\");\n input.value = \"\";\n };\n\n const preventKey = (e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n };\n\n const handleSearch = (e) => {\n // prevent re-render from button.\n e.preventDefault();\n\n // get value from current element and set initial setting.\n const { value } = e.target;\n let hasFocus = false;\n let focusingIndex = 0;\n\n // get elements in id is search-list-${id}\n let currentElements = document.getElementById(`search-list-${id}`);\n let currentResult = currentElements.getElementsByClassName(\"result-item\");\n\n switch (e.key) {\n case \"ArrowDown\":\n if (currentResult.length > 0) {\n Array.from(currentResult).forEach((element, index) => {\n if (element.classList.contains(\"focusing\")) {\n hasFocus = true;\n focusingIndex = index;\n }\n });\n\n if (!hasFocus) {\n currentResult[0].classList.add(\"focusing\");\n } else if (focusingIndex >= currentResult.length - 1) {\n currentResult[focusingIndex].classList.remove(\"focusing\");\n currentResult[0].classList.add(\"focusing\");\n } else {\n currentResult[focusingIndex].classList.remove(\"focusing\");\n currentResult[focusingIndex + 1].classList.add(\"focusing\");\n }\n }\n break;\n\n case \"ArrowUp\":\n if (currentResult.length > 0) {\n Array.from(currentResult).forEach((element, index) => {\n if (element.classList.contains(\"focusing\")) {\n hasFocus = true;\n focusingIndex = index;\n }\n });\n\n if (!hasFocus) {\n currentResult[currentResult.length - 1].classList.add(\"focusing\");\n } else if (focusingIndex <= 0) {\n currentResult[focusingIndex].classList.remove(\"focusing\");\n currentResult[currentResult.length - 1].classList.add(\"focusing\");\n } else {\n currentResult[focusingIndex].classList.remove(\"focusing\");\n currentResult[focusingIndex - 1].classList.add(\"focusing\");\n }\n }\n break;\n\n case \"ArrowLeft\" || \"ArrowRight\": // prevent new fetch APIs\n break;\n\n case \"Enter\": //\n if (currentResult.length > 0) {\n Array.from(currentResult).forEach((element) => {\n if (element.classList.contains(\"focusing\")) {\n const { value } = element.dataset;\n selectItem(value);\n }\n });\n }\n\n // e.target.blur();\n break;\n\n default:\n // Fetch APIs\n if (value === \"\" || value === null) {\n // Fetch init data\n getItemList(\" \");\n setIsDisplayCancel(false);\n } else {\n Array.from(currentResult).forEach((element, index) => {\n currentResult[index].classList.remove(\"focusing\");\n });\n\n // Fetch data from keyword\n getItemList(value);\n if (currentResult.length > 0) {\n currentResult[0].classList.add(\"focusing\");\n }\n\n setIsDisplayCancel(true);\n }\n\n break;\n }\n };\n\n const handleClickItem = (event) => {\n const { value } = event.currentTarget.dataset;\n selectItem(value);\n };\n\n const clearInput = () => {\n let input = refId.current.querySelector(\"input\");\n input.value = \"\";\n input.click();\n };\n\n const selectItem = (item) => {\n handleSubmit(item);\n setIsDisplay(false);\n clearSearch();\n };\n\n return (\n \n {searchList && isDisplay\n ? searchList.map((item, index) => (\n
\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tกองทุน
\n\t\t\t\t\tประเภทกองทุน
\n\t\t\t\t\n 
\n
\n \n
\n \n
\n \n {!isTabletOrMobile && (\n \n )}\n
\n - \n {isTabletOrMobile && (\n
- \n \n
\n \n \n )}\n - \n
\n \n \n\n \n \n\n {/* - \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t3\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t */}\n
\n\t\t\t\t\t\t{/*
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t![profile-image]()
\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLv.
\n\t\t\t\t\t\t\t\t\t7\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t7\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
*/}\n\t\t\t\t\tBADGE
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{/*\n\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{/*
\n\t\t\t\t\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t\t![profile-image]()
\n\t\t\t\t\t\t
*/}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{/*\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{userAccounts.length > 0 ? accountList.map((account) => {return userAccounts.find((current) => current === account.accountNumber) ? account.name : null }) : '-'}
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tLv.
\n\t\t\t\t\t\t\t\t\t\t7\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t7\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t48 / 200 XP\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
*/}\n\t\t\t\t\tBADGE
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tเข้าสู่ระบบ
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\tเปิดบัญชี
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nconst mapStateToProps = createStructuredSelector({\n\tsignInStatus: selectSignInStatus,\n\tisOpenSidebar: mainSelectors.selectIsOpenSideBar,\n\tuser: selectUserInformation,\n\tuserType: selectUserType,\n\tisTabletOrMobile: mainSelectors.selectIsMobileScreenSize\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n\tsignInStart: (credential) => dispatch(signInStart(credential)),\n\tverify2FAStart: (credential) => dispatch(verify2FAStart(credential))\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SignInAndSignUp);\n","import React from 'react';\nimport SignInAndSignUp from '../../Pages/sign-in-and-sign-up/sign-in-and-sign-up.component';\n\nconst Profile = () => {\n\treturn (\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tเปิดบัญชี\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tหรือ
\n\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default Profile;\n","/* main react */\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport { NavLink } from 'react-router-dom';\nimport { NavItem } from 'reactstrap';\n\n/* reducer, selector, action */\nimport { createStructuredSelector } from 'reselect';\nimport { toggleActivePage } from '../../_actions/main.actions';\nimport { toggleOrderRequestModal, updateActiveTabOrderRequestModal } from '../../_actions/order-request.actions';\nimport { toggleTransferModal } from '../../_actions/transfer.actions';\n\nimport { mainSelectors } from '../../_selectors';\nimport { selectIsOpenOrderRequestModal } from '../../_selectors/order-request.selectors';\nimport { selectIsOpenTransferModal } from '../../_selectors/transfer.selectors';\n\n/* ui component */\nimport iconConvertor from '../../_helpers/icon-convertor';\n\nconst Menu = (props) => {\n\tconst { \n\t\titem,\n\t\ttoggleActivePage, \n\t\ttoggleOrderRequestModal,\n\t\tupdateOrderRequestModalTab,\n\t\ttoggleTransferModal,\n\t\tisActive\n\t} = props;\n\tconst IconName = iconConvertor(item.icon);\n\n\tconst toggleMobileSidebar = (e) => {\n\t\tlet queryMobileBody = e.currentTarget.closest('#cns-mobile-content-wrapper');\n\t\tif (queryMobileBody) {\n\t\t\tqueryMobileBody.querySelector('.navbar-toggler').click();\n\t\t}\n\t}\n\n\tconst handleToggleOrderRequestModal = (event) => {\n\t\tupdateOrderRequestModalTab({activeTab: event.currentTarget.dataset.tab});\n\t\ttoggleOrderRequestModal();\n\t}\n\n\tif (item.path === '/order-confirm') {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t\t\t ({label: item+1, value: index+1}))}\n\t\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\t\ttype={'DAYS'}\n\t\t\t\t\t\t\t\thandleChange={handleChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\tcase 'WEEKLY':\n\t\t\t\treturn \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\tcase 'CUSTOM':\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t ({label: item+1, value: index+1}))}\n\t\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\t\ttype={'DAYS'}\n\t\t\t\t\t\t\t\thandleChange={handleChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\tเลือกเดือนที่ต้องการ
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn <>\n\t\t}\n\t}\n\n\tif (!currentPlan) {\n\t\tcurrentPlan = new Object({});\n\t}\n\t\n\tconst transformTextHandler = (data, placeholder) => {\n\t\tconst { planType, DAYS, WEEKS, MONTHS } = data;\n\t\tswitch (planType?.value) { \n\t\t\tcase 'MONTHLY': return DAYS.length ? `วันที่ ${DAYS?.join(', ')} ของ ${planType.label}` : placeholder;\n\t\t\tcase 'WEEKLY': return WEEKS.length ? `${WEEKS.map(x => weekDays.find(y => y.value === x).label).join(', ')} ของ ${planType.label}` : placeholder;\n\t\t\tcase 'CUSTOM': return DAYS.length && MONTHS.length ? `วันที่ ${DAYS.join(', ')} ของ ${MONTHS.map(x => monthList.find(y => y.value === x).label).join(', ')}` : placeholder;\n\t\t\tdefault: return placeholder ?? '-';\n\t\t}\n\t}\n\n\tconst [dropdownOpen, setDropdownOpen] = useState(false);\n\tconst toggleDropdown = () => setDropdownOpen(!dropdownOpen);\n\tconst [textDisplay, setTextDisplay] = useState(placeholder);\n\tconst [tempPlaned, setTempPlaned] = useState(currentPlan ?? {});\n\tconst [activeTab, setActiveTab] = useState('MONTHLY');\n\n\tconst togglePlanType = (tab) => {\n\t\tif (activeTab !== tab) {\n\t\t\tsetActiveTab(tab);\n\t\t}\n\t};\n\n\tconst handleChange = (e) => {\n\t\tconst element = e.target;\n\t\tconst { value, type } = e.target.dataset;\n\t\tlet tempData = new Object({...tempPlaned});\n\n\t\tconst isChecked = tempData[type]?.find(x => x === value) ?? false;\n\n\tif (activeTab === 'WEEKLY' || (activeTab === 'CUSTOM' && type === 'DAYS')) {\n\t\tif (isChecked) {\n\t\t\ttempData[type] = tempData[type]?.filter(x => x !== value);\n\t\t} else {\n\t\t\ttempData[type] = [value];\n\t\t}\n\t} else {\n\t\tif (isChecked) {\n\t\t\ttempData[type] = tempData[type]?.filter(x => x !== value);\n\t\t} else {\n\t\t\ttempData[type] = tempData[type]?.length ? [ ...tempData[type], value] : [value];\n\t\t}\n\t}\n\n\t\tsetTempPlaned(tempData)\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetTempPlaned(currentPlan);\n\t};\n\n\tconst handleSubmit = (e) => {\n\t\tsetTextDisplay(transformTextHandler({\n\t\t\t...tempPlaned,\n\t\t\tplanType: planType?.find(x => x.value === activeTab)\n\t\t}, placeholder));\n\t\tsubmitPlan({\n\t\t\t...tempPlaned,\n\t\t\tplanType: planType?.find(x => x.value === activeTab)?.value?.toLowerCase()\n\t\t});\n\t\ttoggleDropdown();\n\t};\n\n\tuseEffect(() => { \n\t\tif (Object.keys(tempPlaned).length) { // Clear tempPlaned Object when change active tab.\n\t\t\tsetTempPlaned({});\n\t\t}\n\t}, [activeTab]);\n\n\tuseEffect(() => {\n\t\tif (!Object.keys(currentPlan).length) { // Set init active tab and set text display when curerntPlan is empty Object.\n\t\t\tsetActiveTab(planType[0].value);\n\t\t\tsetTextDisplay(placeholder);\n\t\t} else {\n\t\t\tsetTextDisplay(\n\t\t\t\ttransformTextHandler({\n\t\t\t\t\t...currentPlan, planType: planType?.find(x => x.value === currentPlan.planType.toUpperCase()) \n\t\t\t\t}, placeholder)\n\t\t\t);\n\t\t}\n\t}, [currentPlan]);\n\n\treturn (\n\t\t\n\t\t\t\t\t{textDisplay}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\tแผน
\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tplanType.map(x => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\ttogglePlanType(x.value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{x.label}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\tเลือกวันที่ต้องการ
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tยกเลิก\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\tตกลง\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{displayDate}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n {searchText?.thailandFundCode || fundInfo?.fund?.code}\n {fundInfo && {fundInfo.fund?.categoryNameTh}}\n
\n \n\n
\n\t\t\t\t\t\t\t{searchText?.thailandFundCode || fundInfo?.fund?.code}\n\t\t\t\t\t\t\t{fundInfo && {fundInfo.fund?.categoryNameTh}}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t{fundInfo?.fund?.name}\n\t\t\t\t\t
\n\t\t\t\t\n {searchText?.thailandFundCode || fundInfo?.fund?.code}\n {fundInfo && {fundInfo.fund?.categoryNameTh}}\n
\n \n\n
\n\t\t\t\t\t\t\t\t{searchText?.thailandFundCode || fundInfo?.fund?.code}\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tfundInfo\n\t\t\t\t\t\t\t\t\t&& {fundInfo.fund?.categoryNameTh}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{fundInfo?.fund?.name}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : activeTab === 'Sell' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{formatNumber(fundInformation?.minimum, 0)}
\n\t\t\t\t\t\t\tลงทุนขั้นต่ำ\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{fundInformation?.fund?.fee?.actualFrontLoad\n\t\t\t\t\t\t\t\t\t? `${formatNumber(fundInformation.fund.fee.actualFrontLoad)}%`\n\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tค่าธรรมเนียมซื้อ\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{fundInformation?.fund?.investment?.buyTime ?? '-'}
\n\t\t\t\t\t\t\tซื้อได้ถึง\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tความเสี่ยง\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{fundInformation?.fund?.nav ?? '-'}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tณ{' '}\n\t\t\t\t\t\t\t\t{fundInformation?.fund?.priceDate\n\t\t\t\t\t\t\t\t\t? formatDateTime.toThaiDate(fundInformation.fund.priceDate)\n\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tNAV ล่าสุด\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{formatNumber(fundInformation?.fund?.investment?.minimumRedemption, 0)}
\n\t\t\t\t\t\t\t\tขายขั้นต่ำ\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{fundInformation?.fund?.fee?.deferLoad\n\t\t\t\t\t\t\t\t\t\t? `${formatNumber(fundInformation.fund.fee.deferLoad)}%`\n\t\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tค่าธรรมเนียมขาย\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{fundInformation?.fund?.investment?.sellTime ?? '-'}
\n\t\t\t\t\t\t\t\tขายได้ถึง\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tความเสี่ยง\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{fundInformation?.sellDate\n\t\t\t\t\t\t\t\t\t\t? \"T+\" + fundInformation?.fund?.investment?.redemptionSettlementDay\n\t\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tวันรับเงินค่าขาย\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{fundInformation?.fund?.nav ?? '-'}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tณ{' '}\n\t\t\t\t\t\t\t\t\t{fundInformation?.fund?.priceDate\n\t\t\t\t\t\t\t\t\t\t? formatDateTime.toThaiDate(fundInformation.fund.priceDate)\n\t\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNAV ล่าสุด\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tจำนวนหน่วยที่ขายได้\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{formatNumber(fundInformation?.sellableUnit, 4)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\tหน่วย\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tมูลค่า ณ วันที่\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfundInformation?.fund?.priceDate\n\t\t\t\t\t\t\t\t&&\tformatDateTime.toThaiDate(fundInformation.fund.priceDate)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t(fundInformation?.sellableUnit && fundInformation?.fund?.nav)\n\t\t\t\t\t\t\t\t?\tformatNumber(fundInformation?.sellableUnit * fundInformation?.fund?.nav, 2)\n\t\t\t\t\t\t\t\t:\t'-'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\tบาท\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t) : activeTab === 'Switch' ? (\n\t\t\t\t\ttype === 'SWF' ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t{(fundInformation2?.switchableUnit >= 0) && fundInformation?.fund?.nav && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tความเสี่ยง\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{fundInformation?.fund?.nav ?? '-'}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tณ{' '}\n\t\t\t\t\t\t\t\t\t\t{fundInformation?.fund?.priceDate\n\t\t\t\t\t\t\t\t\t\t\t? formatDateTime.toThaiDate(fundInformation.fund.priceDate)\n\t\t\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tNAV ล่าสุด\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tจำนวนหน่วยที่สับเปลี่ยนออกได้\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t{formatNumber(fundInformation2?.switchableUnit, 4)}{' '}\n\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\tหน่วย\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tมูลค่า ณ วันที่\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tfundInformation?.fund?.priceDate\n\t\t\t\t\t\t\t\t\t\t\t&&\tformatDateTime.toThaiDate(fundInformation.fund.priceDate)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t(fundInformation2?.switchableUnit && fundInformation?.fund?.nav)\n\t\t\t\t\t\t\t\t\t\t\t?\tformatNumber(fundInformation2?.switchableUnit * fundInformation?.fund?.nav, 2)\n\t\t\t\t\t\t\t\t\t\t\t: '-'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\tบาท\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t) : type === 'SWT' ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t)}\n\t\t\t\t{/* {\n\t\t\t\t\t(activeTab === 'Sell' || (activeTab === 'Switch' && type === 'SWF'))\n\t\t\t\t\t&& \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tความเสี่ยง\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{fundInformation2?.fund?.nav ?? '-'}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tณ{' '}\n\t\t\t\t\t\t\t\t\t{fundInformation2?.fund?.priceDate\n\t\t\t\t\t\t\t\t\t\t? formatDateTime.toThaiDate(fundInformation2.fund.priceDate)\n\t\t\t\t\t\t\t\t\t\t: '-'}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNAV ล่าสุด\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tจำนวนหน่วยที่สับเปลี่ยนออกได้ \n\t\t\t\t\t\t\t {formatNumber(fundInformation?.balanceUnit, 4)} หน่วย\n\t\t\t\t\t\t
\n\t\t\t\t} */}\n\t\t\tซื้อครั้งเดียว
\nซื้อสม่ำเสมอ
\n\n
\n \n
\n \n
\n \n \n
\n \n \n \n {isDSAUserType ? (\n \n \n )}\n \n
\n \n \n \n {Object.keys(buyTypeDSA).map((item) => {\n const { label, value } = buyTypeDSA[item];\n return (\n {\n value !== subActiveTab &&\n updateActiveTab({ subActiveTab: value });\n }}\n >\n {label}\n \n );\n })}\n
\n ) : (\n \n {Object.keys(buyTypes).map((item) => {\n const { label, value } = buyTypes[item];\n return (\n {\n value !== subActiveTab &&\n updateActiveTab({ subActiveTab: value });\n }}\n >\n {label}\n \n );\n })}\n
\n {sellTypes['SINGLE'].label}
\n\t\t\t\t\t{sellTypes['DCA'].label}
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{/* { // TODO Phase II (Sell continue, Sell both).\n\t\t\t\t\t\t\t\t\t\tObject.keys(sellTypes).map((item) => {\n\t\t\t\t\t\t\t\t\t\t\tconst { label, value } = sellTypes[item];\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t { value !== subActiveTab && updateActiveTab({subActiveTab: value}) }}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t} */}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{switchTypes[\"SINGLE\"].label}
\n{switchTypes[\"DCA\"].label}
\n\n
\n \n
\n \n \n \n {isDSAUserType ? (\n \n \n )}\n \n
\n \n
\n\n \n
\n \n \n \n \n
\n \n \n\n \n
\n \n {formatNumber(minimumAmountSwitchableFund, 0)}\n
\n สับเปลี่ยนขั้นต่ำ\n\n
\n \n {fundInformation2?.switchTime ?? \"-\"}\n {/* {minimumTimeSwitchableFund ?? '-'} */}\n
\n สับเปลี่ยนได้ถึง\n\n
\n \n {fundInfo?.fund?.fee?.deferLoad\n ? `${fundInfo.fund.fee.deferLoad}%`\n : \"-\"}\n
\n ค่าธรรมเนียมสับเปลี่ยนออก\n\n
\n \n {toFundInfo?.fund?.fee?.actualFrontLoad\n ? `${toFundInfo?.fund?.fee?.actualFrontLoad}%`\n : \"-\"}\n
\n ค่าธรรมเนียมสับเปลี่ยนเข้า\n\n {Object.keys(switchTypeDSA).map((item) => {\n const { label, value } = switchTypeDSA[item];\n return (\n {\n value !== subActiveTab &&\n updateActiveTab({ subActiveTab: value });\n }}\n // disabled={toFundInfo\n // \t? toFundInfo.isDCA\n // \t\t? false\n // \t\t: value !== 'SINGLE'\n // \t: false\n // }\n >\n {label}\n \n );\n })}\n
\n ) : (\n \n {Object.keys(switchTypes).map((item) => {\n const { label, value } = switchTypes[item];\n return (\n {\n value !== subActiveTab &&\n updateActiveTab({ subActiveTab: value });\n }}\n >\n {label}\n \n );\n })}\n
\n \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tเลขที่บัญชี {userAccounts[0].accountNumber} เป็นการลงทุนในรูปแบบ Model port\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{searchText?.thailandFundCode || fundInfo?.fund?.code}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{fundInfo?.fund?.name}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcurrentFund\n\t\t\t\t\t\t\t?\tisSelfTransfer\n\t\t\t\t\t\t\t\t?\t<>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\tกองทุนนี้สามารถโอนย้ายโดยตรงมาที่โนมูระก็ได้
\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\ttargetList.length > 1\n\t\t\t\t\t\t\t\t\t\t\t&&\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tหรือเป็นการโอนเข้ากองทุนอื่นก็ได้(อาจมีค่าธรรมเนียม) กรุณาเลือกด้านล่าง
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tค่าธรรมเนียม วิธีการ เงื่อนไขการโอน เอกสารที่เกี่ยวข้อง ดูรายละเอียด ที่นี่\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t:\t<>\n\t\t\t\t\t\t\t\t\t\tกองทุนนี้ไม่สามารถโอนย้ายโดยตรงมาที่โนมูระได้
\n\t\t\t\t\t\t\t\t\t\tต้องเป็นการโอนเข้ากองทุนอื่น ท่านสามารถเลือกกองปลายทางได้ด้านล่าง
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:\tค่าธรรมเนียม วิธีการ เงื่อนไขการโอน เอกสารที่เกี่ยวข้อง ดูรายละเอียด ที่นี่\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tค่าธรรมเนียม วิธีการ เงื่อนไขการโอน เอกสารที่เกี่ยวข้อง ดูรายละเอียด ที่นี่\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tโอนกองทุนมาโนมูระ
\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{/*
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{message}
\n\t\t\t}\n\t\t\t{\n\t\t\t\ttype === 'SINGLE'\n\t\t\t\t&&\t<>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t}\n\t\t\t{\n\t\t\t\thasChildren\n\t\t\t\t&& subItems.map((item) => (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t))\n\t\t\t}\n\t\t\n\t)\n}\n\nconst AcceptMessage = ({\n\tdata,\n\ttargetFund,\n\thandleSubmit,\n\tisOpen,\n\ttoggle,\n\tisTabletOrMobile,\n\tuserType,\n\tactiveTab,\n\tpreventSubmit,\n\tuserAccounts\n}) => {\n\tconst initialProperties = {\n\t\tquestions: [],\n\t\tpinCode: null\n\t}\n\tconst [properties, setProperties] = useState(initialProperties);\n\tconst currentAccount = userAccounts[0];\n\tconst isAdUser = ['DSA', 'FA'].includes(userType)\n\tconst headerLabel = {\n\t\t'Buy': 'คำเตือนความเสี่ยง',\n\t\t'Sell': isAdUser ? 'ยืนยันการส่งคำสั่ง' : 'กรุณาใส่ PIN CODE',\n\t\t'Switch': 'คำเตือนความเสี่ยง'\n\t}[activeTab]\n\tconst buttonLabel = {\n\t\t'Buy': 'ส่งคำสั่งซื้อ',\n\t\t'Sell': 'ส่งคำสั่งขาย',\n\t\t'Switch': 'ส่งคำสั่งสลับ'\n\t} [activeTab]\n\n\n\tconst updatePinCode = (e) => {\n\t\tsetProperties({\n\t\t\t...properties,\n\t\t\tpinCode: e.target.value\n\t\t})\n\t}\n\n\tconst submit = (e) => {\n\t\te.preventDefault();\n\t\thandleSubmit(properties);\n\t}\n\n\tconst closeModal = () => {\n\t\tsetProperties(initialProperties);\n\t\ttoggle();\n\t}\n\n\tconst checkedHandler = (e) => {\n\t\tconst { checked, value, name, type } = e.currentTarget;\n\n\t\t// Check box Handler\n\t\tif (type === 'checkbox') {\n\t\t\tif (checked) {\n\t\t\t\tif (!properties.questions.find(x => x === value)) {\n\t\t\t\t\tsetProperties({\n\t\t\t\t\t\t...properties,\n\t\t\t\t\t\tquestions: [...properties.questions, value]\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst findSubitems = findNode(data?.questions, 'code', value, 'subItems')\n\t\t\t\tconst childCode = flatNode(findSubitems).map(question => question.code)\n\t\t\t\tsetProperties({\n\t\t\t\t\t...properties,\n\t\t\t\t\tquestions: properties.questions.filter(code => !childCode.includes(code))\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\t// Radio Handler\n\t\tif (type === 'radio') {\n\t\t\tif (checked) {\n\t\t\t\tlet currentChecked = properties.questions;\n\t\t\t\tcurrentChecked.push(value);\n\n\t\t\t\tlet siblingRadios = document.querySelectorAll(`input[name=\"${name}\"]:not(:checked)`);\n\t\t\t\tArray.from(siblingRadios).forEach(radio => {\n\t\t\t\t\tconst findSubitems = findNode(data?.questions, 'code', radio.value, 'subItems')\n\t\t\t\t\tconst childCode = flatNode(findSubitems).map(question => question.code)\n\t\t\t\t\tcurrentChecked = currentChecked.filter(code => !childCode.includes(code))\n\t\t\t\t});\n\n\t\t\t\tsetProperties({\n\t\t\t\t\t...properties,\n\t\t\t\t\tquestions: currentChecked\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\t{headerLabel}\n\t\t\t\t\t\t
\n\t\t\t\t\t: <>\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{headerLabel}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t:\t<>\n\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t{message}
\n\t\t\t 1 ? 'justify-content-between' : 'justify-content-center'}`}>\n\t\t\t{\n\t\t\t\tbuttons?.map((question) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{question.displayedText}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t}\n\t\t\t
\n\t\t\n\t);\n}\n\nconst OrderResponseModal = ({\n\tcheckedFundAble,\n\tclearErrorMessage,\n\tshowResponseMessage,\n\tclearCheckedFundAble,\n\tconfirmedOrder,\n\tisTabletOrMobile,\n\torderRequestForm,\n\tuserType,\n\tuserAccounts,\n\tactiveTab,\n\tsubActiveTab,\n\terrorMessage,\n\tconfirmOrderFund,\n\tresetConfirmOrderFund,\n\ttoggleOrderRequestModal,\n\tconfirmOrderFund: { data : isConfirmedOrder }\n}) => {\n\tconst [preventSubmit, setPreventSubmit] = useState(false);\n\tconst [targetFund, setTargetFund] = useState([]);\n\n\tconst recursiveFlatten = function (array) {\n\t\tlet flatArray = [];\n\n\t\tarray.forEach((element) => {\n\t\t\tif (Array.isArray(element.subItems)) {\n\t\t\t\tlet inner = recursiveFlatten(element.subItems);\n\t\t\t\tflatArray.push(element.code, ...inner);\n\t\t\t} else {\n\t\t\t\tflatArray.push(element.code);\n\t\t\t}\n\t\t});\n\n\t\treturn flatArray;\n\t};\n\n\tconst handleSubmit = (e) => {\n\t\tlet questionList = checkedFundAble.data ? recursiveFlatten(checkedFundAble.data.questions) : [];\n\n\t\tlet temp = {\n\t\t\t...orderRequestForm,\n\t\t\tquestions: questionList?.length\n\t\t\t\t? questionList.map((code) => ({\n\t\t\t\t\tcode: code,\n\t\t\t\t\tisAccept: e.questions?.includes(code)\n\t\t\t\t}))\n\t\t\t\t: [],\n\t\t\tpinCode: e.pinCode\n\t\t}\n\n\t\tconfirmedOrder(temp);\n\t\tsetPreventSubmit(true);\n\t}\n\n\tconst closeAllModal = () => {\n\t\tresetConfirmOrderFund();\n\t\tclearCheckedFundAble();\n\t\ttoggleOrderRequestModal();\n\t}\n\n\tuseEffect(() => {\n\t\tif (errorMessage || isConfirmedOrder) {\n\t\t\tsetPreventSubmit(true);\n\t\t} else {\n\t\t\tsetPreventSubmit(false);\n\t\t}\n\t}, [errorMessage, isConfirmedOrder])\n\n\tuseEffect(() => {\n\t\tif (showResponseMessage) {\n\t\t\tObject.keys(orderRequestForm).map(key => {\n\t\t\t\tif (orderRequestForm[key].hasOwnProperty('fundCode')) {\n\t\t\t\t\tsetTargetFund([...targetFund, orderRequestForm[key].fundCode])\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsetTargetFund([]);\n\t\t}\n\t}, [showResponseMessage])\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\terrorMessage\n\t\t\t\t&&\t{confirmOrderFund.data?.message}
\n\t\t\t\t\t\t\t 1 ? 'justify-content-between' : 'justify-content-center'}`}>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tconfirmOrderFund.data?.buttons?.map((question) => {\n\t\t\t\t\t\t\t\t\tif (question.url) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{question.displayedText}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t closeAllModal()}>\n\t\t\t\t\t\t\t\t\t\t\t{question.displayedText}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t}\n\t\t\n\t);\n};\n\nconst mapStateToProps = createStructuredSelector({\n\tshowResponseMessage: selectShowResponseMessage,\n\t// fundCode: selectNavigationFund,\n\torderRequestForm: selectOrderRequestForm,\n\tcheckedFundAble: selectCheckedFundAbleToOrder,\n\tisTabletOrMobile: mainSelectors.selectIsMobileScreenSize,\n\tuserType: selectUserType,\n\tuserAccounts : selectUserAccounts,\n\tactiveTab: selectActiveTabOrderRequestModal,\n\tsubActiveTab: selectSubActiveTabOrderRequestModal,\n\terrorMessage: selectErrorMessageModal,\n\tconfirmOrderFund: selectConfirmOrderFund,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n\tclearErrorMessage: () => dispatch(clearErrorMessage()),\n\tconfirmedOrder: (data) => dispatch(confirmOrderFundStart(data)),\n\tclearCheckedFundAble: () => dispatch(clearCheckedFundAble()),\n\tresetConfirmOrderFund: () => dispatch(resetConfirmOrderFund()),\n\ttoggleOrderRequestModal: () => dispatch(toggleOrderRequestModal()),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(OrderResponseModal);\n","/* main react */\nimport React, { useState } from \"react\";\n\n/* ui component */\nimport { Modal } from \"reactstrap\";\n\nconst WarningModal = ({\n isOpen,\n toggle,\n title,\n children,\n titleCenter = false\n \n}) => {\n\n return (\n \n
\n \n {title}\n
\n \n\t\t{children}\n
\n กรุณาระบุรหัส OTP ที่ได้รับ
\n \n\n
\n
\n \n
\n เพื่อประโยชน์ของท่าน\n โปรดศึกษาและทำความเข้าใจคำเตือนนี้ก่อนใช้โปรแกรมและก่อนทำรายการในระบบ\n iFund\n
\n\n คำเตือนเกี่ยวกับการใช้โปรแกรมและข้อมูล\n
\n\n\n \n 1.\n \n ข้อมูลและข่าวสารเกี่ยวกับการซื้อ ขายคืน\n หรือสับเปลี่ยนหน่วยลงทุน\n \n \n
\n\n\n 1.1คำเตือนจากบริษัท\n
\n\n โปรแกรมนี้จัดทำโดย บริษัทหลักทรัพย์ กรุงศรี จำกัด(มหาชน)\n (“บริษัท”) ข้อมูลและข่าวสารที่เกี่ยวกับการซื้อ ขายคืน\n หรือสับเปลี่ยนหน่วยลงทุนที่ปรากฏอยู่ในโปรแกรมนี้ได้มาจากแหล่งที่บริษัทเห็นว่ามีความถูกต้องน่าเชื่อถือ\n อย่างไรก็ตาม บริษัทไม่รับรองหรือรับประกันถึงความถูกต้อง\n ความสมบูรณ์ หรือความเหมาะสมของข้อมูลหรือข่าวสารดังกล่าว\n และไม่ได้ประกันราคาหรือผลตอบแทนของหน่วยลงทุนที่ปรากฏในโปรแกรม\n บริษัทรวมถึงบุคคลหรือบริษัทที่เกี่ยวข้อง\n ไม่รับผิดชอบในความเสียหายใด ๆ\n ต่อลูกค้าหรือบุคคลอื่นที่เกิดจากการใช้ข้อมูลและข่าวสารที่อยู่บนโปรแกรมนี้\n ลูกค้าควรศึกษาข้อมูลจากหนังสือชี้ชวนและใช้ดุลยพินิจอย่างระมัดระวังในการตัดสินใจในการลงทุน\n
\n\n\n 1.2คำเตือนจาก Morning Star\n
\n\n ข้อมูลบางส่วนที่ปรากฏอยู่ในโปรแกรมนี้ เป็นข้อมูลจาก บริษัท\n มอร์นิ่งสตาร์ รีเสิร์ช (ประเทศไทย) จำกัด (“มอร์นิ่งสตาร์”)\n และต่อไปนี้เป็นคำเตือนจาก มอร์นิ่งสตาร์{\" \"}\n \n “©2023 Morningstar. All Rights Reserved. The information, data,\n analyses and opinions (“Information”) contained herein: (1)\n include the proprietary information of Morningstar and its\n content providers; (2) may not be copied or redistributed except\n as specifically authorised; (3) do not constitute investment\n advice; (4) are provided solely for informational purposes; (5)\n are not warranted to be complete, accurate or timely; and (6)\n may be drawn from fund data published on various dates.\n Morningstar is not responsible for any trading decisions,\n damages or other losses related to the Information or its use.\n Please verify all of the Information before using it and don’t\n make any investment decision except upon the advice of a\n professional financial adviser. Past performance is no guarantee\n of future results. The value and income derived from investments\n may go down as well as up.”\n \n
คำแปล “©2023 มอร์นิ่งสตาร์ สงวนสิทธ์ในข้อมูล เนื้อหา\n บทวิเคราะห์ และความคิดเห็น (“ข้อมูล”) ที่แสดงอยู่นี้ (1)\n โดยถือเป็นกรรมสิทธิ์ของมอร์นิ่งสตาร์\n และของผู้จัดทำเนื้อหาของมอร์นิ่งสตาร์ (2) ห้ามไม่ให้ทำซ้ำ\n หรือแจกจ่าย เว้นแต่จะได้มีการอนุญาตเป็นกรณีเฉพาะ (3)\n ไม่ถือเป็นคำแนะนำในการลงทุน (4)\n มีวัตถุประสงค์เพื่อให้ข้อมูลเท่านั้น (5) ไม่มีการรับรองว่าสมบูรณ์\n ถูกต้อง หรือเป็นปัจจุบัน (6)\n และอาจนำมาจากข้อมูลกองทุนที่มีการตีพิมพ์ในช่วงเวลาที่แตกต่างกัน\n โดยมอร์นิ่งสตาร์จะไม่รับผิดต่อการตัดสินใจลงทุนใดๆ ความเสียหาย\n หรือการขาดทุนอื่นๆ ที่เกิดจากข้อมูล หรือการใช้ข้อมูล\n ผู้ลงทุนควรตรวจสอบข้อมูลทั้งหมดก่อนนำไปใช้ และไม่ควรตัดสินใจลงทุน\n เว้นแต่จะได้กระทำโดยคำปรึกษาจากที่ปรึกษาทางการเงินมืออาชีพ\n ผลการดำเนินงานในอดีตมิได้เป็นสิ่งยืนยันผลการดำเนินงานในอนาคต\n มูลค่าและผลตอบแทนจากการลงทุนอาจลดลงหรือเพิ่มขึ้นก็ได้”\n
\n \n 2.ข้อมูลปฏิทินกองทุน\n \n
\n\n \n ข้อมูลวันทำการหรือวันหยุดรับคำสั่งซื้อ ขายคืน\n หรือสับเปลี่ยนหน่วยลงทุนของกองทุนที่ปรากฏในปฏิทินกองทุน\n อาจมีการแก้ไขเพิ่มเติมหรือเปลี่ยนแปลงโดย\n บริษัทหลักทรัพย์จัดการกองทุน (“บลจ.”) ของกองทุนนั้นๆ\n บริษัทจึงไม่สามารถรับรองหรือรับประกันถึงความถูกต้องสมบูรณ์ของข้อมูลที่ปรากฏในปฏิทินกองทุนดังกล่าว\n ทั้งนี้\n ลูกค้าสามารถตรวจสอบข้อมูลวันทำการหรือวันหยุดรับคำสั่งซื้อ ขายคืน\n หรือสับเปลี่ยนหน่วยลงทุนของกองทุนต่างๆ ได้จากแต่ละเว็บไซต์ของ\n บลจ. กองทุนนั้นๆ\n \n
\n\n\n คำเตือนเกี่ยวกับการทำรายการ\n
\n\n\n \n 1.\n \n การส่งคำสั่งและเงื่อนไขการชำระเงินโดย ATS\n \n \n
\n\n •เวลาในการทำรายการ\n
\n\n กรณีลูกค้าใช้บริการหักบัญชีอัตโนมัติ (ATS) ของธนาคารต่างๆ และ\n ส่งคำสั่งซื้อขายผ่านระบบ\n หลังจากเวลาที่ธนาคารกำหนดสำหรับการตัดบัญชี ATS\n บางธนาคารจะถือว่าเป็นรายการของวันทำการถัดไป ดังนี้\n
\n\n •สำหรับธนาคาร TISCO, KKP และ CIMB\n กรุณาส่งคำสั่งซื้อผ่านระบบก่อนเวลา 11.00 น.\n
\n\n •สำหรับธนาคาร BBL, SCB, KTB, KBANK,\n BAY, UOB, LH และ TTB กรุณาส่งคำสั่งซื้อผ่านระบบก่อนเวลา 14.30 น.\n
\n\n หากส่งคำสั่งซื้อขายภายหลังเวลาดังกล่าว\n จะถือว่ารายการของวันทำการถัดไป\n
\n\n สำหรับการชำระเงินโดยช่องทางอื่นๆ\n ลูกค้าสามารถส่งรายการซื้อผ่านระบบได้ภายในวันและเวลาทำการซื้อขายตามที่แต่ละกองทุนกำหนด\n
\n\n •\n กรณีที่ลูกค้ามีคำสั่งซื้อหน่วยลงทุนมากกว่า 1 รายการต่อวัน ระบบ\n Krungsri Securities iFund จะดำเนินการหักบัญชี ATS\n ตามยอดรวมมูลค่าซื้อทุกรายการภายในรอบเวลาตัดเงินนั้นๆ\n เป็นรายการเดียว (หักบัญชีครั้งเดียว โดยไม่แยกหักบัญชีต่อรายการ)\n หากเงินในบัญชีไม่เพียงพอชำระมูลค่าซื้อทุกรายการภายในรอบเวลาตัดเงินนั้นๆ\n จะมีผลให้คำสั่งซื้อภายในรอบเวลาตัดเงินนั้นๆ ถูกยกเลิกทุกรายการ\n หากลูกค้ายังประสงค์จะซื้อ ลูกค้าต้องคีย์คำสั่งซื้อใหม่\n
\n\n •ในการส่งคำสั่งซื้อ ขายคืน\n หรือสับเปลี่ยนหน่วยลงทุนผ่านระบบอินเทอร์เน็ตหรือระบบอิเล็คทรอนิกส์ใดๆ\n อาจมีการขัดข้องต่างๆ เช่น การสูญหายของข้อมูลระหว่างส่งข้อมูล\n ส่งข้อมูลไม่ได้ การผิดพลาดหรือคลาดเคลื่อนของข้อมูล\n การหยุดการทำงานของ Hardware และ/หรือ Software\n หรือการขัดข้องของระบบไฟฟ้า ระบบการสื่อสาร\n หรือคอมพิวเตอร์ของลูกค้าหรือบริษัท หรือของบุคคลอื่นที่เกี่ยวข้อง\n รวมทั้งเหตุขัดข้องใดๆ ซึ่งทำให้ลูกค้าไม่สามารถส่งคำสั่งได้\n ลูกค้าไม่สามารถอ้างเหตุดังกล่าวมาเรียกร้องค่าเสียหายกับบริษัทได้\n
\n\n\n \n 2.\n \n การส่งคำสั่งซื้อหน่วยลงทุนแบบซื้อสม่ำเสมอ\n \n \n
\n\n •\n เมื่อผู้ลงทุนเลือกเมนูการสั่งซื้อแบบสม่ำเสมอ\n บริษัทจะทำรายการซื้อแบบอัตโนมัติสม่ำเสมอทุกสัปดาห์ ทุกเดือน\n หรือตามที่ผู้ถือหน่วยลงทุนกำหนด\n โดยผู้ถือหน่วยลงทุนตกลงจะชำระค่าซื้อหน่วยลงทุนให้กับบริษัทตามวัน\n เดือน จำนวนเงิน\n และหน่วยลงทุนที่ผู้ถือหน่วยลงทุนได้ทำรายการสั่งซื้อ\n
\n\n •\n มูลค่าเงินลงทุนขั้นต่ำที่ส่งคำสั่งซื้อหน่วยลงทุนในแต่ละงวดต้องไม่น้อยกว่ามูลค่าซื้อขั้นต่ำที่แต่ละกองทุนกำหนด\n
\n\n •\n หากวันที่ถึงกำหนดชำระค่าซื้อหน่วยลงทุนเป็นวันหยุดทำการ\n บริษัทจะทำรายการซื้อหน่วยลงทุนและดำเนินการตัดบัญชี ATS\n ของท่านในวันทำการถัดไป\n
\n\n •\n คำสั่งซื้อหน่วยลงทุนตามแผนการลงทุนแบบสม่ำเสมอ\n มีผลเมื่อบริษัทได้รับแจ้งผลอนุมัติการหักเงินจากบัญชี ATS\n ของลูกค้าหลังจากวันที่ลูกค้าเลือกให้คำสั่งซื้อหน่วยลงทุนเริ่มมีผล\n
\n\n •หากเงินในบัญชี ATS\n ของลูกค้ามีไม่เพียงพอที่จะชำระค่าซื้อหน่วยลงทุนของแต่ละกองทุนติดต่อกัน\n 2 ครั้ง บริษัทสงวนสิทธิยกเลิกคำสั่งซื้อหน่วยลงทุนแบบซื้อสม่ำเสมอ\n ออกจากระบบโดยอัตโนมัติ\n กรณีที่ลูกค้าประสงค์จะซื้อหน่วยลงทุนแบบซื้อสม่ำเสมอ\n ลูกค้าต้องส่งคำสั่งซื้อใหม่\n
\n\n •\n ลูกค้าสามารถขายหน่วยลงทุนที่ซื้อจากคำสั่งซื้อแบบสม่ำเสมอนี้ได้ตามปกติ\n ทั้งนี้ ขึ้นอยู่กับเงื่อนไขการรับซื้อคืนหน่วยลงทุนของแต่ละกองทุน\n
\n\n •\n คำสั่งซื้อหน่วยลงทุนนี้จะมีผลต่อไปจนกว่าผู้ถือหน่วยจะแจ้งยกเลิก\n โดยท่านสามารถแจ้งยกเลิกคำสั่งซื้อหน่วยลงทุนแบบสม่ำเสมอ\n ได้ด้วยตนเองผ่านระบบ Krungsri Securities iFund\n หรือผ่านที่ปรึกษาการเงินและการลงทุนที่ดูแลบัญชีของท่าน\n
\n\n\n \n 3.\n \n การสับเปลี่ยนหน่วยลงทุนของกองทุน (Switch) ข้าม บลจ.\n \n \n
\n\n •\n เป็นเครื่องมือช่วยอำนวยความสะดวกแก่ลูกค้าในการคีย์คำสั่งขายหน่วยลงทุนของกองทุนต้นทางและคำสั่งซื้อหน่วยลงทุนของกองทุนปลายทางล่วงหน้าเท่านั้น\n รายการที่ถูกส่งไป บลจ.ต้นทางและ บลจ.ปลายทางจึงเป็นรายการขายและซื้อ\n ซึ่งต่างกับการ Switch กองทุนภายใน บลจ.เดียวกัน\n เพื่อประโยชน์แก่ลูกค้าไม่ต้องทำคำสั่งขายกองทุนเดิมก่อนแล้วค่อยมาซื้อกองทุนใหม่และสามารถซื้อกองทุนได้เป็นจำนวนเดียวกันกับเงินค่าขาย\n
\n\n •\n การคีย์สับเปลี่ยนหน่วยลงทุนของกองทุนต้นทาง (Switch out) ทั้งพอร์ต\n ต้องระบุเป็นจำนวนหน่วยเท่านั้น ทั้งนี้\n หากรายการขายถูกปฏิเสธการทำรายการ (Reject Order) จาก\n บลจ.ไม่ว่าด้วยเหตุผลใด รายการซื้อคู่นี้จะถูกยกเลิกรายการอัตโนมัติ\n
\n\n •\n เมื่อครบกำหนดวันรับเงินค่าขายคืนบริษัทจะโอนเงินค่าขายคืนเข้าบัญชีลูกค้าก่อน\n และตัดบัญชี ATS กลับมาชำระค่าซื้อใหม่\n โดยลูกค้าไม่ต้องคีย์คำสั่งซื้อหน่วยกองทุนปลายทางอีก\n
\n\n •\n บริษัทจะซื้อหน่วยกองทุนปลายทางในโอกาสแรกที่บริษัทตัด ATS\n ชำระค่าซื้อหน่วยกองทุนปลายทางสำเร็จ\n
\n{errorMessage}
\n \n )}\n {isOpenErrorModal && (\n {errorModal?.message}
\n {errorModal?.title === \"ช่องทางการยืนยันตัวตน\" && (\n \n \n \n \n \n
\n \n \n );\n};\n\nconst mapStateToProps = createStructuredSelector({\n isOpenCompareModal: selectIsOpenCompareModal,\n isOpenOrderRequestModal: selectIsOpenOrderRequestModal,\n isOpenTransferModal: selectIsOpenTransferModal,\n routes: mainSelectors.selectRoutes,\n currentMenu: mainSelectors.selectCurrentMenu,\n selectIsPaging: mainSelectors.selectIsPaging,\n selectPages: mainSelectors.selectPages,\n signInStatus: selectSignInStatus,\n isOpenSignInModal: selectIsOpenSignInModal,\n isTabletOrMobile: mainSelectors.selectIsMobileScreenSize,\n compareFundList: selectCompareFundList,\n tempCompareFundList: selectTempCompareFundList,\n isOpenErrorMessageModal: selectIsOpenErrorMessageModal,\n errorMessage: selectErrorMessage,\n errorModal: mainSelectors.selectErrorModal,\n isOpenErrorModal: mainSelectors.selectIsOpenErrorModal,\n // logInType: selectLogInType,\n userInfo: selectUserInformation,\n isOpenVerify2FactorModal: selectIsOpenVerify2FactorModal,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n signOut: (currentPage) => dispatch(signOut(currentPage)),\n refreshToken: () => dispatch(refreshToken()),\n toggleActivePage: (currentPage) => dispatch(toggleActivePage(currentPage)),\n toggleCompareModal: () => dispatch(toggleCompareModal()),\n toggleTransferModal: () => dispatch(toggleTransferModal()),\n signInStart: (credential) => dispatch(signInStart(credential)),\n verify2FAStart: (credential) => dispatch(verify2FAStart(credential)),\n toggleErrorMessageModal: () => dispatch(toggleErrorMessageModal()),\n toggleSignInModal: () => dispatch(toggleSignInModal()),\n toggle2FAModal: () => dispatch(toggle2FAModal()),\n toggleScreenSize: () => dispatch(toggleScreenSize()),\n updateTempCompareFunds: (funds) =>\n dispatch(updateTemporaryCompareFunds(funds)),\n resetTempCompareFunds: () => dispatch(resetTemporaryCompareFunds()),\n addFundIdsToCompareFunds: (fundIds) =>\n dispatch(addFundIdsToCompareFunds(fundIds)),\n updateErrorModal: (message) => dispatch(updateErrorModal(message)),\n clearErrorModal: () => dispatch(clearErrorModal()),\n clearSignInErrorMessage: () => dispatch(clearSignInErrorMessage()),\n updateSignInStatusForMobile: () => dispatch(updateSignInStatusForMobile()),\n toggleIsOpenModal: () => dispatch(toggleOrderRequestModal()),\n // signInCredentialStart: (credential) => dispatch(signInCredentialStart(credential)),\n});\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Main));\n","import { version } from \"../../package.json\"\n\nexport const handleCacheVersion = () => {\n const versionLocalStorage = localStorage.getItem('version')\n if (versionLocalStorage !== version) {\n if ('caches' in window) {\n caches.keys().then((names) => {\n names.forEach(name => {\n caches.delete(name)\n })\n })\n window.location.reload()\n }\n localStorage.clear()\n localStorage.setItem('version', version)\n }\n};"],"sourceRoot":""}