\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n {\r\n e.preventDefault()\r\n props.showRightSidebarAction(false)\r\n }}\r\n className=\"right-bar-toggle float-end\"\r\n >\r\n \r\n \r\n
\r\n\r\n Settings
\r\n\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n \r\n ) : null}\r\n\r\n \r\n \r\n Preloader\r\n \r\n\r\n \r\n\r\n \r\n Purchase Now\r\n \r\n
\r\n \r\n Layouts\r\n {\r\n if (e.target.checked) {\r\n props.changeLayout(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeLayout(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n Layouts Mode\r\n {\r\n if (e.target.checked) {\r\n props.changeLayoutMode(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeLayoutMode(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n Layout Width\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeLayoutWidth(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeLayoutWidth(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeLayoutWidth(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n Topbar Theme\r\n \r\n {\r\n if (e.target.checked) { \r\n props.changeTopbarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeTopbarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {props.layoutType === \"vertical\" ? null : (\r\n <>\r\n {\r\n if (e.target.checked) {\r\n props.changeTopbarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n {\" \"}\r\n \r\n )}\r\n
\r\n\r\n {props.layoutType === \"vertical\" ? (\r\n \r\n
\r\n \r\n Left Sidebar Type{\" \"}\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarType(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarType(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarType(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n Left Sidebar Color Options\r\n \r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarTheme(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Left Sidebar Bg Image\r\n \r\n
\r\n \r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarThemeImage(e.target.value);\r\n }\r\n }}\r\n />\r\n\r\n \r\n {\" \"}\r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarThemeImage(e.target.value);\r\n }\r\n }}\r\n />\r\n\r\n \r\n {\" \"}\r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarThemeImage(e.target.value);\r\n }\r\n }}\r\n />\r\n\r\n \r\n {\" \"}\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarThemeImage(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\" \"}\r\n\r\n {\r\n if (e.target.checked) {\r\n props.changeSidebarThemeImage(e.target.value);\r\n }\r\n }}\r\n />\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n {\r\n props.changePreloader(!props.isPreloader);\r\n }}\r\n />\r\n\r\n \r\n
\r\n Choose Layouts
\r\n\r\n\r\n \r\n 
\r\n \r\n
\r\n\r\n \r\n \r\n 
\r\n \r\n
\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 renderNotificationItems = (items, showDate = false) =>\r\n items.map((x) => (\r\n No unread notifications
\r\n\r\n
\r\n \r\n {showDate ? formatDate(x.date) + \" \" : \"\"}\r\n {formatTime(x.date)}\r\n \r\n \r\n {x.title}\r\n
\r\n {x.desc}
\r\n\r\n \r\n
\r\n {renderNotificationItems(items, category === \"older\")}\r\n
\r\n ));\r\n\r\n const getCategoryIcon = (category) =>\r\n ({\r\n today: faCalendarDay,\r\n yesterday: faClock,\r\n older: faCalendarAlt,\r\n }[category]);\r\n\r\n const getIconColor = (category) =>\r\n ({\r\n today: \"#556ee6\",\r\n yesterday: \"#50a5f1\",\r\n older: \"#9E9E9E\",\r\n }[category]);\r\n\r\n const getCategoryColor = (date) => {\r\n const today = new Date().setHours(0, 0, 0, 0);\r\n const yesterday = new Date(today).setDate(new Date().getDate() - 1);\r\n const notificationDate = new Date(date);\r\n\r\n return notificationDate >= today\r\n ? \"#34c38f\"\r\n : notificationDate >= yesterday\r\n ? \"#FFC107\"\r\n : \"#9E9E9E\";\r\n };\r\n\r\n const { bellMenu, activeTab, actionNotifications, infoNotifications } =\r\n notification;\r\n\r\n return (\r\n \r\n
\r\n {renderNotificationItems(items, category === \"older\")}\r\n \r\n
\r\n\r\n \r\n\r\n Notifications
\r\n\r\n
\r\n \r\n {props.breadcrumbItem}
\r\n\r\n
\r\n - \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Are you sure you want to delete?
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n OpenHTML();\r\n }}\r\n />\r\n \r\n \r\n Help\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Help;\r\n","var _excluded = [\"className\", \"cssModule\", \"type\", \"size\", \"color\", \"children\", \"tag\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n /** Set a custom element for this component */\n tag: tagPropType,\n /** Change animation of spinner */\n type: PropTypes.oneOf(['border', 'grow']),\n /** Change size of spinner */\n size: PropTypes.oneOf(['sm']),\n /** Change color of spinner */\n color: PropTypes.oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']),\n /** Add custom class */\n className: PropTypes.string,\n /** Change existing className with a new className */\n cssModule: PropTypes.object,\n /** Pass children so this component can wrap the child elements */\n children: PropTypes.string\n};\nfunction Spinner(props) {\n var className = props.className,\n cssModule = props.cssModule,\n _props$type = props.type,\n type = _props$type === void 0 ? 'border' : _props$type,\n size = props.size,\n color = props.color,\n _props$children = props.children,\n children = _props$children === void 0 ? 'Loading...' : _props$children,\n _props$tag = props.tag,\n Tag = _props$tag === void 0 ? 'div' : _props$tag,\n attributes = _objectWithoutProperties(props, _excluded);\n var classes = mapToCssModules(classNames(className, size ? \"spinner-\".concat(type, \"-\").concat(size) : false, \"spinner-\".concat(type), color ? \"text-\".concat(color) : false), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({\n role: \"status\"\n }, attributes, {\n className: classes\n }), children && /*#__PURE__*/React.createElement(\"span\", {\n className: mapToCssModules('visually-hidden', cssModule)\n }, children));\n}\nSpinner.propTypes = propTypes;\nexport default Spinner;","import React from 'react'\r\nimport '../../../scss/cex.scss'\r\nimport { Spinner } from 'reactstrap'\r\n\r\nconst Loader = () => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Loader","import React from 'react';\r\nimport '../../../scss/cex.scss';\r\n\r\nconst RequiredAsterisk = () => (\r\n *\r\n);\r\n\r\nexport default RequiredAsterisk;","import React from 'react';\r\nimport { Input } from 'reactstrap';\r\n\r\nexport const Filter = ({ column }) => {\r\n return (\r\n \r\n {column.canFilter && column.render('Filter')}\r\n
\r\n );\r\n};\r\n\r\nexport const DefaultColumnFilter = ({\r\n column: {\r\n filterValue,\r\n setFilter,\r\n preFilteredRows: { length },\r\n },\r\n}) => {\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 {isJobListGlobalFilter && \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n {isAddOptions && (\r\n Total Records = {totalRecord}
\r\nTotal Pages = {totalPage}
\r\nCurrent Page = {currentPage}
\r\n\r\n \r\n \r\n Add New Order\r\n \r\n
\r\n \r\n )}\r\n {isAddUserList && (\r\n \r\n \r\n \r\n Create New User\r\n \r\n
\r\n \r\n )}\r\n {isAddCustList && (\r\n \r\n \r\n \r\n New Customers\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {headerGroups.map((headerGroup) => (\r\n
\r\n
\r\n ) : (\r\n No Data Found
\r\n )}\r\n \r\n
\r\n \r\n Showing {pageSize > data.length ? data.length : pageSize} Results\r\n
\r\n {goToPage ? (\r\n- \r\n
\r\n
\r\n Goto Page :
\r\n- \r\n
- \r\n ...\r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n
\r\n
\r\n \r\n {\r\n props.toggleLeftmenu(!props.leftMenu);\r\n }}\r\n data-target=\"#topnav-menu-content\"\r\n >\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n 
\r\n \r\n \r\n\r\n \r\n \r\n 
\r\n \r\n \r\n 
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {currentpath === \"/branch\" ||\r\n currentpath === \"/Manage-Assignment\" ||\r\n currentpath === \"/Manage-Beneficiary\" ? null : (\r\n <>\r\n
\r\n \r\n \r\n \r\n \r\n\r\n {role === \"4\" || role === \"5\" ? (\r\n \r\n toggleDropdown(\"staff\")}\r\n >\r\n \r\n \r\n {t(\"Manage Staff\")}\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n \r\n \r\n {t(\"Dashboard\")}\r\n \r\n \r\n\r\n {role === \"4\" || role === \"5\" ? (\r\n
- \r\n
\r\n {t(\"Manage Branch\")}\r\n \r\n \r\n ) : null}\r\n\r\n - \r\n
\r\n ({\r\n ...provided,\r\n // width: \"190px\",\r\n width: window.innerWidth < 768 ? \"75px\" : \"190px\",\r\n }),\r\n menu: (provided) => ({\r\n ...provided,\r\n maxWidth: \"100%\",\r\n overflowX: \"auto\",\r\n }),\r\n }}\r\n onChange={(selectedOption) => {\r\n handleBranchChange(selectedOption);\r\n }}\r\n value={selectedBranch}\r\n options={branch || []}\r\n />\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n );\r\n};\r\nSelectCurrency.propTypes = {\r\n t: PropTypes.any,\r\n};\r\n\r\nexport default withRouter(withTranslation()(SelectCurrency));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport withRouter from '../Common/withRouter';\r\nimport PropTypes from \"prop-types\";\r\n\r\n//actions\r\nimport {\r\n changeLayout,\r\n changeTopbarTheme,\r\n changeLayoutWidth,\r\n showRightSidebarAction,\r\n changeLayoutMode\r\n} from \"../../store/actions\";\r\n\r\n//redux\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\n//components\r\nimport Navbar from \"./Navbar\";\r\nimport Header from \"./Header\";\r\nimport Footer from \"./Footer\";\r\nimport RightSidebar from \"../CommonForBoth/RightSidebar\";\r\nimport { createSelector } from 'reselect';\r\n\r\nconst Layout = (props) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const layoutSelector = createSelector(\r\n state => state.Layout,\r\n layout => ({\r\n topbarTheme: layout.topbarTheme,\r\n layoutWidth: layout.layoutWidth,\r\n isPreloader: layout.isPreloader,\r\n showRightSidebar: layout.showRightSidebar,\r\n layoutModeType: layout.layoutModeType,\r\n })\r\n );\r\n const {\r\n topbarTheme,\r\n layoutWidth,\r\n isPreloader,\r\n showRightSidebar,\r\n layoutModeType\r\n } = useSelector(layoutSelector);\r\n\r\n /*\r\n document title\r\n */\r\n\r\n const pathName = useLocation();\r\n\r\n useEffect(() => {\r\n const title = pathName.pathname;\r\n let currentage = title.charAt(1).toUpperCase() + title.slice(2);\r\n\r\n document.title =\r\n currentage + \" | Crescent Exchange\";\r\n }, [pathName.pathname]);\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, []);\r\n\r\n\r\n //hides right sidebar on body click\r\n const hideRightbar = (event) => {\r\n var rightbar = document.getElementById(\"right-bar\");\r\n //if clicked in inside right bar, then do nothing\r\n if (rightbar && rightbar.contains(event.target)) {\r\n return;\r\n } else {\r\n //if clicked in outside of rightbar then fire action for hide rightbar\r\n dispatch(showRightSidebarAction(false));\r\n }\r\n };\r\n\r\n /*\r\n layout settings\r\n */\r\n useEffect(() => {\r\n dispatch(changeLayout(\"horizontal\"));\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n //init body click event fot toggle rightbar\r\n document.body.addEventListener(\"click\", hideRightbar, true);\r\n\r\n if (isPreloader === true) {\r\n document.getElementById(\"preloader\").style.display = \"block\";\r\n document.getElementById(\"status\").style.display = \"block\";\r\n\r\n setTimeout(function () {\r\n document.getElementById(\"preloader\").style.display = \"none\";\r\n document.getElementById(\"status\").style.display = \"none\";\r\n }, 2500);\r\n } else {\r\n document.getElementById(\"preloader\").style.display = \"none\";\r\n document.getElementById(\"status\").style.display = \"none\";\r\n }\r\n }, [isPreloader]);\r\n\r\n useEffect(() => {\r\n if (layoutModeType) {\r\n dispatch(changeLayoutMode(layoutModeType));\r\n }\r\n }, [dispatch, layoutModeType]);\r\n\r\n useEffect(() => {\r\n if (topbarTheme) {\r\n dispatch(changeTopbarTheme(topbarTheme));\r\n }\r\n }, [dispatch, topbarTheme]);\r\n\r\n useEffect(() => {\r\n if (layoutWidth) {\r\n dispatch(changeLayoutWidth(layoutWidth));\r\n }\r\n }, [dispatch, layoutWidth]);\r\n\r\n const [isMenuOpened, setIsMenuOpened] = useState(false);\r\n const openMenu = () => {\r\n setIsMenuOpened(!isMenuOpened);\r\n };\r\n\r\n return (\r\n \r\n {currentpath === \"/agentdashboard\" ||\r\n currentpath === \"/Add-Transaction\" ? (\r\n ({\r\n ...provided,\r\n width: \"220px\", // Custom width for your select component\r\n position: \"relative\", // Ensure it's positioned relative to its parent\r\n }),\r\n }}\r\n formatOptionLabel={({ value, label }) => (\r\n
\r\n \r\n
\r\n )}\r\n />\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {showRightSidebar ? {props.children}
\r\n \r\n \r\n \r\n {/* Render Breadcrumbs */}\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n profilevalidation.handleSubmit(e);\r\n return false;\r\n }}\r\n >\r\n \r\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 ContactsProfile;\r\n","import React, { useEffect, useState, useMemo } from \"react\";\r\nimport { Badge, Button, Card, CardBody, Row, Col, Container } from \"reactstrap\";\r\nimport TableContainer from \"../../components/Common/TableContainer\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEye, faDownload, faDollar } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { getApiData } from \"../../helpers/axiosHelper\";\r\nimport {\r\n Date,\r\n Branch,\r\n CurrencyType,\r\n CurrencyValue,\r\n AgentName,\r\n CompanyName,\r\n TransactionID,\r\n} from \"../Dashboard_Agent/Transaction/LatestTransactionCol\";\r\nimport Loader from \"../../components/Common/Loader\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { mapStatus } from \"../../common/data/statusLabels\";\r\nimport ViewLatestTransactionModel from \"../Dashboard_Agent/Transaction/ViewLatestTransactionModel\";\r\nimport { useLatestTransactions } from \"../../common/data/latest-transaction-context\";\r\nimport ReceiptModal from \"../Dashboard_Agent/Transaction/Receipt\";\r\nimport Help from \"../../components/Common/Help\";\r\nimport { formatDateToUserTimeZone } from \"../../common/date\";\r\n\r\nconst ManageAssignments = ({ orders, onGetOrders }) => {\r\n const [modal1, setModal1] = useState(false);\r\n const [transactions, setTransactions] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [editMode, setEditMode] = useState(false);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [commentData, setCommentData] = useState([]);\r\n const [beneficiaryDetails, setBeneficiaryDetails] = useState([]);\r\n\r\n const [transactionID, setTransactionID] = useState(\"\");\r\n const [fromBranchId, setBranchID] = useState(\"\");\r\n const [branchData, setBranchData] = useState(null);\r\n const [transactionData, setTransactionData] = useState([]);\r\n const [sendTransactionDetails, setSendTransactiondetails] = useState(null);\r\n const [optime, setOptime] = useState([]);\r\n const { branchId } = useLatestTransactions();\r\n const [showModal, setShowModal] = useState(false);\r\n const [receiptData, setReceiptData] = useState({});\r\n const [triggerDownload, setTriggerDownload] = useState(false);\r\n // const [agentBranchId, setAgentBranchId] = useState(null);\r\n const [currencyFlags, setCurrencyFlags] = useState({});\r\n const [isBranchActive, setIsBranchActive] = useState(true);\r\n const [chargesDetails, setChargesDetails] = useState(null);\r\n const [buyRateforCharges, setBuyRateForCharges] = useState(null);\r\n\r\n const getTransaction = async () => {\r\n // setAgentBranchId(branchId);\r\n try {\r\n setIsLoading(true);\r\n const response = await getApiData(\r\n `api/Transaction/GetTransactionOfLoggedInUser`\r\n );\r\n console.log(\"Response from API\");\r\n console.log(response);\r\n\r\n setIsLoading(false);\r\n\r\n const mapStatus = (status) =>\r\n statusLabels[status] || { label: \"Unknown\", color: \"secondary\" };\r\n\r\n const statusLabels = {\r\n 1: { label: \"Pending\", color: \"warning\" },\r\n 2: { label: \"Waiting For Requestor\", color: \"primary\" },\r\n 3: { label: \"Waiting For Approver\", color: \"primary\" },\r\n 4: { label: \"Approved\", color: \"success\" },\r\n 5: { label: \"Declined\", color: \"danger\" },\r\n 6: { label: \"User Declined\", color: \"danger\" },\r\n 7: { label: \"Cancelled\", color: \"danger\" },\r\n 8: { label: \"User Acknowledged\", color: \"info\" },\r\n 9: { label: \"User Cancelled\", color: \"info\" },\r\n 10: { label: \"Waiting For Payment\", color: \"info\" },\r\n 11: { label: \"Payment Received\", color: \"info\" },\r\n 12: { label: \"Waiting For Collection\", color: \"info\" },\r\n 13: { label: \"Cash Collected\", color: \"info\" },\r\n };\r\n\r\n // const mappedResponse = response.data.map((item, index) => ({\r\n // transactionId: item.transactionId,\r\n // fromBranchId: item.fromBranchId,\r\n // companyName: item.companyName,\r\n // index: index + 1,\r\n // name: item.name,\r\n // branch: item.branchName,\r\n // transactionType: item.transactionType,\r\n // date: formatDateToUserTimeZone(item.transactionDate),\r\n // fromCurrType: item.fromCurrType,\r\n // fromCurrValue: item.fromCurrValue,\r\n // status: mapStatus(item.status),\r\n // }));\r\n\r\n const mappedResponse = response.data.map((item, index) => ({\r\n index: index + 1,\r\n agentName: item.name,\r\n agentBranch: item.branchName,\r\n status: mapStatus(item.status),\r\n currencyType: item.fromCurrType,\r\n currencyValue: item.fromCurrValue,\r\n toCurrType: item.toCurrType,\r\n toCurrValue: item.toCurrValue,\r\n transactionID: item.transactionId,\r\n transactionDate: formatDateToUserTimeZone(item.transactionDate),\r\n transactionId: item.transactionId,\r\n fromBranchId: item.fromBranchId,\r\n companyName: item.companyName,\r\n transactionId: item.transactionId,\r\n fromBranchId: item.fromBranchId,\r\n companyName: item.companyName,\r\n index: index + 1,\r\n name: item.name,\r\n branch: item.branchName,\r\n transactionType: item.transactionType,\r\n iDandBranch: item.transactionId + \"-\" + item.branchName,\r\n date: formatDateToUserTimeZone(item.transactionDate),\r\n fromCurrType: item.fromCurrType,\r\n toCurrType: item.toCurrType,\r\n fromCurrValue: parseFloat(Number(item.fromCurrValue).toFixed(2)),\r\n toCurrValue: parseFloat(Number(item.toCurrValue).toFixed(2)),\r\n status: mapStatus(item.status),\r\n convRate: parseFloat(Number(item.exchangeRate).toFixed(8)),\r\n pickupDate:\r\n item.pickup !== null\r\n ? formatDateToUserTimeZone(item?.pickup)\r\n : \"Not mentioned\",\r\n transactingCurrency: item.toCurrType,\r\n }));\r\n\r\n setTransactionData(mappedResponse);\r\n console.log(\"Mapped Response\");\r\n\r\n console.log(mappedResponse);\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(error, {\r\n position: \"top-right\",\r\n autoClose: 3000,\r\n });\r\n }\r\n };\r\n\r\n const fetchCurrencyFlags = async () => {\r\n try {\r\n const response = await getApiData(\"api/RateMaster/GetAllCurrencies\");\r\n const flags = {};\r\n response.data.forEach((currency) => {\r\n flags[currency.currencyCode.trim()] = currency.currencyFlag;\r\n });\r\n setCurrencyFlags(flags);\r\n } catch (error) {\r\n console.error(\"Failed to load currency flags\", {\r\n position: \"top-right\",\r\n autoClose: 3000,\r\n });\r\n }\r\n };\r\n const transactionTypeMap = {\r\n 2: { label: \"Buy\", color: \"success\" },\r\n 1: { label: \"Sell\", color: \"danger\" },\r\n 3: { label: \"Transfer\", color: \"primary\" },\r\n };\r\n\r\n const handleShow = (data, download) => {\r\n setReceiptData(data);\r\n setTriggerDownload(download);\r\n setShowModal(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setShowModal(false);\r\n setTriggerDownload(false);\r\n };\r\n useEffect(() => {\r\n fetchCurrencyFlags();\r\n getTransaction();\r\n }, []);\r\n\r\n const Days = {\r\n 0: \"All Days\",\r\n 1: \"Sunday\",\r\n 2: \"Monday\",\r\n 3: \"Tuesday\",\r\n 4: \"Wednesday\",\r\n 5: \"Thursday\",\r\n 6: \"Friday\",\r\n 7: \"Saturday\",\r\n };\r\n\r\n const convertTo12HourFormat = (time24) => {\r\n const [hours, minutes] = time24.split(\":\");\r\n const meridiem = hours >= 12 ? \"PM\" : \"AM\";\r\n const hours12 = hours % 12 || 12;\r\n return `${hours12}:${minutes} ${meridiem}`;\r\n };\r\n\r\n const ViewTransactionDetails = (cellProps) => {\r\n const { transactionId, fromBranchId } = cellProps;\r\n setTransactionID(transactionId);\r\n setBranchID(fromBranchId);\r\n\r\n const getTransactionbyId = async () => {\r\n try {\r\n // Fetch transaction and branch data in parallel if they are independent\r\n const [response, branchResponse] = await Promise.all([\r\n getApiData(\r\n `api/Transaction/GetTransaction?TransactionID=${transactionId}`\r\n ),\r\n getApiData(\r\n `api/BranchMaster/GetBranchWithOperation?branchId=${fromBranchId}`\r\n ),\r\n ]);\r\n\r\n let rateHistoryId = \"\";\r\n\r\n // Determine the rateHistoryId based on transaction type\r\n if (response.transactionType === 2 && response.toRateHistoryId) {\r\n rateHistoryId = response.toRateHistoryId;\r\n } else if (\r\n response.transactionType === 1 &&\r\n response.fromRateHistoryId\r\n ) {\r\n rateHistoryId = response.fromRateHistoryId;\r\n }\r\n\r\n // Fetch charges based on the transaction type\r\n let chargesResponse = null;\r\n if (response.transactionType === 1 || response.transactionType === 2) {\r\n chargesResponse = await getApiData(\r\n `api/RateMaster/GetTransactionCharges?rateHistoryId=${rateHistoryId}`\r\n );\r\n setChargesDetails(chargesResponse.data);\r\n } else if (response.transactionType === 3) {\r\n const transferCharges = response.toRateHistoryId\r\n ? await getApiData(\r\n `api/RateMaster/GetTransactionCharges?rateHistoryId=${response.toRateHistoryId}`\r\n )\r\n : await getApiData(\r\n `api/RateMaster/GetTransactionCharges?rateHistoryId=${response.fromRateHistoryId}`\r\n );\r\n\r\n setChargesDetails(transferCharges.data);\r\n\r\n if (response.fromCurrType !== \"SGD\") {\r\n const rateResponse = await getApiData(\r\n `api/RateMaster/GetTransactionRate?fromCurr=${response.fromCurrType}`\r\n );\r\n setBuyRateForCharges(rateResponse.data.buyRate);\r\n } else {\r\n setBuyRateForCharges(null);\r\n }\r\n } else {\r\n setChargesDetails(\"\"); // Handle default case\r\n }\r\n\r\n // Check if branch is active\r\n const isBranchActive = branchResponse.data.branch.active === 1;\r\n setIsBranchActive(isBranchActive);\r\n\r\n // Map operational times to 12-hour format\r\n const mappedResponse = branchResponse.data.operationalTime.map(\r\n (item) => {\r\n const startTime12 = convertTo12HourFormat(item.startTime);\r\n const endTime12 = convertTo12HourFormat(item.endTime);\r\n return {\r\n day: Days[item.day],\r\n startTime: startTime12,\r\n endTime: endTime12,\r\n };\r\n }\r\n );\r\n\r\n // Set the state for the branch and transaction details\r\n setBranchData(branchResponse.data.branch);\r\n setOptime(mappedResponse);\r\n setSendTransactiondetails(response);\r\n setCommentData(response.comments);\r\n setBeneficiaryDetails(response.beneficiaryDetails);\r\n } catch (error) {\r\n console.error(\"Error fetching transaction data:\", error.message);\r\n // Optional: Add a user-friendly notification here (e.g., Toast)\r\n }\r\n };\r\n\r\n getTransactionbyId();\r\n toggleViewModal();\r\n };\r\n const reload = () => {\r\n getTransaction();\r\n };\r\n\r\n const toggleViewModal = () => setModal1(!modal1);\r\n const columns = useMemo(\r\n () => [\r\n {\r\n Header: \"Id-Branch\",\r\n accessor: \"iDandBranch\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n return Profile
\r\n\r\n \r\n \r\n {profilevalidation.errors.firstName}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n {profilevalidation.errors.middleName}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n {profilevalidation.errors.lastName}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n {profilevalidation.errors.email}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {profilevalidation.errors.mobile}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n profilevalidation.handleSubmit(e);\r\n return false;\r\n }}\r\n >\r\n Update\r\n \r\n {\r\n e.preventDefault();\r\n navigate(\"/agentdashboard\");\r\n }}\r\n >\r\n Close\r\n \r\n
\r\n \r\n \r\n {flagIcon1 ? (\r\n \r\n {label}\r\n \r\n {flagIcon2 ? (\r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"From Amount\",\r\n accessor: \"toCurrValue\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const { fromCurrValue, fromCurrType } = cellProps.row.original;\r\n\r\n return (\r\n \r\n {fromCurrValue} {fromCurrType}\r\n \r\n );\r\n },\r\n },\r\n {\r\n Header: \"Rate\",\r\n accessor: \"convRate\",\r\n filterable: false,\r\n disableFilters: true,\r\n },\r\n {\r\n Header: \"Converted Amount\",\r\n accessor: \"fromCurrValue\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const { toCurrValue, toCurrType } = cellProps.row.original;\r\n return (\r\n \r\n {toCurrValue} {toCurrType}\r\n \r\n );\r\n },\r\n },\r\n {\r\n Header: \"Booked Date\",\r\n accessor: \"date\",\r\n disableFilters: true,\r\n filterable: false,\r\n Cell: (cellProps) => {\r\n return \r\n {\r\n setEditMode(true);\r\n ViewTransactionDetails(cellProps.row.original);\r\n }}\r\n >\r\n handleShow(receiptData, true)}\r\n >\r\n
\r\n );\r\n },\r\n },\r\n ],\r\n [currencyFlags]\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {transactionData.length > 0 ? (\r\n \r\n \r\n My Transactions\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \r\n My Transactions\r\n
\r\n No Record's to Show
\r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Welcome Agent !
\r\nSign in to continue to Crescent Exchange.
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n {validation.errors.login}\r\n \r\n ) : null}\r\n
\r\n\r\n \r\n \r\n \r\n {validation.errors.password}\r\n \r\n ) : null}\r\n
\r\n\r\n \r\n \r\n Remember me\r\n \r\n
\r\n\r\n \r\n \r\n Log In\r\n \r\n
\r\n\r\n \r\n \r\n Register\r\n \r\n
\r\n\r\n \r\n \r\n \r\n Forgot your password? Click Here to reset\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n Login with
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Change Password
\r\nGet your Crescent Exchange account now.
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {validation.errors.oldPassword}\r\n \r\n ) : null}\r\n
\r\n\r\n \r\n \r\n \r\n {validation.errors.newPassword}\r\n \r\n ) : null}\r\n
\r\n\r\n \r\n \r\n Confirm Password{\" \"}\r\n \r\n *\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n {validation.errors.password_confirmation}\r\n
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n © {new Date().getFullYear()} Skote. Crafted with{\" \"}\r\n by Themesbrand\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Email Verification
\r\nVerify your email by OTP
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n {validation.errors.emailcode}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n Verify\r\n \r\n \r\n Send Again\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Reset Password
\r\nEnter your registered email to reset
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n \r\n \r\n Send\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {validation.errors.username}\r\n \r\n ) : null}\r\n
\r\n\r\n {/* \r\n \r\n \r\n {validation.errors.email}\r\n \r\n ) : null}\r\n
\r\n*/}\r\n \r\n
\r\n \r\n \r\n Go back to{\" \"}\r\n
© {new Date().getFullYear()} Crescent Exchange
\r\n\r\n
\r\n \r\n Who is Crescent Exchange?
\r\n\r\n
\r\n \r\n\r\n \r\n Crescent Exchange Pte. Ltd. was founded in 2019 as a money-changing company, providing convenient and reliable \r\n currency exchange services. Over the years, we have expanded our services to include remittance and online exchange services, \r\n catering to the growing needs of our customers.\r\n
\r\n\r\n At Crescent Exchange, we strive to provide secure, efficient, and cost-effective solutions for individuals and businesses alike. \r\n With our user-friendly platform, customers can easily exchange currencies, transfer funds internationally, and stay updated with \r\n the latest exchange rates.\r\n
\r\n\r\n\r\n Our team of dedicated professionals are committed to delivering exceptional service and maintaining the highest standards of \r\n integrity and security. We prioritize the trust and satisfaction of our customers, ensuring a seamless and transparent \r\n experience every step of the way.\r\n
\r\n\r\n\r\n Join Crescent Exchange today and experience the convenience and reliability of our comprehensive financial services.\r\n
\r\n\r\n\r\n
\r\n \r\n Contact Us
\r\n\r\n If you have any inquiries or require assistance, please don't hesitate to get in touch with us:\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n | Company : | \r\nCrescent Exchange Pte. Ltd. | \r\n
|---|---|
| Address : | \r\n \r\n 11 Collyer Quay, The Arcade #03-11 Singapore 049317\r\n | \r\n
| Mobile : | \r\n+65 8590 0090 | +65 9055 5575 | \r\n
| E-mail : | \r\n\r\n \r\n support@crescentexchange.com{\" \"}\r\n \r\n | \r\n
| Location : | \r\n{userProfile.location} | \r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n t_col1()\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {props.question1}
\r\n {props.answer1}
\r\n\r\n {\r\n t_col2()\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {props.question2}
\r\n {props.answer2}
\r\n\r\n {\r\n t_col3()\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {props.question3}
\r\n {props.answer3}
\r\n\r\n {\r\n t_col4()\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {props.question4}
\r\n {props.answer4}
\r\n\r\n {\r\n t_col5()\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n {props.question5}
\r\n {props.answer5}
\r\n\r\n
\r\n \r\n Frequently asked questions
\r\n\r\n \r\n \r\n \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.num}\r\n
\r\n \r\n
\r\n \r\n {props.title}\r\n
\r\n \r\n {props.subtitle}\r\n
\r\n {props.desc}
\r\n\r\n {props.features.map((feature, key) => (\r\n
\r\n \r\n \r\n {feature.desc}\r\n
\r\n ))}\r\n\r\n
\r\n \r\n Services
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {new Date().getFullYear()} © Cresent Exchange.\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n const optionGroup1 = [\r\n {\r\n label: \"From Currency\",\r\n options: [\r\n { label: \"USA - US Dollar (USD)\", value: \"USD\" },\r\n { label: \"Euro - (EUR)\", value: \"EUR\" },\r\n { label: \"United Kingdom - British Pound (GBP)\", value: \"GBP\" },\r\n ],\r\n },\r\n ];\r\n\r\n const optionGroup2 = [\r\n {\r\n label: \"To Currency\",\r\n options: [\r\n { label: \"USA - US Dollar (USD)\", value: \"USD\" },\r\n { label: \"Euro - (EUR)\", value: \"EUR\" },\r\n { label: \"United Kingdom - British Pound (GBP)\", value: \"GBP\" },\r\n ],\r\n },\r\n ];\r\n\r\n function handleMulti1(selectedMulti1) {\r\n setselectedMulti1(selectedMulti1);\r\n }\r\n function handleMulti2(selectedMulti2) {\r\n setselectedMulti2(selectedMulti2);\r\n }\r\n\r\n const routeChange = () => {\r\n let path = `/agentlogin`;\r\n navigate(path);\r\n };\r\n\r\n return (\r\n \r\n {days}\r\n Days\r\n
\r\n \r\n {hours}\r\n Hours\r\n
\r\n \r\n {minutes}\r\n Hours\r\n
\r\n \r\n {seconds}\r\n Seconds\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Welcome to Crescent Exchange\r\n
\r\n\r\n Your gateway to secure, efficient, and cost-effective\r\n solutions for individuals and businesses alike. With our\r\n user-friendly platform, customers can easily exchange\r\n currencies, transfer funds internationally, and stay updated\r\n with the latest exchange rates.\r\n
\r\n\r\n\r\n \r\n Explore Services\r\n \r\n
\r\n Cresent Exchange
\r\n\r\n
\r\n\r\n \r\n
\r\n Welcome Back !
\r\nWe make your currency conversion easy and convenient! Get the best rates here!
\r\n\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {\r\n handleMulti1();\r\n }}\r\n options={optionGroup1}\r\n className=\"select2-selection\"\r\n isLoading={true}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n handleMulti2();\r\n }}\r\n options={optionGroup2}\r\n className=\"select2-selection\"\r\n isLoading={true}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n USD
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n EUR
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n 1 AUD = 0.5765 EUR\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n *Rates are subject to change throughout the day. In-store rates vary compared to online.
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {coin.title}
\r\n{coin.value}
\r\n\r\n \r\n {/* reder card boxes */}\r\n
\r\n
\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n\r\nScrollspyNav.propTypes = {\r\n activeNavClass: PropTypes.any,\r\n children: PropTypes.any,\r\n className: PropTypes.string,\r\n headerBackground: PropTypes.any,\r\n router: PropTypes.any,\r\n scrollDuration: PropTypes.any,\r\n scrollTargetIds: PropTypes.any\r\n}\r\n\r\nexport default ScrollspyNav\r\n","import PropTypes from \"prop-types\";\r\nimport React, { useState } from \"react\";\r\nimport {\r\n Nav,\r\n NavbarToggler,\r\n NavItem,\r\n NavLink,\r\n Container,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ScrollspyNav from \"./scrollSpy\";\r\n\r\n//Import Images\r\nimport logodark from \"./../../../../../images/logo-dark.png\";\r\nimport logolight from \"./../../../../../images/logo-light.png\";\r\nimport { useEffect } from \"react\";\r\nimport { path } from \"../../../../routes/Path\";\r\n\r\nconst navItems = [\r\n { id: 1, idnm: \"home\", navheading: \"Home\" },\r\n { id: 2, idnm: \"about\", navheading: \"About\" },\r\n { id: 3, idnm: \"features\", navheading: \"Services\" },\r\n { id: 4, idnm: \"faqs\", navheading: \"FAQs\" },\r\n { id: 5, idnm: \"contact\", navheading: \"Contact\" },\r\n { id: 6, idnm: \"terms\", navheading: \"Terms\" },\r\n { id: 7, idnm: \"policy\", navheading: \"Policy\" },\r\n //{ id: 8, idnm: \"testimonial\", navheading: \"Testimonial\" },\r\n];\r\n\r\nconst Navbar_Page = (props) => {\r\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n const [isOpenMenu, setisOpenMenu] = useState(false);\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n setWindowWidth(window.innerWidth);\r\n };\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n }, []);\r\n\r\n //Store all NavigationbaFr Id into TargetID variable(Used for Scrollspy)\r\n let TargetId = navItems.map((item) => {\r\n return item.idnm;\r\n });\r\n\r\n return (\r\n \r\n \r\n Sign in\r\n \r\n
\r\n \r\n
\r\n \r\n Privacy Policy
\r\n\r\n 1. We collect and process personal information necessary for the provision of money-changing and remittance services.\r\n
\r\n\r\n\r\n
\r\n \r\n 2. Your personal information will be used solely for the purpose of processing your transactions and complying with legal obligations.\r\n
\r\n\r\n 3. We implement appropriate security measures to protect your personal information from unauthorized access or disclosure.\r\n
\r\n\r\n\r\n 4. We do not sell, rent, or disclose your personal information to third parties for marketing purposes.\r\n
\r\n\r\n\r\n 5. By using our services, you consent to the collection, use, and storage of your personal information as described in this Privacy Policy.\r\n
\r\n\r\n\r\n
\r\n \r\n Terms of Service
\r\n\r\n
\r\n \r\n 1. By using our money-changing and remittance services, you agree to comply with the following terms and conditions.\r\n
\r\n\r\n 2. We reserve the right to modify or terminate our services at any time without prior notice.\r\n
\r\n\r\n 3. You are responsible for providing accurate and up-to-date information during the registration and transaction process.\r\n
\r\n\r\n\r\n 4. Our services are subject to applicable laws and regulations regarding money-changing and remittance.\r\n
\r\n\r\n\r\n 5. The exchange rates provided are based on real-time market conditions and may be subject to fluctuations.\r\n
\r\n\r\n\r\n 6. We strive to ensure the security and confidentiality of your personal information as outlined in our Privacy Policy.\r\n
\r\n\r\n
\r\n \r\n Testimonials
\r\n Testimonials / Case Studies
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {startGoogleSignIn && (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Registration
\r\n\r\n Get your Crescent Exchange Overseas Agent account now.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n {validation.errors.email}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {validation.errors.firstName}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {validation.errors.lastName}\r\n \r\n ) : null}\r\n
\r\n \r\n\r\n \r\n \r\n \r\n {validation.errors.password}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {validation.errors.password_confirmation}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {validation.errors.mobile}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {validation.errors.companyCode}\r\n \r\n ) : null}\r\n
\r\n \r\n\r\n \r\n \r\n {validation.errors.policy}\r\n
\r\n ) : null}\r\n \r\n
of Crescent Exchange{\" \"}\r\n \r\n Terms of Use\r\n \r\n
\r\n \r\n Register\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Sign in with Google\r\n \r\n )}\r\n \r\n
\r\n
\r\n \r\n Register with
\r\n {modal_filter && (\r\n\r\n \r\n Please Enter the Company Code\r\n \r\n ) : null}\r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Already have an account?{\" \"}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Reset Password
\r\nYou're about to change your account password.
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n validation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n
\r\n \r\n \r\n *\r\n \r\n {validation.errors.password}\r\n \r\n ) : null}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n
\r\n {validation.errors.password_confirmation}
\r\n \r\n \r\n {isLoading ? \"Changing.... \" : \"Change\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Remember password ? Go back to{\" \"}\r\n \r\n {\" \"}\r\n LOGIN\r\n {\" \"}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Success !
\r\nEmail link sent.
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Link has been sent successfully.\r\n
You can leave the page.\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n Login\r\n {\" \"}\r\n
\r\n© {new Date().getFullYear()} Crescent Exchange
\r\n\r\n
\r\n {(editMode === 2 || editMode === 3) && (\r\n \r\n
\r\n\r\n - \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n beneficiaryValidation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n \r\n \r\n {beneficiaryValidation.errors.beneficiaryName}\r\n \r\n ) : null}\r\n \r\n {/* \r\n \r\n \r\n {beneficiaryValidation.errors.dob}\r\n \r\n ) : null}\r\n \r\n */}\r\n
\r\n \r\n \r\n\r\n \r\n {\r\n e.preventDefault();\r\n bankValidation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {accType.map((index) => (\r\n \r\n ))}\r\n \r\n {bankValidation.errors.accountType &&\r\n bankValidation.touched.accountType && (\r\n \r\n {bankValidation.errors.accountType}\r\n \r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n {bankValidation.errors.bankName}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {bankValidation.errors.accountNumber}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {bankValidation.errors.swift}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {bankValidation.errors.other}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {bankValidation.errors.bankAddress}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n\r\n \r\n {\r\n e.preventDefault();\r\n addressValidation.handleSubmit();\r\n return false;\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n addressValidation.setFieldValue(\r\n \"nationality\",\r\n selectedOption\r\n )\r\n }\r\n onBlur={addressValidation.handleBlur}\r\n invalid={\r\n addressValidation.touched.nationality &&\r\n addressValidation.errors.nationality\r\n ? true\r\n : false\r\n }\r\n />\r\n {addressValidation.errors.nationality &&\r\n addressValidation.touched.nationality ? (\r\n \r\n {addressValidation.errors.nationality}\r\n \r\n ) : null}\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {documentData?.length > 0 ? (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {beneficiaryValidation.errors.email}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {beneficiaryValidation.errors.mobile}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {beneficiaryValidation.errors.nationalId}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n ({\r\n value: currency.currencyId,\r\n label: currency.currencyName,\r\n currencyCode: currency.currencyCode,\r\n }))}\r\n value={\r\n createBenFor\r\n ? currencies\r\n ?.map((currency) => ({\r\n value: currency.currencyId,\r\n label: currency.currencyName,\r\n currencyCode: currency.currencyCode,\r\n }))\r\n .find(\r\n (option) =>\r\n option.currencyCode === createBenFor\r\n ) || null\r\n : currencies\r\n ?.map((currency) => ({\r\n value: currency.currencyId,\r\n label: currency.currencyName,\r\n }))\r\n .find(\r\n (option) =>\r\n option.value ===\r\n beneficiaryValidation.values\r\n .currencyId\r\n ) || null\r\n }\r\n onBlur={beneficiaryValidation.handleBlur}\r\n onChange={(selectedOption) =>\r\n beneficiaryValidation.setFieldValue(\r\n \"currencyId\",\r\n selectedOption ? selectedOption.value : \"\"\r\n )\r\n }\r\n className={\r\n beneficiaryValidation.touched.currencyId &&\r\n beneficiaryValidation.errors.currencyId\r\n ? \"is-invalid\"\r\n : \"\"\r\n }\r\n />\r\n \r\n\r\n {beneficiaryValidation.touched.currencyId &&\r\n beneficiaryValidation.errors.currencyId ? (\r\n \r\n {beneficiaryValidation.errors.currencyId}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {addressValidation.errors.street}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {addressValidation.errors.city}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {addressValidation.errors.state}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {addressValidation.errors.country}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {addressValidation.errors.postalcode}\r\n \r\n ) : null}\r\n
\r\n \r\n | No | \r\nDocument Type | \r\nDocument Name | \r\nView Details | \r\n
|---|---|---|---|
| {index + 1} | \r\n{getDocumentType(arr.documentType)} | \r\n{arr.documentName} | \r\n\r\n | \r\n
No document to show
\r\n\r\n {\r\n setModal1(false);\r\n }}\r\n className=\"close\"\r\n data-dismiss=\"modal\"\r\n aria-label=\"Close\"\r\n >\r\n ×\r\n \r\n
\r\n \r\n {viewDocName}\r\n
\r\n\r\n {\r\n documentValidation.resetForm();\r\n setmodal_standard(false);\r\n return false;\r\n }}\r\n className=\"close\"\r\n data-dismiss=\"modal\"\r\n aria-label=\"Close\"\r\n >\r\n ×\r\n \r\n
\r\n \r\n Manage Documents\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {documentValidation.touched\r\n .documentType &&\r\n documentValidation.errors.documentType ? (\r\n \r\n {\r\n documentValidation.errors\r\n .documentType\r\n }\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n documentValidation.errors\r\n .documentName\r\n }\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleFileChange(e);\r\n documentValidation.handleChange(e);\r\n }}\r\n onBlur={documentValidation.handleBlur}\r\n invalid={\r\n documentValidation.touched.document &&\r\n documentValidation.errors.document\r\n ? true\r\n : false\r\n }\r\n />\r\n {documentValidation.touched.document &&\r\n documentValidation.errors.document ? (\r\n \r\n {documentValidation.errors.document}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {isAddingDoc ? \"Submiting Document...\" : \"Submit\"}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setIsDraft(true);\r\n // beneficiaryValidation.setFieldValue(\"status\", 0);\r\n beneficiaryValidation.handleSubmit();\r\n }}\r\n >\r\n Draft\r\n \r\n
\r\n )}\r\n\r\n \r\n {\r\n console.log(\"Previous Tab\");\r\n toggleTab(activeTab - 1);\r\n }}\r\n >\r\n {\r\n toggleTab(activeTab + 1);\r\n }}\r\n >\r\n {\r\n beneficiaryValidation.setFieldValue(\"status\", 1);\r\n beneficiaryValidation.handleSubmit();\r\n }}\r\n >\r\n {saving ? \"Saving. . . .\" : \"Save\"}\r\n \r\n )}\r\n\r\n {editMode === 3 && activeTab === 2 && (\r\n {\r\n bankValidation.setFieldValue(\"status\", 2);\r\n bankValidation.handleSubmit();\r\n }}\r\n >\r\n {saving ? \"Saving. . . .\" : \"Save\"}\r\n \r\n )}\r\n\r\n {editMode === 3 && activeTab === 3 && (\r\n \r\n {saving ? \"Saving. . . .\" : \"Save\"}\r\n \r\n )}\r\n\r\n {editMode === 2 && activeTab === 1 && (\r\n \r\n {saving ? \"Updating. . . .\" : \"Update Beneficiary\"}\r\n \r\n )}\r\n\r\n {editMode === 2 && activeTab === 2 && (\r\n {\r\n // bankValidation.setFieldValue(\"status\", 2);\r\n bankValidation.handleSubmit();\r\n }}\r\n >\r\n {saving ? \"Updating. . . .\" : \"Update Bank\"}\r\n \r\n )}\r\n\r\n {editMode === 2 && activeTab === 3 && (\r\n \r\n {saving ? \"Updating. . . .\" : \"Update Address\"}\r\n \r\n )}\r\n\r\n {activeTab === 4 && (\r\n \r\n )}\r\n
\r\n \r\n {beneficiaryName}\r\n {isMyAccount === true && (\r\n Own\r\n )}\r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"Status\",\r\n accessor: \"status\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const status = cellProps.value || \"\";\r\n let badgeColor = \"\";\r\n\r\n switch (status) {\r\n case \"draft\":\r\n badgeColor = \"bg-primary\";\r\n break;\r\n case \"inComplete\":\r\n badgeColor = \"bg-danger\";\r\n break;\r\n case \"complete\":\r\n badgeColor = \"bg-success\";\r\n break;\r\n default:\r\n badgeColor = \"bg-secondary\";\r\n break;\r\n }\r\n\r\n return (\r\n \r\n \r\n {status.charAt(0).toUpperCase() + status.slice(1)}\r\n \r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"Currency\",\r\n accessor: \"currencyName\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const currencyName = cellProps.value; // Get the currency name from the cell\r\n const flagImage = currencyFlags[currencyName]; // Get the flag image using currencyName\r\n\r\n return (\r\n \r\n {flagImage && (\r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"Action\",\r\n disableFilters: true,\r\n accessor: \"action\",\r\n Cell: (cellProps) => {\r\n const { active } = cellProps.row.original;\r\n\r\n return (\r\n <>\r\n {active === \"inActive\" ? (\r\n \r\n \r\n {/* \r\n \r\n \r\n Beneficiary Details\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Beneficiary Details\r\n
\r\n \r\n \r\n {\r\n setSendBeneficiaryDetails(null);\r\n setSendBeneficiaryAddress(null);\r\n setDocumentData([]);\r\n setEditMode(3);\r\n toggleAddModal();\r\n }}\r\n >\r\n + Add Beneficiary\r\n \r\n
\r\n {beneficiaryData.length > 0 ? (\r\n No Beneficiaries to Show
\r\n\r\n {branchName}\r\n {boolMainBranch === true && (\r\n Main\r\n )}\r\n
\r\n );\r\n },\r\n // Cell: (cellProps) => {\r\n // return \r\n \r\n {\r\n tog_addBranch();\r\n }}\r\n name=\"Add Branch\"\r\n onClosed={() => createvalidation.resetForm()}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n Branch Details{\" \"}\r\n
\r\n {/* */}\r\n {\r\n setmodal_addBranch(false);\r\n }}\r\n className=\"close\"\r\n data-dismiss=\"modal\"\r\n aria-label=\"Close\"\r\n >\r\n ×\r\n \r\n {/*
*/}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {/*end of add branch-Mangai*/}\r\n\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n createvalidation.handleSubmit(e);\r\n return false;\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n createvalidation.handleSubmit(e);\r\n return false;\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {createvalidation.errors.branchName}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n {\" \"}\r\n {/* Move label to right */}\r\n {\r\n setIsMainBranch(!isMainBranch);\r\n }}\r\n //value={createvalidation.values.isMainBranch}\r\n defaultChecked={isMainBranch}\r\n />\r\n Main Branch\r\n \r\n {/* */}\r\n {createvalidation.touched.isMainBranch &&\r\n createvalidation.errors.isMainBranch ? (\r\n \r\n {createvalidation.errors.isMainBranch}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {createvalidation.errors.street}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {createvalidation.errors.city}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {createvalidation.errors.state}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {createvalidation.errors.country}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n {createvalidation.errors.postalCode}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n {isAgentSuperAdmin ? (\r\n Branch Details
\r\n\r\n {\r\n setIsMainBranch(false);\r\n setViewFlag(false);\r\n setViewBranchData({});\r\n setViewOpData([]);\r\n tog_addBranch();\r\n }}\r\n className=\"btn btn-primary\"\r\n data-toggle=\"modal\"\r\n data-target=\"#myModal\"\r\n >\r\n Add New Branch\r\n \r\n
\r\n ) : null}\r\n {isLoading ? (\r\n Loading...
\r\n ) : (\r\n\r\n \r\n
\r\n {\r\n timeValidation.values.operationalTimes.map((item, index) => (\r\n \r\n
\r\n ))\r\n }\r\n\r\n
\r\n )\r\n}\r\nexport default OperationsData\r\n\r\n\r\n","import React, { useState, useEffect, useContext, useMemo } from \"react\";\r\nimport {\r\n Col,\r\n Card,\r\n Modal,\r\n ModalBody,\r\n ModalHeader,\r\n CardBody,\r\n Row,\r\n Dropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Tooltip,\r\n Badge,\r\n} from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n faQuestionCircle,\r\n faGlobe,\r\n faDollarSign,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport ReactSelect from \"react-select\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport TransferForm from \"./TransferForm\";\r\nimport { getApiData } from \"../../helpers/axiosHelper\";\r\nimport { BaseCurrencyContext } from \"../../common/data/context\";\r\nimport Loader from \"../../components/Common/Loader\";\r\nimport BuyForm from \"./BuyForm\";\r\nimport SellForm from \"./SellForm\";\r\nimport DashboardTransfer from \"./DashboardTransfer\";\r\n\r\nconst CurrencyCard = ({\r\n rate,\r\n onAddClick,\r\n currencyIcon,\r\n globalTransferData,\r\n}) => {\r\n const [isDropdownOpen, setIsDropdownOpen] = useState(false);\r\n const [branchAnalysisData, setBranchAnalysisData] = useState([]);\r\n const toggleDropdown = () => setIsDropdownOpen(!isDropdownOpen);\r\n\r\n const rates = [\r\n { type: \"Buy\", value: rate.sellRate, rateType: 2 },\r\n { type: \"Sell\", value: rate.buyRate, rateType: 1 },\r\n ];\r\n\r\n const rateTypeMapping = {\r\n 2: { color: \"success\", text: \"Buy\" },\r\n 1: { color: \"danger\", text: \"Sell\" },\r\n };\r\n\r\n const transferData = globalTransferData?.find(\r\n (item) => item.currencyCode === rate.currencyCode\r\n );\r\n const transferRate = transferData ? parseFloat(transferData.rate) : null;\r\n const isTransferAvailable = transferRate !== null && transferRate > 0;\r\n\r\n useEffect(() => {\r\n const fetchBranchAnalysis = async () => {\r\n if (rate.globalIcon && rate.currencyCode !== \"SGD\") {\r\n try {\r\n const response = await getApiData(\r\n `api/BranchMaster/GetBranchsAnalizes?currencyCode=${rate.currencyCode}`\r\n );\r\n setBranchAnalysisData(response);\r\n } catch (error) {\r\n console.error(\"Error fetching branch analysis data:\", error);\r\n }\r\n }\r\n };\r\n\r\n fetchBranchAnalysis();\r\n }, [rate.globalIcon, rate.currencyCode]);\r\n\r\n const isBuyEnabled = branchAnalysisData.some(\r\n (branch) => !branch.activeRS && branch.isStock\r\n );\r\n const isSellEnabled = branchAnalysisData.some((branch) => !branch.activeRS);\r\n\r\n return (\r\n \r\n \r\n {\r\n handleCheckboxChange(event, index, !timeValidation.values.operationalTimes[index].selected)\r\n }}\r\n checked={timeValidation.values.operationalTimes[index].selected}\r\n disabled={timeValidation.values.operationalTimes[index].disabled}\r\n />\r\n {item.name}\r\n
\r\n\r\n \r\n \r\n handleDataChange(event, index, 'startTime')}\r\n onBlur={timeValidation.handleBlur}\r\n invalid={\r\n (timeValidation.errors.operationalTimes && timeValidation.errors.operationalTimes[index] && timeValidation.errors.operationalTimes[index].startTime) ? true : false\r\n }\r\n />\r\n {(timeValidation.errors.operationalTimes && timeValidation.errors.operationalTimes[index] && timeValidation.errors.operationalTimes[index].startTime) ? (\r\n {timeValidation.errors.operationalTimes[index].startTime} \r\n ):null}\r\n\r\n
\r\n \r\n \r\n handleDataChange(event, index, 'endTime')}\r\n onBlur={timeValidation.handleBlur}\r\n invalid={\r\n (timeValidation.errors.operationalTimes && timeValidation.errors.operationalTimes[index] && timeValidation.errors.operationalTimes[index].endTime) ? true : false\r\n } />\r\n {(timeValidation.errors.operationalTimes && timeValidation.errors.operationalTimes[index] && timeValidation.errors.operationalTimes[index].endTime) ? (\r\n {timeValidation.errors.operationalTimes[index].endTime} \r\n ):null}\r\n
\r\n \r\n Branch - {rate.branchName}
\r\n\r\n\r\n {rate.globalIcon && (\r\n
\r\n\r\n {value !== null ? value : \"N/A\"}
\r\n \r\n );\r\n })}\r\n\r\n {isTransferAvailable ? transferRate : \"N/A\"}\r\n
\r\n \r\n\r\n \r\n Transfer\r\n \r\n
\r\n )}\r\n\r\n \r\n {rate.currencyCode !== \"SGD\" ? (\r\n \r\n \r\n \r\n \r\n onAddClick(rate, 2)}\r\n disabled={\r\n rate.globalIcon\r\n ? !isBuyEnabled\r\n : !(parseFloat(rate.sellRate) > 0) || !rate.sellStock\r\n }\r\n >\r\n Buy\r\n \r\n onAddClick(rate, 1)}\r\n disabled={\r\n rate.globalIcon\r\n ? !isSellEnabled\r\n : !(parseFloat(rate.buyRate) > 0)\r\n }\r\n >\r\n Sell\r\n \r\n onAddClick(rate, 3)}\r\n disabled={!isTransferAvailable}\r\n >\r\n Transfer\r\n \r\n \r\n \r\n ) : (\r\n onAddClick(rate, 3)}\r\n >\r\n Transfer\r\n \r\n )}\r\n
\r\n Book Transaction
\r\n \r\n\r\n
\r\n )}\r\n />\r\n )}\r\n \r\n \r\n No rate sheet available to initiate transaction\r\n
\r\n ) : (\r\n // filteredRates.map((rate, idx) => {\r\n filteredRates\r\n .filter((x) => x.currencyCode !== \"SGD\")\r\n .map((rate, idx) => {\r\n return (\r\n\r\n setTooltipOpen(!tooltipOpen)}\r\n >\r\n Help\r\n \r\n
*/}\r\n {isLoading ? (\r\n \r\n
\r\n \r\n
\r\n {props.data.label}
\r\n \r\n {props.data.address}\r\n
\r\n {props.data.availableAmount}
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n Loading...
{/* The loading message */}\r\n\r\n Add Transaction\r\n
\r\n {isLoading ? (\r\n Loading...
\r\n ) : (\r\n <>\r\n \r\n\r\n\r\n {displayFlag(currencyFlag1)}\r\n {` ${fromCurrType}`} \r\n \r\n {label}\r\n \r\n\r\n {displayFlag(currencyFlag2)}\r\n {` ${toCurrType}`}\r\n
\r\n );\r\n },\r\n },\r\n {\r\n Header: \"From Amount\",\r\n accessor: \"toCurrValue\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const { fromCurrValue, fromCurrType } = cellProps.row.original;\r\n\r\n return (\r\n \r\n {fromCurrValue} {fromCurrType}\r\n \r\n );\r\n },\r\n },\r\n {\r\n Header: \"Rate\",\r\n accessor: \"convRate\",\r\n filterable: false,\r\n disableFilters: true,\r\n },\r\n {\r\n Header: \"Converted Amount\",\r\n accessor: \"fromCurrValue\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: (cellProps) => {\r\n const { toCurrValue, toCurrType } = cellProps.row.original;\r\n return (\r\n \r\n {toCurrValue} {toCurrType}\r\n \r\n );\r\n },\r\n },\r\n {\r\n Header: \"Booked Date\",\r\n accessor: \"date\",\r\n disableFilters: true,\r\n filterable: false,\r\n },\r\n {\r\n Header: \"Pickup Date\",\r\n accessor: \"pickup\",\r\n disableFilters: true,\r\n Cell: ({ value }) => {\r\n return value ? value : \"Not mentioned\";\r\n },\r\n },\r\n {\r\n Header: \"Status\",\r\n accessor: \"status\",\r\n filterable: false,\r\n disableFilters: true,\r\n Cell: ({ row }) => (\r\n \r\n {modal1 && (\r\n \r\n \r\n \r\n \r\n \r\n Manage Transactions\r\n
\r\n {transactionData.length > 0 ? (\r\n \r\n
\r\n ) : (\r\n