\r\n (option ? option.value : null)}\r\n options={salutationOptions}\r\n key={currentLanguage}\r\n searchable={false}\r\n disabled={submitting}\r\n component={SelectField}\r\n label={translate(\"_shared.form.label._salutation\")}\r\n className=\"mb-4\"\r\n />\r\n
\r\n
\r\n\r\n \r\n The email is used for password retrieval. Please make sure that it’s\r\n a valid one.\r\n
\r\n \r\n\r\n
\r\n\r\n {this.state.showOTP && (\r\n \r\n (option ? option.value : null)}\r\n options={countryCodes}\r\n value={countryCode}\r\n disabled={submitting}\r\n required={true}\r\n hideLabel={true}\r\n component={SelectField}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n GET OTP\r\n \r\n
\r\n \r\n {\r\n this.setState({ otp: otp });\r\n this.props.onChangeOTP(otp);\r\n }}\r\n numInputs={6}\r\n inputStyle=\"input-otp\"\r\n containerStyle=\"mb-2\"\r\n value={this.state.otp}\r\n />\r\n
\r\n )}\r\n Enter OTP sent to your mobile*
\r\nBirthday*
\r\n\r\n (option ? option.value : null)}\r\n options={genderCodes}\r\n key={currentLanguage}\r\n searchable={false}\r\n value={gender}\r\n component={SelectField}\r\n label={translate(\"_shared.form.label._genderCode\")}\r\n className=\"mb-4\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n Password must:
\r\n\r\n
\r\n \r\n \r\n By signing up as a &Rewards member, I agree to the\r\n \r\n {\" \"}\r\n Privacy Policy{\" \"}\r\n \r\n and\r\n \r\n {\" \"}\r\n Terms & Conditions{\" \"}\r\n \r\n of the site.\r\n \r\n }\r\n />\r\n
\r\n \r\n
\r\n By selecting the options below, I agree to give consensus to receive\r\n information, news, offers and promotions from RE&S via:\r\n
\r\n\r\n
\r\n \r\n
\r\n {error && (\r\n \r\n {error}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst styleTncAgree = {\r\n fontSize: \"0.8rem\"\r\n};\r\n\r\nSignUpForm.propTypes = {\r\n handleSubmit: PropTypes.func.isRequired,\r\n translate: PropTypes.func.isRequired,\r\n invalid: PropTypes.bool.isRequired,\r\n submitting: PropTypes.bool.isRequired\r\n};\r\n\r\nconst selector = formValueSelector(\"sign-up\");\r\n\r\nconst mapStateToProps = state => ({\r\n translate: getTranslate(state.locale),\r\n currentLanguage: getActiveLanguage(state.locale).code,\r\n mobile: selector(state, \"mobile\"),\r\n countryCode: selector(state, \"countryCode\"),\r\n activeBtnOTP: state.otp.activeBtn,\r\n countryCodes: state.systemCodes.countryCodes,\r\n genderCodes: state.systemCodes.genderCodes\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n getSysCodeOptions: bindActionCreators(getSysCodeOptions, dispatch)\r\n});\r\n\r\nexport default reduxForm({\r\n form: formId, // a unique identifier for this form\r\n validate,\r\n enableReinitialize: true,\r\n destroyOnUnmount: false\r\n})(connect(mapStateToProps, mapDispatchToProps)(SignUpForm));\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAsxJREFUaIHVml9u2kAQxn/joPQxvkHJDVwpAd7CEXKDJCcIOUGSG9AThJwAblAeKVQq3IDegOQRqZ4+GNtrgkVg1134JMv2Cs18n/fPzO4gGNBLIuCGgAho4wZDYh5kwtSRvQIkfdAm9yjPCGfOvSgLlpzLlIVr0wGANukA3Yy8OvYihJw669ECatqiTsxT3hck/eJKRGo3dv/1AWoonY3DRjb8el8oM/nF0KHFDDWUKPviJmllBk6+2pAlXQd2NkK0aQyWVIQykzFRVU5dIihpr2S8VoEyAUeDmk/nekGbgCsAAl5lxHxXG94EaINrhH7WEPOgl7R3jdg+h9Bj4U04Qxiu0plPw6eA88JbsgLuLMKngAGQR/w8Fu0kwp+AJR2UWSFtMUUE/NZLbreZ8SZApixY0i4VARDwsk2E1zjgQoT3QGYrwrsAsBNxEAJgfxHWkVhb1PnLV1s7GYRHlB5CmGXHZrqfiEAm9MBSgDa4Ruk770cx7mUiGixkzMDWdZIOuN5Dmyjf6r6A7RyQVbR0uf3c7jO9h9qibicg2Xb+X2h2f5MRc9sh9GTLZyt07Tnv7VuwnMQyZqAtzomJwNEeWgiBe6BI2HyOuZNJkgxaL6OrXdScNLu0gEaEnPJj4ylJkXwvbT6YQGaQjz6QT7FGHg5EwL7k4QAE2JAHzwJsyYNHAS7Ig89zoS/0wY48eBKgLeroql6wTl55B27SdX4bvAwhGTFHeQOS9T5PD95RrmT8+ZjibxIrHcBMlRPyO57MeZsDMqGnF8w54RplQUDvqM5GAVZVG6vKjfdAZosyAe5LrRVBtMEQ4cooL6X3KeKgUhMz5YTv+4zvz0C0SZc0/4bicYYrVFrojteinXkCYHvlNkNq1RQNg9W6+5C1mD1gexU8EVYiAEB+0kV5zohX46mSP3tkq5CMeSLmG8qr49OGP8TcVTWJjx7/AFKqI6sQYyxfAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbBJREFUeNrMlz1OwzAYhp9sHYPETnqDVmKnPUHLCSgnIJwA9wQtN8jI2BuQI3RlokgMbOQASGF5g0wUEjtJG14pslJ9jh/b31+DPM8ZUsHgAB62S+ABiIAtsK4y8t2QK0AIvAKPwB5IgFjjSQBmwLNlnwAHwAwFYErj0QFiYAPsdB0AGXCr8WgASy0cAS/Ak36/Ai6Br7JD9glg5PVrLZJV2Kxk9wnMCxsfiKDmyI1OIHWIkNSC6AwQKeSudeeuYVqEp+kKkOiDS8+ktpK/jH2uogog99y9rUwgu7YA5Xj3VarHdAGwY91XBpgU19cWwGhsCzAr5g8O4JKc/h1ArPsbDKDyAx6KgRtg2hbgVxi1UBHGZ3btcAUIrXye0l5ZuVtyBTDKYlHHPtOoXM99AIqe776qz/NUqHbt5xRcABJlsElP3baxnDFrAigcZ6qS2pcOLuU50KIXDYuHwAj40PsIOAfea+ZEesZ5nh/qAGKH4rPSjlIL6E7/E7KGuUkTgGuZ3ak3tEN2LLBa+SSiv7QFFlbjuZHPODltHwChHGqh9zfVjP2pAGyQyDda6gC+BwCe+MLBcu79tgAAAABJRU5ErkJggg==\"","import React from \"react\";\r\n\r\nconst Loading = props => {\r\n if (props.error) {\r\n return (\r\n \r\n New content is available, please refresh.
\r\n (window.location.href = window.location.href)}\r\n >\r\n Refresh\r\n \r\n
\r\n );\r\n } else if (props.timedOut) {\r\n return (\r\n \r\n
\r\n Taking a long time...\r\n
\r\n (window.location.href = window.location.href)}\r\n >\r\n Retry\r\n \r\n
\r\n );\r\n } else if (props.pastDelay) {\r\n return \r\n
Loading...
;\r\n } else {\r\n return null;\r\n }\r\n};\r\nexport default Loading;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Translate } from \"react-localize-redux\";\r\n\r\nimport Spinner from \"./Spinner\";\r\n\r\nconst Wrapper = props => {\r\n const { isFetching, errorMessage, children, data } = props;\r\n\r\n if (errorMessage)\r\n return (\r\n \r\n
\r\n );\r\n\r\n if (!!isFetching)\r\n return (\r\n {errorMessage}
\r\n\r\n\r\n \r\n {(translate, activeLanguage) => (\r\n \r\n {translate(\"_Back\")}\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n if (typeof children === \"function\") {\r\n const component = children(data);\r\n return component;\r\n }\r\n\r\n return children;\r\n};\r\n\r\nWrapper.defaultProps = {\r\n isFetching: true,\r\n errorMessage: \"\"\r\n};\r\n\r\nWrapper.protoTypes = {\r\n isFetching: PropTypes.bool.isRequired,\r\n errorMessage: PropTypes.string,\r\n children: PropTypes.node.isRequired,\r\n data: PropTypes.object\r\n};\r\n\r\nexport default Wrapper;\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { startSubmit, reset } from \"redux-form\";\r\n\r\nimport { showMessageModal } from \"./Modal\";\r\nimport {\r\n arrayToObject,\r\n removeProperty,\r\n objectToArray\r\n} from \"../../helpers/utility\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\nimport { getToken } from \"./XsrfToken\";\r\n\r\nexport const FETCH_CARDS = \"FETCH_CARDS\";\r\nexport const FETCH_CARDS_REQUEST = \"FETCH_CARDS_REQUEST\";\r\nexport const FETCH_CARDS_SUCCESS = \"FETCH_CARDS_SUCCESS\";\r\nexport const FETCH_CARDS_FAILURE = \"FETCH_CARDS_FAILURE\";\r\n\r\nexport const SET_DEFAULT_CARD = \"SET_DEFAULT_CARD\";\r\nexport const SET_DEFAULT_CARD_REQUEST = \"SET_DEFAULT_CARD_REQUEST\";\r\nexport const SET_DEFAULT_CARD_SUCCESS = \"SET_DEFAULT_CARD_SUCCESS\";\r\nexport const SET_DEFAULT_CARD_FAILURE = \"SET_DEFAULT_CARD_FAILURE\";\r\n\r\nexport const REMOVE_CARD = \"REMOVE_CARD\";\r\nexport const REMOVE_CARD_REQUEST = \"REMOVE_CARD_REQUEST\";\r\nexport const REMOVE_CARD_SUCCESS = \"REMOVE_CARD_SUCCESS\";\r\nexport const REMOVE_CARD_FAILURE = \"REMOVE_CARD_FAILURE\";\r\n\r\nexport const REPORT_LOST = \"REPORT_LOST\";\r\nexport const REPORT_LOST_REQUEST = \"REPORT_LOST_REQUEST\";\r\nexport const REPORT_LOST_SUCCESS = \"REPORT_LOST_SUCCESS\";\r\nexport const REPORT_LOST_FAILURE = \"REPORT_LOST_FAILURE\";\r\n\r\nexport const ADD_CARD = \"ADD_CARD\";\r\nexport const ADD_CARD_REQUEST = \"ADD_CARD_REQUEST\";\r\nexport const ADD_CARD_SUCCESS = \"ADD_CARD_SUCCESS\";\r\nexport const ADD_CARD_FAILURE = \"ADD_CARD_FAILURE\";\r\n\r\nexport const UPDATE_CARD = \"UPDATE_CARD\";\r\nexport const UPDATE_CARD_REQUEST = \"UPDATE_CARD_REQUEST\";\r\nexport const UPDATE_CARD_SUCCESS = \"UPDATE_CARD_SUCCESS\";\r\nexport const UPDATE_CARD_FAILURE = \"UPDATE_CARD_FAILURE\";\r\n\r\nexport const TRANSFER_BALANCE = \"TRANSFER_BALANCE\";\r\nexport const TRANSFER_BALANCE_REQUEST = \"TRANSFER_BALANCE_REQUEST\";\r\nexport const TRANSFER_BALANCE_SUCCESS = \"TRANSFER_BALANCE_SUCCESS\";\r\nexport const TRANSFER_BALANCE_FAILURE = \"TRANSFER_BALANCE_FAILURE\";\r\n\r\nexport const GET_CARD_DETAILS = \"GET_CARD_DETAIL\";\r\nexport const GET_CARD_DETAILS_REQUEST = \"GET_CARD_DETAIL_REQUEST\";\r\nexport const GET_CARD_DETAILS_SUCCESS = \"GET_CARD_DETAIL_SUCCESS\";\r\nexport const GET_CARD_DETAILS_FAILURE = \"GET_CARD_DETAIL_FAILURE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n};\r\n\r\nexport const loadingDefaultCardSelector = createLoadingSelector([FETCH_CARDS]);\r\nexport const setDefaultCard = (values, setDefaultCardFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = loadingDefaultCardSelector(getState());\r\n if (!values || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(setDefaultCardFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n SET_DEFAULT_CARD_REQUEST,\r\n SET_DEFAULT_CARD_SUCCESS,\r\n SET_DEFAULT_CARD_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(`api/card/setDefaultCard`, values, config),\r\n payload: { values, formId: setDefaultCardFormId }\r\n })\r\n )\r\n .then(resp => {\r\n const { successMessage } = getState().card;\r\n if (successMessage) return dispatch(showMessageModal(successMessage));\r\n return resp;\r\n });\r\n};\r\n\r\nexport const loadingCardsSelector = createLoadingSelector([FETCH_CARDS]);\r\nexport const fetchCards = () => dispatch => {\r\n return dispatch({\r\n types: [FETCH_CARDS_REQUEST, FETCH_CARDS_SUCCESS, FETCH_CARDS_FAILURE],\r\n callAPI: config => apiClient.get(`Card/GetCardList/1`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const getCardOptions = () => (dispatch, getState) => {\r\n return dispatch(fetchCards()).then(resp => {\r\n const cards = getState().card.data;\r\n\r\n if (cards) {\r\n const cardOptions = objectToArray(cards).reduce((options, card) => {\r\n options.push({\r\n value: card.cardNo,\r\n label: card.cardNo\r\n });\r\n return options;\r\n }, []);\r\n\r\n return { options: cardOptions };\r\n }\r\n });\r\n};\r\n\r\nexport const updatingCardsSelector = createLoadingSelector([UPDATE_CARD]);\r\nexport const updateCard = (values, editCardFormId) => (dispatch, getState) => {\r\n const isFetching = updatingCardsSelector(getState());\r\n if (!values || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(editCardFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [UPDATE_CARD_REQUEST, UPDATE_CARD_SUCCESS, UPDATE_CARD_FAILURE],\r\n callAPI: config =>\r\n apiClient.put(`api/card/updateCardInfo`, values, config),\r\n payload: { values, formId: editCardFormId }\r\n })\r\n )\r\n .then(resp => {\r\n const { successMessage } = getState().card;\r\n if (successMessage) dispatch(showMessageModal(successMessage));\r\n return resp;\r\n });\r\n};\r\n\r\nexport const removingCardsSelector = createLoadingSelector([REMOVE_CARD]);\r\nexport const removeCard = cardNo => (dispatch, getState) => {\r\n const isFetching = removingCardsSelector(getState());\r\n if (!cardNo || isFetching) return Promise.resolve();\r\n\r\n return dispatch(getToken()).then(() =>\r\n dispatch({\r\n types: [REMOVE_CARD_REQUEST, REMOVE_CARD_SUCCESS, REMOVE_CARD_FAILURE],\r\n callAPI: config =>\r\n apiClient.delete(`api/card/removeCard/${cardNo}`, config),\r\n payload: { cardNo }\r\n })\r\n );\r\n};\r\n\r\nexport const reportingLostSelector = createLoadingSelector([REPORT_LOST]);\r\nexport const reportLost = values => (dispatch, getState) => {\r\n const isFetching = reportingLostSelector(getState());\r\n if (!values || isFetching) return Promise.resolve();\r\n\r\n return dispatch(getToken()).then(() =>\r\n dispatch({\r\n types: [REPORT_LOST_REQUEST, REPORT_LOST_SUCCESS, REPORT_LOST_FAILURE],\r\n callAPI: config =>\r\n apiClient.post(`api/card/reportLostCard`, values, config),\r\n payload: { values }\r\n })\r\n );\r\n};\r\n\r\nexport const addingCardsSelector = createLoadingSelector([ADD_CARD]);\r\nexport const addCard = (values, addCardFormId) => (dispatch, getState) => {\r\n const isFetching = addingCardsSelector(getState());\r\n if (!values || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(addCardFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [ADD_CARD_REQUEST, ADD_CARD_SUCCESS, ADD_CARD_FAILURE],\r\n callAPI: config => apiClient.post(`api/card/addCard`, values, config),\r\n payload: { values, formId: addCardFormId, isCaptcha: true }\r\n })\r\n );\r\n};\r\n\r\nexport const transferringBalanceSelector = createLoadingSelector([\r\n TRANSFER_BALANCE\r\n]);\r\nexport const transferBalance = (values, transferBalanceFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = transferringBalanceSelector(getState());\r\n if (!values || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(transferBalanceFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n TRANSFER_BALANCE_REQUEST,\r\n TRANSFER_BALANCE_SUCCESS,\r\n TRANSFER_BALANCE_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(`api/card/transferBalance`, values, config),\r\n payload: { values, formId: transferBalanceFormId }\r\n })\r\n )\r\n .then(resp => {\r\n const { successMessage } = getState().card;\r\n if (successMessage) {\r\n dispatch(reset(transferBalanceFormId));\r\n return dispatch(showMessageModal(successMessage));\r\n }\r\n return resp;\r\n });\r\n};\r\n\r\nexport const getCardDetail = hardcodedAuthToken => dispatch => {\r\n return dispatch({\r\n types: [\r\n GET_CARD_DETAILS_REQUEST,\r\n GET_CARD_DETAILS_SUCCESS,\r\n GET_CARD_DETAILS_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(\"Membership/GetCardDetails\", config),\r\n payload: {},\r\n hardcodedAuthToken\r\n });\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { payload, errorMessage, successMessage, response } = action;\r\n switch (action.type) {\r\n case SET_DEFAULT_CARD_REQUEST:\r\n case ADD_CARD_REQUEST:\r\n case REMOVE_CARD_REQUEST:\r\n case REPORT_LOST_REQUEST:\r\n case UPDATE_CARD_REQUEST:\r\n case TRANSFER_BALANCE_REQUEST:\r\n return { ...state, errorMessage: \"\", successMessage: \"\" };\r\n case FETCH_CARDS_SUCCESS:\r\n let activeCard = response.data.result.find(function(e) {\r\n return e.isActive;\r\n });\r\n return {\r\n ...state,\r\n cardList: response.data.result,\r\n activeCard: activeCard\r\n };\r\n case SET_DEFAULT_CARD_SUCCESS:\r\n case TRANSFER_BALANCE_SUCCESS:\r\n return {\r\n ...state,\r\n data: { ...state.data, ...arrayToObject(payload, \"cardNo\") },\r\n successMessage\r\n };\r\n case UPDATE_CARD_SUCCESS:\r\n const currentCardInfo = state.data[payload.cardNo];\r\n return {\r\n ...state,\r\n data: {\r\n ...state.data,\r\n [currentCardInfo.cardNo]: { ...currentCardInfo, ...payload }\r\n },\r\n successMessage\r\n };\r\n case ADD_CARD_SUCCESS:\r\n return {\r\n ...state,\r\n data: { ...state.data, [payload.cardNo]: payload },\r\n successMessage\r\n };\r\n case REMOVE_CARD_SUCCESS:\r\n return {\r\n ...state,\r\n data: removeProperty(state.data, payload.cardNo),\r\n successMessage\r\n };\r\n case REPORT_LOST_SUCCESS:\r\n return {\r\n ...state,\r\n data: { ...state.data, [payload.cardNo]: payload },\r\n successMessage\r\n };\r\n case SET_DEFAULT_CARD_FAILURE:\r\n case ADD_CARD_FAILURE:\r\n case UPDATE_CARD_FAILURE:\r\n case TRANSFER_BALANCE_FAILURE:\r\n return { ...state, errorMessage };\r\n // getCardDetail\r\n case GET_CARD_DETAILS_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case GET_CARD_DETAILS_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case GET_CARD_DETAILS_SUCCESS:\r\n return {\r\n ...state,\r\n cardDetail: response.data.result,\r\n successMessage\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\nimport { getToken } from \"./XsrfToken\";\r\nimport { showMessageModal } from \"./Modal\";\r\nimport { push } from \"connected-react-router\";\r\n\r\nexport const FETCH_VOUCHERS = \"FETCH_VOUCHERS\";\r\nexport const FETCH_VOUCHERS_REQUEST = \"FETCH_VOUCHERS_REQUEST\";\r\nexport const FETCH_VOUCHERS_FAILURE = \"FETCH_VOUCHERS_FAILURE\";\r\nexport const FETCH_ACTIVE_VOUCHERS_SUCCESS = \"FETCH_ACTIVE_VOUCHERS_SUCCESS\";\r\nexport const FETCH_REDEEMED_VOUCHERS_SUCCESS =\r\n \"FETCH_REDEEMED_VOUCHERS_SUCCESS\";\r\nexport const FETCH_EXPIRED_VOUCHERS_SUCCESS = \"FETCH_EXPIRED_VOUCHERS_SUCCESS\";\r\n\r\nexport const FETCH_VOUCHER_TYPE = \"FETCH_VOUCHER_TYPE\";\r\nexport const FETCH_VOUCHER_TYPE_REQUEST = \"FETCH_VOUCHER_TYPE_REQUEST\";\r\nexport const FETCH_VOUCHER_TYPE_SUCCESS = \"FETCH_VOUCHER_TYPE_SUCCESS\";\r\nexport const FETCH_VOUCHER_TYPE_FAILURE = \"FETCH_VOUCHER_TYPE_FAILURE\";\r\n\r\nexport const FETCH_VOUCHER_BRANDS = \"FETCH_VOUCHER_BRANDS\";\r\nexport const FETCH_VOUCHER_BRANDS_REQUEST = \"FETCH_VOUCHER_BRANDS_REQUEST\";\r\nexport const FETCH_VOUCHER_BRANDS_SUCCESS = \"FETCH_VOUCHER_BRANDS_SUCCESS\";\r\nexport const FETCH_VOUCHER_BRANDS_FAILURE = \"FETCH_VOUCHER_BRANDS_FAILURE\";\r\n\r\nexport const FETCH_VOUCHER_MENU = \"FETCH_VOUCHER_MENU\";\r\nexport const FETCH_VOUCHER_MENU_REQUEST = \"FETCH_VOUCHER_MENU_REQUEST\";\r\nexport const FETCH_VOUCHER_MENU_SUCCESS = \"FETCH_VOUCHER_MENU_SUCCESS\";\r\nexport const FETCH_VOUCHER_MENU_FAILURE = \"FETCH_VOUCHER_MENU_FAILURE\";\r\n\r\nexport const FETCH_VOUCHER_MENU_BRAND = \"FETCH_VOUCHER_MENU_BRAND\";\r\nexport const FETCH_VOUCHER_MENU_BRAND_REQUEST =\r\n \"FETCH_VOUCHER_MENU_BRAND_REQUEST\";\r\nexport const FETCH_VOUCHER_MENU_BRAND_SUCCESS =\r\n \"FETCH_VOUCHER_MENU_BRAND_SUCCESS\";\r\nexport const FETCH_VOUCHER_MENU_BRAND_FAILURE =\r\n \"FETCH_VOUCHER_MENU_BRAND_FAILURE\";\r\n\r\nexport const GET_TRANSFER_VOUCHER = \"GET_TRANSFER_VOUCHER\";\r\nexport const GET_TRANSFER_VOUCHER_REQUEST = \"GET_TRANSFER_VOUCHER_REQUEST\";\r\nexport const GET_TRANSFER_VOUCHER_SUCCESS = \"GET_TRANSFER_VOUCHER_SUCCESS\";\r\nexport const GET_TRANSFER_VOUCHER_FAILURE = \"GET_TRANSFER_VOUCHER_FAILURE\";\r\n\r\nexport const SAVE_VOUCHER_SUCCESS = \"SAVE_VOUCHER_SUCCESS\";\r\n\r\nconst initialState = {\r\n data: {},\r\n didLoaded: false,\r\n errorMessage: \"\"\r\n};\r\n\r\nexport const loadingVouchersSelector = createLoadingSelector([FETCH_VOUCHERS]);\r\nexport const fetchActiveVouchers = () => dispatch => {\r\n return dispatch(getToken()).then(() => {\r\n dispatch({\r\n types: [\r\n FETCH_VOUCHERS_REQUEST,\r\n FETCH_ACTIVE_VOUCHERS_SUCCESS,\r\n FETCH_VOUCHERS_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`Membership/GetVoucherList/1`, config),\r\n payload: {}\r\n });\r\n });\r\n};\r\n\r\nexport const fetchRedeemedVouchers = () => dispatch => {\r\n return dispatch(getToken()).then(() => {\r\n dispatch({\r\n types: [\r\n FETCH_VOUCHERS_REQUEST,\r\n FETCH_REDEEMED_VOUCHERS_SUCCESS,\r\n FETCH_VOUCHERS_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`Membership/GetVoucherList/2`, config),\r\n payload: {}\r\n });\r\n });\r\n};\r\nexport const fetchExpiredVouchers = () => dispatch => {\r\n return dispatch(getToken()).then(() => {\r\n dispatch({\r\n types: [\r\n FETCH_VOUCHERS_REQUEST,\r\n FETCH_EXPIRED_VOUCHERS_SUCCESS,\r\n FETCH_VOUCHERS_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`Membership/GetVoucherList/4`, config),\r\n payload: {}\r\n });\r\n });\r\n};\r\n\r\nexport const fetchVoucherType = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_VOUCHER_TYPE_REQUEST,\r\n FETCH_VOUCHER_TYPE_SUCCESS,\r\n FETCH_VOUCHER_TYPE_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`Voucher/GetVoucherType`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchVoucherBrands = data => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_VOUCHER_BRANDS_REQUEST,\r\n FETCH_VOUCHER_BRANDS_SUCCESS,\r\n FETCH_VOUCHER_BRANDS_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.get(`Voucher/GetVoucherType?brand=${data}`, data, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchVoucherMenu = data => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_VOUCHER_MENU_REQUEST,\r\n FETCH_VOUCHER_MENU_SUCCESS,\r\n FETCH_VOUCHER_MENU_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.get(`Voucher/GetVoucherType?menu=${data}`, data, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchVoucherMenuBrand = (brand, menu) => dispatch => {\r\n let param = \"\";\r\n if (brand) {\r\n param += `brand=${brand}`;\r\n }\r\n if (menu) {\r\n param += `&menu=${menu}`;\r\n }\r\n let api = \"Voucher/GetVoucherType\";\r\n if (param != \"\") {\r\n api += \"?\" + param;\r\n }\r\n return dispatch({\r\n types: [\r\n FETCH_VOUCHER_MENU_BRAND_REQUEST,\r\n FETCH_VOUCHER_MENU_BRAND_SUCCESS,\r\n FETCH_VOUCHER_MENU_BRAND_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(api, config),\r\n payload: {}\r\n });\r\n};\r\nexport const getTransferVoucher = (voucherNo, recipientEmail) => dispatch => {\r\n return dispatch({\r\n types: [\r\n GET_TRANSFER_VOUCHER_REQUEST,\r\n GET_TRANSFER_VOUCHER_SUCCESS,\r\n GET_TRANSFER_VOUCHER_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.get(\r\n `Membership/TransferVoucher?voucherNo=${voucherNo}&recipientEmail=${encodeURIComponent(\r\n recipientEmail\r\n )}`,\r\n config\r\n ),\r\n payload: {}\r\n })\r\n .then(() => {\r\n dispatch(fetchActiveVouchers()).then(() => {\r\n dispatch(\r\n showMessageModal(\"Voucher has been gifted!\", () => {\r\n return dispatch(push(`/my-wallet`));\r\n })\r\n );\r\n });\r\n })\r\n .catch(err => {\r\n return dispatch(\r\n showMessageModal(`${err.error.response.data.error.message}`)\r\n );\r\n });\r\n};\r\n\r\nexport const saveVoucher = voucher => dispatch => {\r\n dispatch({\r\n type: SAVE_VOUCHER_SUCCESS,\r\n payload: { voucher: voucher }\r\n });\r\n return Promise.resolve();\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { payload, errorMessage, response } = action;\r\n switch (action.type) {\r\n case FETCH_VOUCHERS_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case FETCH_ACTIVE_VOUCHERS_SUCCESS:\r\n return {\r\n ...state,\r\n activeVouchers: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_REDEEMED_VOUCHERS_SUCCESS:\r\n return {\r\n ...state,\r\n redeemedVouchers: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_EXPIRED_VOUCHERS_SUCCESS:\r\n return {\r\n ...state,\r\n expiredVouchers: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_VOUCHERS_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case FETCH_VOUCHER_TYPE_SUCCESS:\r\n return {\r\n ...state,\r\n voucherType: response.data.result\r\n };\r\n case FETCH_VOUCHER_BRANDS_SUCCESS:\r\n return {\r\n ...state,\r\n voucherBrands: response.data.result\r\n };\r\n case FETCH_VOUCHER_MENU_SUCCESS:\r\n return {\r\n ...state,\r\n voucherMenu: response.data.result\r\n };\r\n case FETCH_VOUCHER_MENU_BRAND_SUCCESS:\r\n return {\r\n ...state,\r\n voucherMenuBrand: response.data.result\r\n };\r\n case GET_TRANSFER_VOUCHER_SUCCESS:\r\n return {\r\n ...state,\r\n transferVoucher: response.data.result\r\n };\r\n case SAVE_VOUCHER_SUCCESS:\r\n return {\r\n ...state,\r\n saveVoucher: payload.voucher\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport Transition from \"react-transition-group/Transition\";\r\n\r\nclass Collapse extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { show: false, height: 0 };\r\n this.handleCollapse = this.handleCollapse.bind(this);\r\n }\r\n\r\n handleCollapse = () => {\r\n const { show } = this.state;\r\n this.setState({ show: !show });\r\n };\r\n\r\n componentDidMount() {\r\n if (this.divElement && this.divElement.clientHeight > 0)\r\n this.setState({ height: this.divElement.clientHeight, show: false });\r\n }\r\n\r\n render() {\r\n const { heading, children } = this.props;\r\n const { show, height } = this.state;\r\n return (\r\n \r\n \r\n \r\n {heading}\r\n \r\n {children && (\r\n
\r\n {children && (\r\n \r\n {\" \"}\r\n {\" \"}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n return dispatch(showMessageModal(successMessage));\r\n })\r\n .catch(err => {\r\n const status = err.error.response.status;\r\n dispatch(reset(changePswFormId));\r\n let errorMessage = (\r\n Success!
\r\n Your password has been updated.\r\n\r\n
\r\n );\r\n return dispatch(showMessageModal(errorMessage));\r\n });\r\n};\r\n\r\nconst submittingForgotPswSelector = createLoadingSelector([FORGOT_PASSWORD]);\r\nexport const forgotPassword = (fwModel, fwFormId) => (dispatch, getState) => {\r\n const isFetching = submittingForgotPswSelector(getState());\r\n if (!fwModel || isFetching) return Promise.resolve();\r\n return Promise.resolve(dispatch(startSubmit(fwFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n FORGOT_PASSWORD_REQUEST,\r\n FORGOT_PASSWORD_SUCCESS,\r\n FORGOT_PASSWORD_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(\"Password/ForgotPassword\", fwModel, config),\r\n payload: { fwModel, formId: fwFormId, isCaptcha: true }\r\n })\r\n )\r\n .then(resp => {\r\n const password = getState().password;\r\n let success = resp.response.data.success;\r\n if (success) {\r\n const currentLanguage = getActiveLanguage(getState().locale).code;\r\n return Promise.all([\r\n dispatch(\r\n showMessageModal(\r\n \"An email has been sent to you with password reset instructions.\",\r\n () => dispatch(push(`/sign-in`))\r\n )\r\n ),\r\n dispatch(reset(fwFormId))\r\n ]);\r\n }\r\n return resp;\r\n })\r\n .catch(err => {\r\n return dispatch(\r\n showMessageModal(`${err.error.response.data.errors[0].errorMessage}`)\r\n );\r\n });\r\n};\r\n\r\nexport const verifyingTokenSelector = createLoadingSelector([\r\n VERIFY_RESET_TOKEN\r\n]);\r\nexport const verifyResetToken = (token, fwFormId) => (dispatch, getState) => {\r\n const isFetching = verifyingTokenSelector(getState());\r\n if (!token || isFetching) return Promise.resolve();\r\n\r\n return dispatch({\r\n types: [\r\n VERIFY_RESET_TOKEN_REQUEST,\r\n VERIFY_RESET_TOKEN_SUCCESS,\r\n VERIFY_RESET_TOKEN_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(\"api/password/verifyResetToken\", token, config),\r\n payload: { token, formId: fwFormId }\r\n });\r\n};\r\n\r\nexport const submittingResetPswSelector = createLoadingSelector([\r\n RESET_PASSWORD\r\n]);\r\nexport const resetPassword = (resetPsw, resetPswFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = submittingResetPswSelector(getState());\r\n if (!resetPsw || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(resetPswFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n RESET_PASSWORD_REQUEST,\r\n RESET_PASSWORD_SUCCESS,\r\n RESET_PASSWORD_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(\"Password/ResetPassword\", resetPsw, config),\r\n payload: { resetPsw, formId: resetPswFormId }\r\n })\r\n )\r\n .then(\r\n resp => {\r\n let message = (\r\n Oops!
\r\n {err.error.response.data.errors[0].errorMessage}\r\n\r\n
\r\n );\r\n return Promise.all([\r\n dispatch(\r\n showMessageModal(message, () => {\r\n dispatch(push(`/sign-in`));\r\n })\r\n ),\r\n dispatch(reset(resetPswFormId))\r\n ]);\r\n // if (successMessage) {\r\n // const currentLanguage = getActiveLanguage(getState().locale).code;\r\n // return Promise.all([\r\n // dispatch(\r\n // showMessageModal(successMessage, () =>\r\n // dispatch(push(`/${currentLanguage}/sign-in`))\r\n // )\r\n // ),\r\n // dispatch(reset(resetPswFormId))\r\n // ]);\r\n // }\r\n },\r\n error => {\r\n const errorMessage = error.error.response.data.error.message;\r\n if (errorMessage) {\r\n dispatch(\r\n showMessageModal(`${error.error.response.data.error.message}`)\r\n );\r\n }\r\n return Promise.reject(error);\r\n }\r\n );\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { errorMessage, successMessage } = action;\r\n switch (action.type) {\r\n case VERIFY_RESET_TOKEN_REQUEST:\r\n return {\r\n ...state,\r\n successMessage: \"\",\r\n errorMessage: \"\"\r\n };\r\n case VERIFY_RESET_TOKEN_SUCCESS:\r\n return {\r\n ...state,\r\n successMessage\r\n };\r\n\r\n case VERIFY_RESET_TOKEN_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case CHANGE_PASSWORD_REQUEST:\r\n case FORGOT_PASSWORD_REQUEST:\r\n case RESET_PASSWORD_REQUEST:\r\n return {\r\n ...state,\r\n successMessage: \"\",\r\n errorMessage: \"\"\r\n };\r\n case RESET_PASSWORD_SUCCESS:\r\n case CHANGE_PASSWORD_SUCCESS:\r\n case FORGOT_PASSWORD_SUCCESS:\r\n return {\r\n ...state,\r\n successMessage\r\n };\r\n case CHANGE_PASSWORD_FAILURE:\r\n case FORGOT_PASSWORD_FAILURE:\r\n case RESET_PASSWORD_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\n\r\nexport const FETCH_ALL_REGIONS = \"FETCH_ALL_REGIONS\";\r\nexport const FETCH_ALL_REGIONS_REQUEST = \"FETCH_ALL_REGIONS_REQUEST\";\r\nexport const FETCH_ALL_REGIONS_SUCCESS = \"FETCH_ALL_REGIONS_SUCCESS\";\r\nexport const FETCH_ALL_REGIONS_FAILURE = \"FETCH_ALL_REGIONS_FAILURE\";\r\n\r\nexport const FETCH_ALL_BRANDS = \"FETCH_ALL_BRANDS\";\r\nexport const FETCH_ALL_BRANDS_REQUEST = \"FETCH_ALL_BRANDS_REQUEST\";\r\nexport const FETCH_ALL_BRANDS_SUCCESS = \"FETCH_ALL_BRANDS_SUCCESS\";\r\nexport const FETCH_ALL_BRANDS_FAILURE = \"FETCH_ALL_BRANDS_FAILURE\";\r\n\r\nexport const FETCH_ALL_MALLS = \"FETCH_ALL_MALLS\";\r\nexport const FETCH_ALL_MALLS_REQUEST = \"FETCH_ALL_MALLS_REQUEST\";\r\nexport const FETCH_ALL_MALLS_SUCCESS = \"FETCH_ALL_MALLS_SUCCESS\";\r\nexport const FETCH_ALL_MALLS_FAILURE = \"FETCH_ALL_MALLS_FAILURE\";\r\n\r\nexport const FETCH_STORES = \"FETCH_STORES\";\r\nexport const FETCH_STORES_REQUEST = \"FETCH_STORES_REQUEST\";\r\nexport const FETCH_STORES_SUCCESS = \"FETCH_STORES_SUCCESS\";\r\nexport const FETCH_STORES_FAILURE = \"FETCH_STORES_FAILURE\";\r\n\r\nexport const FETCH_FEEDBACK_TYPE = \"FETCH_FEEDBACK_TYPE\";\r\nexport const FETCH_FEEDBACK_TYPE_REQUEST = \"FETCH_FEEDBACK_TYPE_REQUEST\";\r\nexport const FETCH_FEEDBACK_TYPE_SUCCESS = \"FETCH_FEEDBACK_TYPE_SUCCESS\";\r\nexport const FETCH_FEEDBACK_TYPE_FAILURE = \"FETCH_FEEDBACK_TYPE_FAILURE\";\r\n\r\nexport const FETCH_ALL_CATALOGUE_MENU_TYPES = \"FETCH_ALL_CATALOGUE_MENU_TYPES\";\r\nexport const FETCH_ALL_CATALOGUE_MENU_TYPES_REQUEST =\r\n \"FETCH_ALL_CATALOGUE_MENU_TYPES_REQUEST\";\r\nexport const FETCH_ALL_CATALOGUE_MENU_TYPES_SUCCESS =\r\n \"FETCH_ALL_CATALOGUE_MENU_TYPES_SUCCESS\";\r\nexport const FETCH_ALL_CATALOGUE_MENU_TYPES_FAILURE =\r\n \"FETCH_ALL_CATALOGUE_MENU_TYPES_FAILURE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n didLoaded: false,\r\n didLoadedRegions: false,\r\n didLoadedBrands: false,\r\n didLoadedMalls: false,\r\n didLoadedMenu: false,\r\n didLoadedFbType: false,\r\n errorMessage: \"\"\r\n};\r\nexport const loadingRegionsSelector = createLoadingSelector([\r\n FETCH_ALL_REGIONS\r\n]);\r\nexport const fetchAllRegions = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_ALL_REGIONS_REQUEST,\r\n FETCH_ALL_REGIONS_SUCCESS,\r\n FETCH_ALL_REGIONS_FAILURE\r\n ],\r\n shouldCallAPI: state =>\r\n !loadingRegionsSelector(state) && !state.stores.didLoadedRegions,\r\n callAPI: config => apiClient.get(\"Store/GetAllRegions\", config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const loadingBrandsSelector = createLoadingSelector([FETCH_ALL_BRANDS]);\r\nexport const fetchAllBrands = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_ALL_BRANDS_REQUEST,\r\n FETCH_ALL_BRANDS_SUCCESS,\r\n FETCH_ALL_BRANDS_FAILURE\r\n ],\r\n shouldCallAPI: state =>\r\n !loadingRegionsSelector(state) && !state.stores.didLoadedBrands,\r\n callAPI: config => apiClient.get(\"Store/GetAllBrands\", config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const loadingMallsSelector = createLoadingSelector([FETCH_ALL_MALLS]);\r\nexport const fetchAllMalls = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_ALL_MALLS_REQUEST,\r\n FETCH_ALL_MALLS_SUCCESS,\r\n FETCH_ALL_MALLS_FAILURE\r\n ],\r\n shouldCallAPI: state =>\r\n !loadingRegionsSelector(state) && !state.stores.didLoadedMalls,\r\n callAPI: config => apiClient.get(\"Store/GetAllMalls\", config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchStore = () => dispatch => {\r\n return dispatch({\r\n types: [FETCH_STORES_REQUEST, FETCH_STORES_SUCCESS, FETCH_STORES_FAILURE],\r\n callAPI: config => apiClient.get(`Store/GetStores`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchFeedbackType = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_FEEDBACK_TYPE_REQUEST,\r\n FETCH_FEEDBACK_TYPE_SUCCESS,\r\n FETCH_FEEDBACK_TYPE_FAILURE\r\n ],\r\n shouldCallAPI: state =>\r\n !loadingRegionsSelector(state) && !state.stores.didLoadedFbType,\r\n callAPI: config => apiClient.get(`Store/GetFeedbackTypes`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const loadingCatalogueMenuSelector = createLoadingSelector([\r\n FETCH_ALL_CATALOGUE_MENU_TYPES\r\n]);\r\nexport const fetchAllCatalogueMenuTypes = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_ALL_CATALOGUE_MENU_TYPES_REQUEST,\r\n FETCH_ALL_CATALOGUE_MENU_TYPES_SUCCESS,\r\n FETCH_ALL_CATALOGUE_MENU_TYPES_FAILURE\r\n ],\r\n shouldCallAPI: state =>\r\n !loadingRegionsSelector(state) && !state.stores.didLoadedMenu,\r\n callAPI: config => apiClient.get(\"Store/GetAllCatalogueMenuTypes\", config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { errorMessage, response } = action;\r\n switch (action.type) {\r\n case FETCH_ALL_REGIONS_REQUEST:\r\n return {\r\n ...state,\r\n didLoaded: false,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case FETCH_ALL_REGIONS_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case FETCH_ALL_REGIONS_SUCCESS:\r\n return {\r\n ...state,\r\n regions: response.data.result,\r\n didLoadedRegions: true\r\n };\r\n case FETCH_ALL_BRANDS_SUCCESS:\r\n return {\r\n ...state,\r\n brands: response.data.result,\r\n didLoadedBrands: true\r\n };\r\n case FETCH_ALL_MALLS_SUCCESS:\r\n return {\r\n ...state,\r\n malls: response.data.result,\r\n didLoadedMalls: true\r\n };\r\n case FETCH_STORES_SUCCESS:\r\n return {\r\n ...state,\r\n stores: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_FEEDBACK_TYPE_SUCCESS:\r\n return {\r\n ...state,\r\n feedbackType: response.data.result,\r\n didLoadedFbType: true\r\n };\r\n case FETCH_ALL_CATALOGUE_MENU_TYPES_SUCCESS:\r\n return {\r\n ...state,\r\n catalogueMenu: response.data.result,\r\n didLoadedMenu: true\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { createLoadingSelector } from \"./Loading\";\r\n\r\nimport apiClient from \"../../helpers/apiClient\";\r\n\r\nexport const GET_TOKEN = \"GET_TOKEN\";\r\nexport const GET_TOKEN_REQUEST = \"GET_TOKEN_REQUEST\";\r\nexport const GET_TOKEN_FAILURE = \"GET_TOKEN_FAILURE\";\r\nexport const GET_TOKEN_SUCCESS = \"GET_TOKEN_SUCCESS\";\r\n\r\nconst initialState = {\r\n isSuccess: false\r\n};\r\n\r\nexport const loadingTokenSelector = createLoadingSelector([GET_TOKEN]);\r\nexport const getToken = () => (dispatch, getState) => {\r\n return dispatch({\r\n types: [GET_TOKEN_REQUEST, GET_TOKEN_SUCCESS, GET_TOKEN_FAILURE],\r\n shouldCallAPI: state => !loadingTokenSelector(state),\r\n callAPI: config => apiClient.get(`XsrfToken/getToken`, config),\r\n payload: {}\r\n }).catch(err => console.error(err));\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n switch (action.type) {\r\n case GET_TOKEN_FAILURE:\r\n case GET_TOKEN_REQUEST:\r\n return {\r\n ...state,\r\n isSuccess: false\r\n };\r\n case GET_TOKEN_SUCCESS:\r\n return {\r\n ...state,\r\n isSuccess: true\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import apiClient from \"../../helpers/apiClient\";\r\n\r\nexport const GET_PRIZES = \"GET_PRIZES\";\r\nexport const GET_PRIZES_REQUEST = \"GET_PRIZES_REQUEST\";\r\nexport const GET_PRIZES_SUCCESS = \"GET_PRIZES_SUCCESS\";\r\nexport const GET_PRIZES_FAILURE = \"GET_PRIZES_FAILURE\";\r\n\r\nexport const GET_NUMBER_OF_CHANCES = \"GET_NUMBER_OF_CHANCES\";\r\nexport const GET_NUMBER_OF_CHANCES_REQUEST = \"GET_NUMBER_OF_CHANCES_REQUEST\";\r\nexport const GET_NUMBER_OF_CHANCES_SUCCESS = \"GET_NUMBER_OF_CHANCES_SUCCESS\";\r\nexport const GET_NUMBER_OF_CHANCES_FAILURE = \"GET_NUMBER_OF_CHANCES_FAILURE\";\r\n\r\nexport const GET_LOCK_CHANCE = \"GET_LOCK_CHANCE\";\r\nexport const GET_LOCK_CHANCE_REQUEST = \"GET_LOCK_CHANCE_REQUEST\";\r\nexport const GET_LOCK_CHANCE_SUCCESS = \"GET_LOCK_CHANCE_SUCCESS\";\r\nexport const GET_LOCK_CHANCE_FAILURE = \"GET_LOCK_CHANCE_FAILURE\";\r\n\r\nexport const GET_AND_REDEEM_PRIZE_WON = \"GET_AND_REDEEM_PRIZE_WON\";\r\nexport const GET_AND_REDEEM_PRIZE_WON_REQUEST =\r\n \"GET_AND_REDEEM_PRIZE_WON_REQUEST\";\r\nexport const GET_AND_REDEEM_PRIZE_WON_SUCCESS =\r\n \"GET_AND_REDEEM_PRIZE_WON_SUCCESS\";\r\nexport const GET_AND_REDEEM_PRIZE_WON_FAILURE =\r\n \"GET_AND_REDEEM_PRIZE_WON_FAILURE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n errorMessage: \"\"\r\n};\r\n\r\nexport const getNumberOfChances = chanceId => dispatch => {\r\n return dispatch({\r\n types: [\r\n GET_NUMBER_OF_CHANCES_REQUEST,\r\n GET_NUMBER_OF_CHANCES_SUCCESS,\r\n GET_NUMBER_OF_CHANCES_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`SpinWheel/GetNumberOfChances`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const getPrizes = () => dispatch => {\r\n return dispatch({\r\n types: [GET_PRIZES_REQUEST, GET_PRIZES_SUCCESS, GET_PRIZES_FAILURE],\r\n callAPI: config => apiClient.get(`SpinWheel/GetPrizes`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const getLockChance = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n GET_LOCK_CHANCE_REQUEST,\r\n GET_LOCK_CHANCE_SUCCESS,\r\n GET_LOCK_CHANCE_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`SpinWheel/LockChance`, config),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const getAndRedeemPrizeWon = chanceId => dispatch => {\r\n return dispatch({\r\n types: [\r\n GET_AND_REDEEM_PRIZE_WON_REQUEST,\r\n GET_AND_REDEEM_PRIZE_WON_SUCCESS,\r\n GET_AND_REDEEM_PRIZE_WON_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.get(\r\n `SpinWheel/GenerateAndRedeemPrizeWon?chanceId=${chanceId}`,\r\n config\r\n ),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { errorMessage, response } = action;\r\n switch (action.type) {\r\n case GET_NUMBER_OF_CHANCES_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case GET_NUMBER_OF_CHANCES_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case GET_NUMBER_OF_CHANCES_SUCCESS:\r\n return {\r\n ...state,\r\n numberOfChances: response.data.result\r\n };\r\n case GET_PRIZES_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case GET_PRIZES_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case GET_PRIZES_SUCCESS:\r\n return {\r\n ...state,\r\n prizes: response.data.result\r\n };\r\n case GET_LOCK_CHANCE_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case GET_LOCK_CHANCE_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case GET_LOCK_CHANCE_SUCCESS:\r\n return {\r\n ...state,\r\n lockChance: response.data.result\r\n };\r\n case GET_AND_REDEEM_PRIZE_WON_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case GET_AND_REDEEM_PRIZE_WON_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case GET_AND_REDEEM_PRIZE_WON_SUCCESS:\r\n return {\r\n ...state,\r\n prizeWon: response.data\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\nimport { getToken } from \"./XsrfToken\";\r\nimport { reset, startSubmit } from \"redux-form\";\r\nimport React from \"react\";\r\nimport { showMessageModal } from \"./Modal\";\r\n\r\nexport const FETCH_PROMOTION = \"FETCH_PROMOTION\";\r\nexport const FETCH_PROMOTION_SUCCESS = \"FETCH_PROMOTION_SUCCESS\";\r\nexport const FETCH_PROMOTION_REQUEST = \"FETCH_PROMOTION_REQUEST\";\r\nexport const FETCH_PROMOTION_FAILURE = \"FETCH_PROMOTION_FAILURE\";\r\n\r\nexport const FETCH_PROMOCODE = \"FETCH_PROMOCODE\";\r\nexport const FETCH_PROMOCODE_SUCCESS = \"FETCH_PROMOCODE_SUCCESS\";\r\nexport const FETCH_PROMOCODE_REQUEST = \"FETCH_PROMOCODE_REQUEST\";\r\nexport const FETCH_PROMOCODE_FAILURE = \"FETCH_PROMOCODE_FAILURE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n didLoaded: false,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n};\r\n\r\nexport const loadingPromotionSelector = createLoadingSelector([\r\n FETCH_PROMOTION\r\n]);\r\nexport const fetchPromotion = () => dispatch => {\r\n return dispatch(getToken()).then(() => {\r\n dispatch({\r\n types: [\r\n FETCH_PROMOTION_REQUEST,\r\n FETCH_PROMOTION_SUCCESS,\r\n FETCH_PROMOTION_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(`Cms/GetPromotions`, config),\r\n payload: {}\r\n });\r\n });\r\n};\r\n\r\nconst submittingRedeemPromocodeSelector = createLoadingSelector([\r\n FETCH_PROMOCODE\r\n]);\r\nexport const redeemPromocode = (data, promoCodeFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = submittingRedeemPromocodeSelector(getState());\r\n if (!data || isFetching) return Promise.resolve();\r\n return Promise.resolve(dispatch(startSubmit(promoCodeFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n FETCH_PROMOCODE_REQUEST,\r\n FETCH_PROMOCODE_SUCCESS,\r\n FETCH_PROMOCODE_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.put(\"Voucher/RedeemPromoCode\", data, config),\r\n payload: { data, formId: promoCodeFormId }\r\n })\r\n )\r\n .then(() => {\r\n dispatch(reset(promoCodeFormId));\r\n let successMessage = (\r\n {\"Success\"}
\r\n {\"Your password has been successfully updated.\"}\r\n\r\n
\r\n );\r\n return dispatch(showMessageModal(successMessage));\r\n })\r\n .catch(err => {\r\n const status = err.error.response.status;\r\n console.log(\"ERORR\", err);\r\n dispatch(reset(promoCodeFormId));\r\n let errorMessage = (\r\n Success!
\r\n Please go to “My Wallet” to view your voucher.\r\n\r\n
\r\n );\r\n return dispatch(showMessageModal(errorMessage));\r\n });\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { errorMessage, response, successMessage } = action;\r\n switch (action.type) {\r\n case FETCH_PROMOTION_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case FETCH_PROMOTION_SUCCESS:\r\n return {\r\n ...state,\r\n data: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_PROMOTION_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n\r\n case FETCH_PROMOCODE_REQUEST:\r\n return {\r\n ...state,\r\n successMessage: \"\",\r\n errorMessage: \"\"\r\n };\r\n case FETCH_PROMOCODE_SUCCESS:\r\n return {\r\n ...state,\r\n successMessage\r\n };\r\n case FETCH_PROMOCODE_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","export const isEmpty = value =>\r\n value === undefined || value === null || value === \"\";\r\nexport const isObject = obj =>\r\n obj !== undefined &&\r\n obj !== null &&\r\n Object.keys(obj).length > 0 &&\r\n obj.constructor === Object;\r\nexport const isEmptyObj = obj =>\r\n obj === undefined ||\r\n obj === null ||\r\n (Object.keys(obj).length === 0 && obj.constructor === Object);\r\nconst join = rules => (value, data) =>\r\n rules\r\n .map(rule => rule(value, data))\r\n .filter(error => !!error)[0 /* first error */];\r\n\r\nexport function email(value) {\r\n // ^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$\r\n if (\r\n !isEmpty(value) &&\r\n !/^[a-zA-Z0-9][a-zA-Z0-9._+-.]{1,64}@[a-zA-Z0-9-]{2,63}(\\.[a-zA-Z0-9]{2,63}){1,3}$/i.test(\r\n value\r\n )\r\n ) {\r\n return \"_shared.form.validate._emailIsNotValid\";\r\n }\r\n}\r\n\r\nexport function validAddress(value) {\r\n if (isEmptyObj(value)) return true;\r\n if (!isEmpty(value.address1)) return noVnChars(value.address1);\r\n return true;\r\n}\r\n\r\nexport function password(value) {\r\n // /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/\r\n if (!isEmpty(value) && !/^(.){8,}$/.test(value)) {\r\n return \"_shared.form.validate._passwordIsNotValid\";\r\n }\r\n}\r\n\r\nexport function noSpecialChars(value) {\r\n if (!isEmpty(value) && !/^[a-zA-Z0-9 ]*$/.test(value)) {\r\n return \"_shared.form.validate._noSpecialChars\";\r\n }\r\n}\r\n\r\nexport function noVnChars(value) {\r\n if (!isEmpty(value) && !/^[\\u0000-\\u007F ]*$/.test(value)) {\r\n return \"_shared.form.validate._noVnChars\";\r\n }\r\n}\r\n\r\nexport function required(value) {\r\n if (typeof value === typeof true && !value) {\r\n return \"_shared.form.validate._required\";\r\n }\r\n if (isEmpty(value)) {\r\n return \"_shared.form.validate._required\";\r\n }\r\n}\r\n\r\nexport function minLength(min) {\r\n return value => {\r\n if (!isEmpty(value) && value.length < min) {\r\n return \"_shared.form.validate._minLength\";\r\n }\r\n };\r\n}\r\n\r\nexport function maxLength(max) {\r\n return value => {\r\n if (!isEmpty(value) && value.length > max) {\r\n return \"_shared.form.validate._maxLength\";\r\n }\r\n };\r\n}\r\n\r\nexport function maxLengthEmail(max) {\r\n return value => {\r\n if (!isEmpty(value) && value.length > max) {\r\n return \"_shared.form.validate._maxLengthEmail\";\r\n }\r\n };\r\n}\r\n\r\nexport function requiredMobi(value) {\r\n if (isEmpty(value)) {\r\n return \"_shared.form.validate._firstNumber\";\r\n }\r\n}\r\n\r\nexport function firstNumber(value) {\r\n if (!isEmpty(value) && value.charAt(0) != \"8\" && value.charAt(0) != \"9\") {\r\n return \"_shared.form.validate._firstNumber\";\r\n }\r\n}\r\nexport function formatCountryCode(value) {\r\n const countryCode = value.substring(1, value.length);\r\n if (\r\n (!isEmpty(value) && /[^\\d]/g.test(countryCode)) ||\r\n value.length === 1 ||\r\n value.charAt(0) != \"+\"\r\n ) {\r\n return \"_shared.form.validate._isValidCountryCode\";\r\n }\r\n}\r\n\r\nexport function firstNumber2(value) {\r\n if (\r\n !isEmpty(value) &&\r\n value.substring(0, 1) != \"8\" &&\r\n value.substring(0, 1) != \"9\"\r\n ) {\r\n return \"_shared.form.validate._firstNumber\";\r\n }\r\n}\r\n\r\nexport function fixedLength(fxlen) {\r\n return value => {\r\n if (!isEmpty(value) && value.length !== fxlen) {\r\n return \"_shared.form.validate._fixedLength\";\r\n }\r\n };\r\n}\r\n\r\nexport function integer(value) {\r\n if (!Number.isInteger(Number(value))) {\r\n return \"_shared.form.validate._integer\";\r\n }\r\n}\r\n\r\nexport function oneOf(enumeration) {\r\n return value => {\r\n if (!~enumeration.indexOf(value)) {\r\n return `Must be one of: ${enumeration.join(\", \")}`;\r\n }\r\n };\r\n}\r\n\r\nexport function match(field) {\r\n return (value, data) => {\r\n if (data) {\r\n if (value !== data[field]) {\r\n return \"_shared.form.validate._notMatch\";\r\n }\r\n }\r\n };\r\n}\r\n\r\nexport function allowedFileExtensions(fileExtensions) {\r\n return value => {\r\n if (!isValidFileExtension(value, fileExtensions))\r\n return \"_shared.form.validate._allowFileExtensions\";\r\n };\r\n}\r\n\r\nexport function isValidFileExtension(value, allowedFileExtensions) {\r\n if (!value || !value.name) return true;\r\n\r\n const fileExt = value.name\r\n .split(\".\")\r\n .pop()\r\n .toLowerCase();\r\n\r\n if (!allowedFileExtensions.includes(fileExt)) {\r\n return false;\r\n }\r\n return true;\r\n}\r\n\r\nexport function maxFileSize(sizeInMB) {\r\n return value => {\r\n if (isMaxFileSize(value, sizeInMB)) {\r\n return \"_shared.form.validate._moreThanMaxFileSize\";\r\n }\r\n };\r\n}\r\n\r\nexport function isMaxFileSize(value, sizeInMB) {\r\n if (!value || !value.size) return false;\r\n\r\n const maxSizeInBytes = sizeInMB * 1000000;\r\n\r\n if (value.size > maxSizeInBytes) {\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n// Validates that the input string is a valid date formatted as \"dd/mm/yyyy\"\r\nexport function isValidDate(dateString) {\r\n // First check for the pattern\r\n if (!/^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/.test(dateString))\r\n return \"_shared.form.validate._invalidDate\";\r\n\r\n // Parse the date parts to integers\r\n var parts = dateString.split(\"/\");\r\n var day = parseInt(parts[0], 10);\r\n var month = parseInt(parts[1], 10);\r\n var year = parseInt(parts[2], 10);\r\n\r\n // Check the ranges of month and year\r\n if (year < 1000 || year > 3000 || month === 0 || month > 12)\r\n return \"_shared.form.validate._invalidDate\";\r\n\r\n var monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\r\n\r\n // Adjust for leap years\r\n if (year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0))\r\n monthLength[1] = 29;\r\n\r\n // Check the range of the day\r\n if (!(day > 0 && day <= monthLength[month - 1]))\r\n return \"_shared.form.validate._invalidDate\";\r\n\r\n var dateDobObject = new Date(year,parts[1]-1,day);\r\n \r\n if(dateDobObject.getTime() > new Date().getTime()){\r\n return \"_shared.form.validate._invalidDate\";\r\n }\r\n\r\n}\r\n\r\nexport function transformToFormErrors(errors) {\r\n if (!errors || !errors.length === 0) return;\r\n\r\n return errors.reduce((result, error, index) => {\r\n if (error.fieldName.includes(\".\")) {\r\n const parts = error.fieldName.split(\".\");\r\n if (!result[parts[0]]) result[parts[0]] = {};\r\n result[parts[0]] = {\r\n ...result[parts[0]],\r\n [parts[1]]: error.errorMessage\r\n };\r\n } else {\r\n result[error.fieldName] = error.errorMessage;\r\n }\r\n return result;\r\n }, {});\r\n}\r\n\r\nexport function createValidator(rules) {\r\n return (data = {}) => {\r\n const errors = {};\r\n Object.keys(rules).forEach(key => {\r\n if (isObject(rules[key])) {\r\n const _rules = rules[key];\r\n Object.keys(_rules).forEach(_key => {\r\n const rule = join([].concat(_rules[_key]));\r\n const error = data[key] && rule(data[key][_key], data);\r\n\r\n if (error) {\r\n if (!errors[key]) errors[key] = {};\r\n errors[key] = { ...errors[key], [_key]: error };\r\n }\r\n });\r\n } else {\r\n const rule = join([].concat(rules[key])); // concat enables both functions and arrays of functions\r\n const error = rule(data[key], data);\r\n\r\n if (error) {\r\n errors[key] = error;\r\n }\r\n }\r\n });\r\n return errors;\r\n };\r\n}\r\n","export const normalizePhone = value => {\r\n if (!value) {\r\n return value;\r\n }\r\n const onlyNums = value.replace(/[^\\d]/g, \"\");\r\n\r\n return onlyNums;\r\n};\r\n\r\nexport const normalizeCardNo = value => {\r\n if (!value) {\r\n return value;\r\n }\r\n\r\n const onlyNums = value.replace(/[^\\d]/g, \"\");\r\n\r\n if (onlyNums.length > 16) {\r\n return `${onlyNums.slice(0, 16)}`;\r\n }\r\n\r\n return onlyNums;\r\n};\r\n\r\nexport const normalizeUnicode = str => {\r\n if (!str) {\r\n return str;\r\n }\r\n\r\n str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, \"a\");\r\n str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, \"e\");\r\n str = str.replace(/ì|í|ị|ỉ|ĩ/g, \"i\");\r\n str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, \"o\");\r\n str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, \"u\");\r\n str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, \"y\");\r\n str = str.replace(/đ/g, \"d\");\r\n str = str.replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, \"A\");\r\n str = str.replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, \"E\");\r\n str = str.replace(/Ì|Í|Ị|Ỉ|Ĩ/g, \"I\");\r\n str = str.replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, \"O\");\r\n str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, \"U\");\r\n str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, \"Y\");\r\n str = str.replace(/Đ/g, \"D\");\r\n return str;\r\n};\r\n","export * from \"./authHeader\";\r\nexport * from \"./apiClient\";\r\nexport * from \"./ampClient\";\r\nexport * from \"./cookieHelper\";\r\nexport * from \"./polyfills\";\r\nexport * from \"./validator\";\r\nexport * from \"./utility\";\r\nexport * from \"./nomalizer\";\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAABHNCSVQICAgIfAhkiAAAATdJREFUSIm9luFtgzAQRp+9QMkGGaEjZINmBEbIBmWDmA0yQrtBukFGYAPDBNcftiMaRXBHW3/SCYR8ejYH951jRQIN8AYcSfev+ToCN2AArsCnS8/sEmgEzgJiiHPenAnUCkQjqEQUaLWgbiPkMd5rgUp0S6/uL0El2kdQo65R14nEKBKCpYbNHBbUOy2K0XK6AOAyNaq+HkipRc6p04CdJ/2sNXSsCTt4rH/8du2dgKyvm2l7zcaaMLxp9e80eeCrEuzmSX5k1zRZMwZPMj69+j6BQrDCrvYOsl07n628V6d0HcRoPVl/Hxly1x9NjXgYtE14LF3fA2TqSbfHXLPLRXuq09NBqJpT/wNwGTQDtuoaPq+RbrqaARuTg2dHlgUXWe2kOfkIHIA9aSJ+ASZ+TsQfaxPxNyq7F94YNCLOAAAAAElFTkSuQmCC\"","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Translate } from \"react-localize-redux\";\r\nimport classnames from \"classnames\";\r\n\r\nimport Select from \"react-select\";\r\nimport ValidationMessage from \"../forms/ValidationMessage\";\r\n\r\nlet i = 1;\r\nconst days = [];\r\nfor (i = 1; i <= 31; i++) {\r\n days.push({\r\n value: String(i).padStart(2, 0),\r\n label: String(i).padStart(2, 0)\r\n });\r\n}\r\nconst months = [];\r\nconst monthEngNames = {\r\n 1: \"January\",\r\n 2: \"February\",\r\n 3: \"March\",\r\n 4: \"April\",\r\n 5: \"May\",\r\n 6: \"June\",\r\n 7: \"July\",\r\n 8: \"August\",\r\n 9: \"September\",\r\n 10: \"October\",\r\n 11: \"November\",\r\n 12: \"December\"\r\n};\r\nconst vnMonths = [];\r\nconst monthVnNames = {\r\n 1: \"T1\",\r\n 2: \"T2\",\r\n 3: \"T3\",\r\n 4: \"T4\",\r\n 5: \"T5\",\r\n 6: \"T6\",\r\n 7: \"T7\",\r\n 8: \"T8\",\r\n 9: \"T9\",\r\n 10: \"T10\",\r\n 11: \"T11\",\r\n 12: \"T12\"\r\n};\r\nfor (i = 1; i <= 12; i++) {\r\n months.push({ value: String(i).padStart(2, 0), label: monthEngNames[i] });\r\n vnMonths.push({ value: String(i).padStart(2, 0), label: monthVnNames[i] });\r\n}\r\nconst years = [];\r\nconst currentYear = new Date().getFullYear();\r\nfor (i = currentYear; i > currentYear - 100; i--) {\r\n years.push({ value: i, label: i });\r\n}\r\nconst getDateValue = (value, selectedValue, type) => {\r\n const parts = value.split(\"/\");\r\n let day = parts[0];\r\n let month = parts[1];\r\n let year = parts[2];\r\n\r\n switch (type) {\r\n case \"day\":\r\n day = selectedValue;\r\n break;\r\n case \"month\":\r\n month = selectedValue;\r\n break;\r\n case \"year\":\r\n year = selectedValue;\r\n break;\r\n default:\r\n break;\r\n }\r\n const updatedValue = `${day}/${month}/${year}`;\r\n return value !== updatedValue ? updatedValue : null;\r\n};\r\n\r\nclass DatePickerField extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handleOnBlur = this.handleOnBlur.bind(this);\r\n this.handleOnChange = this.handleOnChange.bind(this);\r\n }\r\n\r\n handleOnBlur = (selectedValue, type) => {\r\n const { value, onBlur } = this.props.input;\r\n const newValue = getDateValue(value, selectedValue, type);\r\n\r\n if (newValue) onBlur(newValue);\r\n };\r\n\r\n handleOnChange = (selectedOption, type) => {\r\n const selectedValue =\r\n selectedOption && selectedOption.value ? selectedOption.value : null;\r\n const { value, onChange } = this.props.input;\r\n const newValue = getDateValue(value, selectedValue, type);\r\n\r\n if (newValue) onChange(newValue);\r\n };\r\n\r\n render() {\r\n const {\r\n input: { value },\r\n label,\r\n required,\r\n translate,\r\n disabled,\r\n disabledYear,\r\n children,\r\n hideLabel,\r\n meta: { touched, error },\r\n ...props\r\n } = this.props;\r\n const parts = value.split(\"/\");\r\n const day = parts[0];\r\n const month = parts[1];\r\n let year = parts[2];\r\n\r\n return (\r\n Unsuccessful!
\r\n {err.error.response.data.error.message}\r\n\r\n \r\n this.handleOnChange(option, \"month\")}\r\n onBlur={() => this.handleOnBlur(month, \"month\")}\r\n />\r\n
\r\n {!disabledYear && (\r\n \r\n {hideLabel && (\r\n \r\n this.handleOnChange(option, \"day\")}\r\n onBlur={() => this.handleOnBlur(day, \"day\")}\r\n />\r\n
\r\n \r\n \r\n {label}\r\n \r\n
\r\n )}\r\n \r\n this.handleOnChange(option, \"year\")}\r\n onBlur={() => this.handleOnBlur(year, \"year\")}\r\n />\r\n
\r\n )}\r\n \r\n {/*
\r\n ) : (\r\n \r\n You need to logout to see this page.\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 RouteWithSubRoutes;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Translate } from \"react-localize-redux\";\r\nimport classNames from \"classnames\";\r\nimport { NavHashLink as NavLink } from \"react-router-hash-link\";\r\nimport Logout from \"../../images/icons/logout2.png\";\r\nimport IconNotiNew from \"../../images/icons/icon-noti-new.png\";\r\nimport Logo from \"../../images/RE_Logo.png\";\r\nimport Logo2 from \"../../images/logo.png\";\r\nimport IconNoti from \"../../images/icons/icon-noti.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { isEmptyObj } from \"../../helpers\";\r\nimport {\r\n fetchProfile,\r\n loadingProfileSelector\r\n} from \"../../redux/modules/Profile\";\r\nimport Link from \"react-router-dom/Link\";\r\nimport { logout } from \"../../redux/modules/Auth\";\r\nimport { showConfirmMessage } from \"../../redux/modules/Modal\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { fetchNotifications } from \"../../redux/modules/Notification\";\r\nimport moment from \"moment\";\r\nimport { sendInAppMessage } from \"../../redux/modules/Hub\";\r\n\r\nconst NUMBER = 0;\r\n\r\nclass Header extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showDot: false,\r\n isAnimate: false\r\n };\r\n }\r\n componentDidMount() {\r\n let { isAuthenticated } = this.props;\r\n if (isAuthenticated) {\r\n this.props.fetchProfile().then(() => {\r\n let fliterTo = moment().format();\r\n let filterFrom = moment()\r\n .subtract(6, \"months\")\r\n .format();\r\n let memberId = this.props.profile.data.memberID;\r\n let data = {\r\n DeviceUID: memberId,\r\n AppName: \"RES\",\r\n BlastID: \"\",\r\n BlastHeaderID: \"\",\r\n FilterFrom: filterFrom,\r\n FilterTo: fliterTo\r\n // SkipCount: 0,\r\n // MaxResultCount: 1000\r\n };\r\n this.props.fetchNotifications(data).then(() => {\r\n if (this.props.notification.notification) {\r\n let showDot = false;\r\n let notifications = this.props.notification.notification\r\n .inAppInfoLists;\r\n let len = notifications.length;\r\n let unRead = 0;\r\n for (let i = 0; i < len; i++) {\r\n if (!notifications[i].readStatus) {\r\n // showDot = true;\r\n unRead++;\r\n // break;\r\n }\r\n }\r\n if (unRead > NUMBER) {\r\n showDot = true;\r\n }\r\n this.setState({\r\n showDot: showDot\r\n });\r\n }\r\n });\r\n });\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.hubs.dataMes) {\r\n if (\r\n nextProps.notification !== this.props.notification &&\r\n nextProps.notification.notification\r\n ) {\r\n let showDot = false;\r\n let isAnimate = false;\r\n let notifications = nextProps.notification.notification.inAppInfoLists;\r\n let len = notifications.length;\r\n let unRead = 0;\r\n for (let i = 0; i < len; i++) {\r\n if (!notifications[i].readStatus) {\r\n // showDot = true;\r\n // isAnimate = true;\r\n unRead++;\r\n // break;\r\n }\r\n }\r\n if (unRead > NUMBER) {\r\n showDot = true;\r\n isAnimate = true;\r\n }\r\n this.setState({\r\n showDot: showDot,\r\n isAnimate: isAnimate\r\n });\r\n }\r\n } else {\r\n if (\r\n nextProps.notification !== this.props.notification &&\r\n nextProps.notification.notification\r\n ) {\r\n let showDot = false;\r\n let notifications = nextProps.notification.notification.inAppInfoLists;\r\n let len = notifications.length;\r\n let unRead = 0;\r\n for (let i = 0; i < len; i++) {\r\n if (!notifications[i].readStatus) {\r\n // showDot = true;\r\n unRead++;\r\n // break;\r\n }\r\n }\r\n if (unRead > NUMBER) {\r\n showDot = true;\r\n }\r\n this.setState({\r\n showDot: showDot,\r\n isAnimate: false\r\n });\r\n } else {\r\n this.setState({\r\n isAnimate: false\r\n });\r\n }\r\n }\r\n }\r\n renderMenu = (\r\n { path, title, exact, className },\r\n locale,\r\n handleCloseMenu,\r\n index\r\n ) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n ) : (\r\n \r\n \r\n 
\r\n \r\n
\r\n {isAuthenticated ? (\r\n \r\n
\r\n \r\n \r\n \r\n {!this.state.showDot && (\r\n
\r\n \r\n \r\n {`Welcome, ${name ? name : \"....\"}`}\r\n \r\n \r\n {!this.state.showDot && (\r\n
\r\n
\r\n \r\n {`Welcome, ${name ? name : \"....\"}`}\r\n \r\n \r\n {!this.state.showDot && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }}\r\n \r\n {nowUrl === \"/\" || nowUrl === \"/sign-in\" ? (\r\n \r\n ) : (\r\n \r\n 
\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {nowUrl === \"/sign-up\" ? \"Sign In\" : \"Sign Up\"}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n renderMenuItems = ({ path, title, className }, locale, subIndex) => {\r\n return (\r\n \r\n {title}\r\n
\r\n - 3 ? \"col-split-2\" : \"\"}`}>\r\n {items.map((value, subIndex) =>\r\n this.renderMenuItems(value, locale, subIndex)\r\n )}\r\n
\r\n
\r\n \r\n {!title && translate(\"modal.title._message\")}\r\n
\r\n {/*\r\n\t\t\t\t\t\t\t\t
*/}\r\n \r\n {this.props.children}\r\n
\r\n\r\n \r\n {confirmButtonText || translate(\"modal.button._ok\")}\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {!title && translate(\"modal.title._message\")}\r\n
\r\n {/*\r\n
*/}\r\n \r\n {this.props.children}\r\n
\r\n\r\n \r\n {confirmButtonText || translate(\"modal.button._ok\")}\r\n \r\n \r\n {cancelButtonText || translate(\"modal.button._cancel\")}\r\n \r\n
\r\n \r\n )}\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n}\r\nIFrameModal.propTypes = {\r\n\tisOpen: PropTypes.bool.isRequired,\r\n\thideModal: PropTypes.func.isRequired,\r\n\tsrc: PropTypes.string.isRequired,\r\n\ttitle: PropTypes.string,\r\n\tonCloseClick: PropTypes.func,\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n\thideModal: () => dispatch(hideModal()),\r\n})\r\n\r\nexport default connect(null, mapDispatchToProps)(IFrameModal)\r\n","import React, { Component } from \"react\";\r\nimport ReactModal from \"react-modal\";\r\nimport { Translate } from \"react-localize-redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { postReply } from \"../../../redux/modules/Decision\";\r\nimport {\r\n showMessageModal,\r\n showConfirmMessage\r\n} from \"../../../redux/modules/Modal\";\r\nimport {\r\n receiveNewStamp,\r\n pendingReplyApi,\r\n isReload,\r\n saveEvents\r\n} from \"../../../redux/modules/Hub\";\r\n\r\nclass ModalDecisionBase extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentWillMount() {\r\n ReactModal.setAppElement(\"#root\");\r\n }\r\n\r\n handleClick(option) {\r\n const { hideModal, type } = this.props;\r\n let data = {\r\n id: this.props.modalDecision.id,\r\n reply: option\r\n };\r\n this.props\r\n .postReply(data)\r\n .then(() => {\r\n if (this.props.decision.postReply) {\r\n this.props.showMessageModal(this.props.decision.postReply, () => {\r\n this.handleModalType(type);\r\n });\r\n } else {\r\n this.handleModalType(type);\r\n }\r\n window.location.reload();\r\n })\r\n .catch(() => {\r\n this.handleModalType(type);\r\n });\r\n hideModal();\r\n }\r\n\r\n handleModalType = type => {\r\n if (type == 1) {\r\n this.props.saveEvents(\"\");\r\n this.props.pendingReplyApi(false);\r\n this.props.isReload(false);\r\n this.props.receiveNewStamp(\"\");\r\n } else if (type == 2) {\r\n this.props.pendingReplyApi(false);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n showModal,\r\n question,\r\n message,\r\n isOpen,\r\n children,\r\n ...props\r\n } = this.props;\r\n let options = this.props.modalDecision.options;\r\n let decisionType = this.props.modalDecision.decisionType;\r\n let title = this.props.modalDecision.title;\r\n return (\r\n \r\n {decisionType === \"EXCHANGE VOUCHER\" ? \"Exchange Voucher\" : title}\r\n
\r\n\r\n {children ? children : \"\"}\r\n
\r\n\r\n {options &&\r\n options.map(option => {\r\n return (\r\n // \r\n // {option}\r\n // \r\n \r\n {option}\r\n \r\n );\r\n })}\r\n
\r\n \r\n )}\r\n \r\n \r\n {this.props.children}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFooter.propTypes = {\r\n location: PropTypes.object.isRequired,\r\n isAuthenticated: PropTypes.bool.isRequired,\r\n match: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = ({ mobileMenu }) => ({\r\n isMenuOpen: mobileMenu.isMenuOpen\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n toggleMenu: bindActionCreators(toggleMobileMenu, dispatch),\r\n closeMenu: bindActionCreators(closeMobileMenu, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Layout);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getTranslate,\r\n getActiveLanguage,\r\n Translate\r\n} from \"react-localize-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { push } from \"connected-react-router\";\r\nimport {\r\n SidebarMenuLinks,\r\n DropdownLinks,\r\n AboutLinks\r\n} from \"../../configs/MenuLinks\";\r\nimport { closeMobileMenu } from \"../../redux/modules/MobileMenu\";\r\nimport { showConfirmMessage } from \"../../redux/modules/Modal\";\r\nimport Collapse from \"../components/common/Collapse\";\r\nimport LgSignOut from \"../../images/RE_Menu_Sign_Out.png\";\r\nimport classNames from \"classnames\";\r\n\r\nclass SideNavBar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.redirect = this.redirect.bind(this);\r\n }\r\n\r\n handleLogout = () => {\r\n this.props.showConfirmMessage(\r\n \"Are you sure you want to log out?\",\r\n () => this.redirect(\"/logout\"),\r\n null,\r\n \"Logout\",\r\n \"Cancel\"\r\n );\r\n };\r\n\r\n renderMenu = ({ path, title, exact, className, items, img }, index) => {\r\n const url = `${path}`;\r\n const children = (\r\n - \r\n {DropdownLinks.map((path, index) =>\r\n this.renderMenuItems(path, index, undefined, true)\r\n )}\r\n
\r\n {items && items.length > 0 ? (\r\n this.redirect(url)}\r\n >\r\n e.preventDefault()}\r\n exact={exact}\r\n to={url}\r\n activeClassName=\"active\"\r\n className={className}\r\n >\r\n 
\r\n \r\n \r\n )}\r\n
\r\n );\r\n };\r\n\r\n renderMenuItems = (\r\n { path, title, exact, className, img },\r\n index,\r\n isHeading,\r\n isChildren\r\n ) => {\r\n const url = `${path}`;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSideNavBar.propTypes = {\r\n location: PropTypes.object.isRequired,\r\n translate: PropTypes.func.isRequired,\r\n currentLanguage: PropTypes.string.isRequired,\r\n match: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = ({ auth, locale, mobileMenu }) => ({\r\n translate: getTranslate(locale),\r\n currentLanguage: getActiveLanguage(locale).code,\r\n isMenuOpen: mobileMenu.isMenuOpen\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n closeMenu: bindActionCreators(closeMobileMenu, dispatch),\r\n push: bindActionCreators(push, dispatch),\r\n showConfirmMessage: bindActionCreators(showConfirmMessage, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SideNavBar);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst secondsPerMin = 60;\r\nconst millisecondsPerSecond = 1000;\r\nconst minute = millisecondsPerSecond * secondsPerMin;\r\n\r\nclass IdleMonitor extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.events = [\r\n \"load\",\r\n \"mousemove\",\r\n \"mousedown\",\r\n \"click\",\r\n \"scroll\",\r\n \"keypress\"\r\n ];\r\n\r\n this.warn = this.warn.bind(this);\r\n this.expired = this.expired.bind(this);\r\n this.start = this.start.bind(this);\r\n this.destroy = this.destroy.bind(this);\r\n this.resetTimeout = this.resetTimeout.bind(this);\r\n }\r\n\r\n clearTimeout() {\r\n if (this.warnTimeout) clearTimeout(this.warnTimeout);\r\n\r\n if (this.expiredTimeout) clearTimeout(this.expiredTimeout);\r\n }\r\n\r\n setTimeout() {\r\n const { warnTimeoutMins, expiredTimeoutMins } = this.props;\r\n\r\n this.warnTimeout = setTimeout(this.warn, warnTimeoutMins * minute);\r\n\r\n this.expiredTimeout = setTimeout(this.expired, expiredTimeoutMins * minute);\r\n }\r\n\r\n setIntervalResetToken() {\r\n const { refreshIntervalMins } = this.props;\r\n\r\n this.intervalRefreshToken = setInterval(() => {\r\n this.props.onRefreshInterval();\r\n }, refreshIntervalMins * minute);\r\n }\r\n\r\n clearIntervalResetToken() {\r\n if (this.intervalRefreshToken) clearInterval(this.intervalRefreshToken);\r\n }\r\n\r\n resetTimeout() {\r\n this.clearTimeout();\r\n this.setTimeout();\r\n }\r\n\r\n warn() {\r\n this.props.onWarn && this.props.onWarn();\r\n }\r\n\r\n expired() {\r\n this.props.onExpired && this.props.onExpired();\r\n this.destroy();\r\n }\r\n\r\n destroy() {\r\n this.clearTimeout();\r\n\r\n this.clearIntervalResetToken();\r\n\r\n for (var i in this.events) {\r\n window.removeEventListener(this.events[i], this.resetTimeout);\r\n }\r\n\r\n this.props.onDestroy && this.props.onDestroy();\r\n }\r\n\r\n start() {\r\n //start even listeners\r\n for (var i in this.events) {\r\n window.addEventListener(this.events[i], this.resetTimeout);\r\n }\r\n\r\n //set refresh token every 5 mins\r\n this.setIntervalResetToken();\r\n\r\n this.props.onStart && this.props.onStart();\r\n }\r\n\r\n componentDidMount() {\r\n this.start();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.destroy();\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\nIdleMonitor.defaultProps = {\r\n warnTimeoutMins: 10,\r\n expiredTimeoutMins: 15,\r\n refreshIntervalMins: 5\r\n};\r\n\r\nIdleMonitor.propTypes = {\r\n onWarn: PropTypes.func,\r\n onExpired: PropTypes.func,\r\n onStart: PropTypes.func,\r\n onDetroy: PropTypes.func,\r\n onRefreshInterval: PropTypes.func,\r\n warnTimeoutMins: PropTypes.number.isRequired,\r\n expiredTimeoutMins: PropTypes.number.isRequired,\r\n refreshIntervalMins: PropTypes.number.isRequired\r\n};\r\n\r\nexport default IdleMonitor;\r\n","import React, { Component } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport { connect } from \"react-redux\"\r\nimport { getTranslate } from \"react-localize-redux\"\r\nimport { bindActionCreators } from \"redux\"\r\n\r\nimport SideNavbar from \"../layout/SideNavbar\"\r\n// import BGImage from \"../../images/backgrounds/bg.svg\"\r\nimport IdleMonitor from \"../components/shared/IdleMonitor\"\r\nimport { showMessageModal, destroyModal } from \"../../redux/modules/Modal\"\r\nimport { logout, refreshToken } from \"../../redux/modules/Auth\"\r\nimport { timeoutConfigs } from \"../../configs\"\r\n\r\nconst { warnTimeoutMins, logoutTimeoutMins, refreshIntervalMins } = timeoutConfigs\r\n\r\nclass PrivateLayout extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.handlewWarn = this.handlewWarn.bind(this)\r\n\t\tthis.handleRefreshInterval = this.handleRefreshInterval.bind(this)\r\n\t\tthis.handlewExpired = this.handlewExpired.bind(this)\r\n\t}\r\n\r\n\thandleRefreshInterval = () => {\r\n\t\tthis.props.refreshToken()\r\n\t}\r\n\r\n\thandlewWarn = () => {\r\n\t\tconst { showMessageModal, destroyModal, refreshToken, translate } = this.props\r\n\t\t//destroy any existing modal\r\n\t\tdestroyModal().then(() =>\r\n\t\t\t//show warning timeout\r\n\t\t\tshowMessageModal(translate(\"idleMonitor.warnMessage\", { time: 2 }), () =>\r\n\t\t\t\trefreshToken()\r\n\t\t\t)\r\n\t\t)\r\n\t}\r\n\r\n\thandlewExpired = () => {\r\n\t\tconst { showMessageModal, logout, destroyModal, translate } = this.props\r\n\r\n\t\t//destroy any existing modal\r\n\t\tdestroyModal()\r\n\t\t\t.then(() =>\r\n\t\t\t\t//show session timeout message\r\n\t\t\t\tshowMessageModal(translate(\"idleMonitor.sessionExpired\"))\r\n\t\t\t)\r\n\t\t\t.then(() => logout())\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t- \r\n {SidebarMenuLinks.map((path, index) => this.renderMenu(path, index))}\r\n
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nPrivateLayout.propTypes = {\r\n\tlocation: PropTypes.object.isRequired,\r\n\tisAuthenticated: PropTypes.bool.isRequired,\r\n\tmatch: PropTypes.object.isRequired,\r\n\tkeepLogin: PropTypes.bool.isRequired,\r\n}\r\n\r\nconst mapStateToProps = ({ locale }) => ({\r\n\ttranslate: getTranslate(locale),\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n\tshowMessageModal: bindActionCreators(showMessageModal, dispatch),\r\n\tdestroyModal: bindActionCreators(destroyModal, dispatch),\r\n\tlogout: bindActionCreators(logout, dispatch),\r\n\trefreshToken: bindActionCreators(refreshToken, dispatch),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PrivateLayout)\r\n","import React, { PureComponent } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Switch } from \"react-router\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { getTranslate, getActiveLanguage } from \"react-localize-redux\";\r\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\r\n\r\nimport \"../helpers/polyfills\";\r\nimport { Routes, PrivateRoutes, SharedRoutes } from \"../configs\";\r\nimport PrivateRoute from \"./components/routes/PrivateRoute\";\r\nimport RouteWithSubRoutes from \"./components/routes/RouteWithSubRoutes\";\r\nimport Layout from \"./layout/Layout\";\r\nimport PrivateLayout from \"./layout/PrivateLayout\";\r\nimport connectHub from \"../helpers/connectHub\";\r\nimport {\r\n sendInAppMessage,\r\n receiveNewStamp,\r\n pendingReplyApi,\r\n isReload,\r\n saveEvents\r\n} from \"../redux/modules/Hub\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { showConfirmMessage, showDecisionModal } from \"../redux/modules/Modal\";\r\nimport { getPendingDecisionById } from \"../redux/modules/Decision\";\r\nimport {\r\n getCurrentCard,\r\n getCardById1,\r\n getCardById2\r\n} from \"../redux/modules/Stamp\";\r\nimport { push } from \"connected-react-router\";\r\nimport moment from \"moment\";\r\n\r\nclass App extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n accessGranted = true;\r\n async componentDidMount() {\r\n if (this.props.isAuthenticated) {\r\n connectHub.createConnectHub();\r\n connectHub.startConnectHub();\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (!nextProps.isAuthenticated) {\r\n connectHub.disconnectHub();\r\n }\r\n if (\r\n (nextProps.events && this.props.events !== nextProps.events) ||\r\n nextProps.pendingEvent != this.props.pendingEvent\r\n ) {\r\n if (\r\n !nextProps.pendingEvent &&\r\n nextProps.events &&\r\n nextProps.events.length > 0\r\n ) {\r\n let event = nextProps.events[0];\r\n this.processEvents(event);\r\n }\r\n }\r\n }\r\n processEvents = event => {\r\n let type = event.type;\r\n let data = event.data;\r\n if (type === \"stamp\") {\r\n this.processStampEvent(data);\r\n } else if (type === \"card\") {\r\n let decisionId = data.decisionId;\r\n if (decisionId) {\r\n this.processCardEvent(decisionId);\r\n }\r\n }\r\n };\r\n processCardEvent = decisionId => {\r\n this.props\r\n .getPendingDecisionById(decisionId)\r\n .then(() => {\r\n let decision = this.props.decisionById[0];\r\n if (decision.decisionType == \"NEW CARD\")\r\n decision.options = [\"Start NEW Card\", \"Continue CURRENT Card\"];\r\n\r\n this.props.showDecisionModal(decision, 1);\r\n })\r\n .catch(() => {\r\n this.props.saveEvents(\"\");\r\n this.props.pendingReplyApi(false);\r\n this.props.isReload(false);\r\n });\r\n };\r\n processStampEvent = stamps => {\r\n let lastCardId = stamps.lastCardId;\r\n let currentCardId = stamps.currentCardId;\r\n let message = (\r\n {this.props.children}
\r\n\r\n\t\t\t\t{!this.props.keepLogin && (\r\n\t\t\t\t\t\r\n
\r\n {\" Would you like to check out your card?\"}\r\n
\r\n );\r\n let isAfter = this.props.isInFiveMinutes;\r\n let nowUrl = window.location.pathname;\r\n if (nowUrl == \"/rewards-card\" && isAfter) {\r\n if (!lastCardId) {\r\n this.props.getCurrentCard().then(() => {\r\n this.props.receiveNewStamp(stamps);\r\n this.props.isReload(true);\r\n });\r\n } else {\r\n this.props.getCardById1(lastCardId).then(() => {\r\n this.props.getCardById2(currentCardId).then(() => {\r\n this.props.receiveNewStamp(stamps);\r\n this.props.isReload(true);\r\n });\r\n });\r\n }\r\n } else {\r\n if (this.props.isSpinWheel) {\r\n this.props.receiveNewStamp(stamps);\r\n if (!lastCardId) {\r\n this.props.getCurrentCard();\r\n } else {\r\n this.props.getCardById1(lastCardId).then(() => {\r\n this.props.getCardById2(currentCardId);\r\n });\r\n }\r\n } else {\r\n this.props.showConfirmMessage(\r\n message,\r\n () => {\r\n this.props.receiveNewStamp(stamps);\r\n if (!lastCardId) {\r\n this.props.getCurrentCard().then(() => {\r\n this.props.history.push(\"/rewards-card\");\r\n });\r\n } else {\r\n this.props.getCardById1(lastCardId).then(() => {\r\n this.props.getCardById2(currentCardId).then(() => {\r\n this.props.history.push(\"/rewards-card\");\r\n });\r\n });\r\n }\r\n },\r\n () => {\r\n this.props.saveEvents(\"\");\r\n this.props.pendingReplyApi(false);\r\n },\r\n \"Yes\",\r\n \"No\"\r\n );\r\n }\r\n }\r\n };\r\n render() {\r\n const {\r\n currentLanguage,\r\n isAuthenticated,\r\n location,\r\n keepLogin\r\n } = this.props;\r\n if (this.accessGranted)\r\n return (\r\n {\"Congratulations\"}
\r\n {\"You have earned some new stamps.\"}\r\n\r\n {\" Would you like to check out your card?\"}\r\n
You shall not pass
;\r\n }\r\n}\r\n\r\nApp.propTypes = {\r\n isAuthenticated: PropTypes.bool.isRequired,\r\n location: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n translate: PropTypes.func.isRequired,\r\n currentLanguage: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = ({ auth, locale, router, hubs, decision }) => ({\r\n isAuthenticated: auth.isAuthenticated,\r\n keepLogin: auth.keepLogin,\r\n translate: getTranslate(locale),\r\n location: router.location,\r\n currentLanguage: getActiveLanguage(locale).code,\r\n stamps: hubs.stamps,\r\n pendingEvent: hubs.pendingEvent,\r\n eventTime: hubs.eventTime,\r\n isInFiveMinutes: hubs.isInFiveMinutes,\r\n events: hubs.events,\r\n isSpinWheel: hubs.isSpinWheel,\r\n decisionById: decision.decisionById\r\n});\r\nconst mapDispatchToProps = dispatch => ({\r\n sendInAppMessage: bindActionCreators(sendInAppMessage, dispatch),\r\n showConfirmMessage: bindActionCreators(showConfirmMessage, dispatch),\r\n receiveNewStamp: bindActionCreators(receiveNewStamp, dispatch),\r\n getCurrentCard: bindActionCreators(getCurrentCard, dispatch),\r\n getCardById1: bindActionCreators(getCardById1, dispatch),\r\n getCardById2: bindActionCreators(getCardById2, dispatch),\r\n pendingReplyApi: bindActionCreators(pendingReplyApi, dispatch),\r\n isReload: bindActionCreators(isReload, dispatch),\r\n getPendingDecisionById: bindActionCreators(getPendingDecisionById, dispatch),\r\n showDecisionModal: bindActionCreators(showDecisionModal, dispatch),\r\n saveEvents: bindActionCreators(saveEvents, dispatch)\r\n});\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(App));\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === \"localhost\" ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === \"[::1]\" ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener(\"load\", () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl, { updateViaCache: \"none\" })\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === \"installed\") {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log(\"New content is available; please refresh.\");\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log(\"Content is cached for offline use.\");\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error(\"Error during service worker registration:\", error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get(\"content-type\").indexOf(\"javascript\") === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n \"No internet connection found. App is running in offline mode.\"\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if (\"serviceWorker\" in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","/* eslint-disable */\r\nconst LangShare = {\r\n _sign_up: [\"JOIN NOW\", \"Đăng ký\"],\r\n _register: [\"Register\", \"tài khoản\"],\r\n _login: [\"Sign In\", \"Đăng nhập\"],\r\n _sign_in: [\"Sign In\", \"Đăng nhập\"],\r\n _Submitting: [\"Submitting...\", \"vi_Submitting...\"],\r\n _Submit: [\"Submit\", \"Gửi\"],\r\n _Cancel: [\"Cancel\", \"Hủy\"],\r\n _enableEdit: [\"Edit\", \"Chỉnh sửa\"],\r\n _Continue: [\"Continue\", \"Tiếp tục\"],\r\n _saveChanges: [\"Save Changes\", \"Lưu thay đổi\"],\r\n _unregister: [\"Unregister\", \"Hủy tài khoản\"],\r\n _Reset: [\"Reset\", \"vi_Reset\"],\r\n _Back: [\"Back\", \"Quay lại\"],\r\n _Reload: [\"Reload\", \"Nạp tiền\"],\r\n _confirmAddress: [\"Confirm Address\", \"Xác nhận địa chỉ\"],\r\n\r\n _btnResetPassword: [\"Reset Password\", \"Thay đổi mật khẩu\"],\r\n _changeMyPassword: [\"Change Password\", \"Thay đổi mật khẩu\"],\r\n _submitPromocode: [\"Redeem\", \"Đổi mã khuyến mại\"],\r\n _currencyBalance: [\"${currency} ${balance}\", \"${balance} ${currency}\"],\r\n _Transfer: [\"Transfer Balance\", \"Chuyển tiền\"],\r\n _SetAsDefault: [\"Set as Default Card\", \"Chọn làm thẻ mặc định\"],\r\n \"_shared.form._cardNoRules\": [\r\n \"No spaces or dashes\",\r\n \"Không chừa khoảng cách hoặc gạch giữa\"\r\n ],\r\n \"_shared.form._fileUploadRules\": [\r\n \"Accepted FileFormats: *.jpeg, *.jpg, *.gif, *.png, *.pdf\",\r\n \"Sử dụng dữ liệu có đuôi *.jpeg, *.jpg, *.gif, *.png, *.pdf\"\r\n ],\r\n \"_shared.form._cardDetails\": [\"CARD DETAILS\", \"THÔNG TIN THẺ\"],\r\n \"_shared.form.label._firstName\": [\"First Name\", \"Tên\"],\r\n \"_shared.form.label._lastName\": [\"Last Name\", \"Họ\"],\r\n \"_shared.form.label._genderCode\": [\"Gender\", \"Giới Tính\"],\r\n \"_shared.form.label._nationality\": [\"Nationality\", \"Quốc Tịch\"],\r\n \"_shared.form.label._countryCode\": [\" \", \" \"],\r\n \"_shared.form.label._mobileNo\": [\"Mobile Number\", \"Điện thoại\"],\r\n \"_shared.form.label._dob\": [\"Date of Birth\", \"Sinh nhật\"],\r\n \"_shared.form.label._day\": [\"Day\", \"Ngày\"],\r\n \"_shared.form.label._month\": [\"Month\", \"Tháng\"],\r\n \"_shared.form.label._year\": [\"Year\", \"vi_Year\"],\r\n \"_shared.form.label._password\": [\"Password\", \"Mật khẩu\"],\r\n \"_shared.form.label._confirmPassword\": [\r\n \"Re-enter Password\",\r\n \"Xác nhận mật khẩu\"\r\n ],\r\n \"_shared.form.label._email\": [\"Email Address\", \"Địa chỉ email\"],\r\n \"_shared.form.label._phone\": [\"Phone Number\", \"Số điện thoại\"],\r\n \"_shared.form.label._keepSignIn\": [\r\n \"Keep me sign in\",\r\n \"Lưu thông tin đăng nhập\"\r\n ],\r\n \"_shared.form.label._rememberMe\": [\"Remember Me\", \"Remember Me\"],\r\n \"_shared.form.label._card\": [\"Card\", \"Thẻ\"],\r\n \"_shared.form.label._cardNo\": [\"Card Number\", \"Số thẻ\"],\r\n \"_shared.form.label._printedName\": [\"Card Name\", \"Tên thẻ\"],\r\n \"_shared.form.label._securityCode\": [\"Security Code\", \"Số bảo mật\"],\r\n \"_shared.form.label._topic\": [\"Select Feedback Type\", \"Chủ đề\"],\r\n \"_shared.form.label._dateOfVisit\": [\"Date Of Visit\", \"Date Of Visit\"],\r\n \"_shared.form.label._visitedOutlet\": [\"Visited Outlet\", \"Visited Outlet\"],\r\n \"_shared.form.label._message\": [\"Message\", \"Tin nhắn\"],\r\n \"_shared.form.label._attachment\": [\"Attachment\", \"Đính kèm\"],\r\n \"_shared.form.label._salutation\": [\"Salutation\", \"Danh xưng\"],\r\n \"_shared.form.label._maritalStatus\": [\r\n \"Marital Status\",\r\n \"Tình trạng hôn nhân\"\r\n ],\r\n \"_shared.form.label._nationality\": [\"Nationality\", \"Nationality\"],\r\n \"_shared.form.label._address\": [\"Address\", \"Địa chỉ\"],\r\n \"_shared.form.label._address1\": [\"Address Line 1\", \"Địa chỉ\"],\r\n \"_shared.form.label._address2\": [\"Address Line 2\", \"Địa chỉ\"],\r\n \"_shared.form.label._postalCode\": [\"Postal Code\", \"Postal Code\"],\r\n \"_shared.form.label._ward\": [\"Ward\", \"Phường\"],\r\n \"_shared.form.label._city\": [\"City\", \"Thành Phố\"],\r\n \"_shared.form.label._district\": [\"District\", \"Quận\"],\r\n \"_shared.form.label._country\": [\"Country of Residence\", \"Quận\"],\r\n \"_shared.form.label._recaptcha\": [\"Captcha\", \"Mã xác thực\"],\r\n \"_shared.form.info._contactCCCtoChangeFieldValue\": [\r\n \"This information is mandatory and cannot be changed, please contact our Customer Care for any queries at (028) 7306 7676\",\r\n \"Các thông tin này sẽ không thể thay đổi, vui lòng liên hệ Trung Tâm Dịch Vụ Khách Hàng của chúng tôi tại (028) 7306 7676 nếu bạn có bất kỳ thắc mắc\"\r\n ],\r\n\r\n \"_shared.form.placeholder._select\": [\"Select\", \"Chọn\"]\r\n};\r\n\r\nexport default LangShare;\r\n","/* eslint-disable */\r\nconst LangErrorMessage = {\r\n \"_shared.form.validate._emailIsNotValid\": [\r\n \"Please enter a valid email\",\r\n \"Địa chỉ email không hợp lệ\"\r\n ],\r\n \"_shared.form.validate._passwordIsNotValid\": [\r\n \"The password must contain at least 8 characters.\",\r\n \"Mật khẩu không hợp lệ\"\r\n ],\r\n \"_shared.form._required\": [\"* Required\", \"* Vui lòng nhập\"],\r\n \"_shared.form.validate._required\": [\r\n \"Please enter ${label}\",\r\n \"Please enter ${label}\"\r\n ],\r\n \"_shared.form.validate._requiredMobi\": [\r\n \"Please enter ${label}\",\r\n \"Please enter ${label}\"\r\n ],\r\n \"_shared.form.validate._minLength\": [\r\n \"Must be at least 8 characters\",\r\n \"Phải dài ít nhất 8 ký tự\"\r\n ],\r\n \"_shared.form.validate._fixedLength\": [\r\n \"Must be ${fixedLength} characters\",\r\n \"Phải dài ${fixedLength} ký tự\"\r\n ],\r\n \"_shared.form.validate._maxLength\": [\r\n \"Must be no more than 8 characters\",\r\n \"Không được nhiều hơn 8 ký tự\"\r\n ],\r\n \"_shared.form.validate._maxLengthEmail\": [\r\n \"Email must be no more than 64 characters\",\r\n \"Email must be no more than 64 characters\"\r\n ],\r\n \"_shared.form.validate._firstNumber\": [\r\n \"Please enter valid ${label} \",\r\n \"Please enter valid ${label}\"\r\n ],\r\n \"_shared.form.validate._formatCountryCode\": [\r\n \"${label} must be start with “+” character\",\r\n \"${label} must be start with “+” character\"\r\n ],\r\n \"_shared.form.validate._isValidCountryCode\": [\r\n \"Please enter valid a country code. Eg: +65\",\r\n \"Please enter valid a country code. Eg: +65\"\r\n ],\r\n \"_shared.form.validate._integer\": [\r\n \"Please fill in number\",\r\n \"Vui lòng nhập số\"\r\n ],\r\n \"_shared.form.validate._notMatch\": [\r\n \"Do not match ${match}\",\r\n \"${match} không khớp\"\r\n ],\r\n \"_shared.form.validate._invalidDate\": [\r\n \"The birthday is invalid\",\r\n \"Ngày sinh nhật không hợp lệ\"\r\n ],\r\n \"_shared.form.validate._allowFileExtensions\": [\r\n \"Please upload FileFormats: *.jpeg, *.jpg, *.gif, *png, *pdf\",\r\n \"Vui lòng tải lên các file *.jpeg, *.jpg, *.gif, *png, *pdf\"\r\n ],\r\n\r\n \"_shared.form.validate._moreThanMaxFileSize\": [\r\n \"Must be not more than ${maxSize} Mb\",\r\n \"Dung lượng không quá ${maxSize} Mb\"\r\n ],\r\n \"_shared.form.validate._noSpecialChars\": [\r\n \"Please don't use any special characters.\",\r\n \"Vui lòng không gõ Tiếng Việt.\"\r\n ],\r\n \"_shared.form.validate._noVnChars\": [\r\n \"Only enter alphabets with no Vietnamese marks.\",\r\n \"Vui lòng nhập thông tin không dấu.\"\r\n ],\r\n \"_shared.page.params._invalidCardNo\": [\r\n \"Invalid Card No!\",\r\n \"Số thẻ không hợp lệ\"\r\n ]\r\n};\r\n\r\nexport default LangErrorMessage;\r\n","const LangHeader = {\r\n \"header.topMenu._benefits\": [\"BENEFITS\", \"QUYỀN LỢI\"],\r\n \"header.topMenu._mobile_app\": [\"MOBILE APP\", \"ỨNG DỤNG ĐIỆN THOẠI\"],\r\n \"header.topMenu._view_card_designs\": [\"VIEW CARD DESIGNS\", \"CÁC MẪU THẺ\"],\r\n \"header.topMenu._faqs\": [\"FAQS\", \"FAQs\"],\r\n \"header.topMenu._logout\": [\"Logout\", \"Đăng xuất\"],\r\n \"header.topMenu._login_signup\": [\r\n \"Sign In / Sign Up >\",\r\n \"Đăng nhập / Đăng ký >\"\r\n ]\r\n};\r\n\r\nexport default LangHeader;\r\n","const LangSidebar = {\r\n \"sidebar.navigation._account\": [\"ACCOUNT SUMMARY\", \"TÓM TẮT TÀI KHOẢN\"],\r\n \"sidebar.navigation._rewards\": [\"MY &REWARDS CARD\", \"QUÀ THƯỞNG CỦA TÔI\"],\r\n \"sidebar.navigation._profile\": [\"MY PROFILE\", \"TÀI KHOẢN CỦA TÔI\"],\r\n \"sidebar.navigation._cards\": [\"MY CARDS\", \"THẺ CỦA TÔI\"],\r\n \"sidebar.navigation._wallet\": [\"MY WALLET\", \"THẺ CỦA TÔI\"],\r\n \"sidebar.navigation._transactions\": [\" MY TRANSACTIONS\", \"LỊCH SỬ GIAO DỊCH\"],\r\n \"sidebar.navigation._redeemPromocode\": [\"PROMO CODE\", \"MÃ KHUYẾN MÃI\"],\r\n \"sidebar.navigation._byodQrCode\": [\"MOBILE ORDERING\", \"ĐẶT HÀNG QUA DI ĐỘNG\"],\r\n \"sidebar.navigation._stores\": [\"STORES\", \"CỬA HÀNG\"],\r\n \"sidebar.navigation._contactUs\": [\"CONTACT US\", \"LIÊN HỆ CHÚNG TÔI NGAY\"],\r\n \"sidebar.navigation._promotion\": [\"PROMOTIONS\", \"KHUYẾN MÃI\"],\r\n \"sidebar.navigation._catalogue\": [\"CATALOGUE\", \"KHUYẾN MÃI\"],\r\n \"sidebar.navigation._aboutUs\": [\"ABOUT US\", \"LIÊN HỆ\"],\r\n \"sidebar.navigation._about\": [\"ABOUT\", \"THÔNG TIN\"],\r\n \"sidebar.navigation._activateCard\": [\"ACTIVATE CARD\", \"ACTIVATE CARD\"],\r\n \"sidebar.navigation._changePassword\": [\"CHANGE PASSWORD\", \"CHANGE PASSWORD\"],\r\n \"sidebar.navigation._howtoUse\": [\"HOW TO USE\", \"HOW TO USE\"],\r\n \"sidebar.navigation._logout\": [\"LOG OUT\", \"ĐĂNG XUẤT\"],\r\n \"sidebar.navigation._unregister\": [\"UNREGISTER\", \"HỦY TÀI KHOẢN\"],\r\n \"sidebar.navigation._policy\": [\"PRIVACY POLICY\", \"PRIVACY POLICY\"],\r\n \"sidebar.navigation._terms\": [\"TERMS & CONDITIONS\", \"TERMS & CONDITIONS\"],\r\n \"sidebar.navigation._faqs\": [\"&REWARDS FAQ\", \"&REWARDS FAQ\"],\r\n \"sidebar.navigation._reward\": [\"&REWARDS\", \"&REWARDS\"],\r\n \"sidebar.navigation._downloadMobile\": [\r\n \"Download Mobile App\",\r\n \"TẢI ỨNG DỤNG ĐIỆN THOẠI\"\r\n ],\r\n \"sidebar.navigation._havingDifficulties\": [\r\n \"HAVING DIFFICULTIES? \",\r\n \"BẠN CẦN GIÚP ĐỠ?\"\r\n ],\r\n \"sidebar.navigation._contact\": [\"CONTACT\", \"LIÊN HỆ\"],\r\n \"sidebar.navigation._contactCsv\": [\r\n \"OUR CUSTOMER SERIVCE NOW\",\r\n \"CHÚNG TÔI NGAY\"\r\n ]\r\n};\r\n\r\nexport default LangSidebar;\r\n","const LangFooter = {\r\n \"footer.footerMenu._Change_Region\": [\"Change Region\", \"Thay đổi ngôn ngữ\"],\r\n \"footer.footerMenu._English\": [\"English\", \"English\"],\r\n \"footer.footerMenu._Vietnamese\": [\"Tiếng Việt (VN)\", \"Tiếng Việt (VN)\"],\r\n \"footer._copyright\": [\r\n \"© 2019 RE&S Singapore. All rights reserved.\",\r\n \"© 2019 RE&S Singapore. Mọi quyền được bảo lưu.\"\r\n ]\r\n};\r\n\r\nexport default LangFooter;\r\n","/* eslint-disable */\r\nconst LangMyAccount = {\r\n\t\"myAccount._title\": [\"MY ACCOUNT\", \"TÀI KHOẢN CỦA TÔI\"],\r\n\t\"myAccount.copy._totalStarEarner\": [\"Total Stars Earned\", \"Tổng điểm ngôi sao\"],\r\n\r\n\t\"myAccount.copy._xLevel\": [\"${tierCode}\", \"${tierCode}\"],\r\n\t\"myAccount.copy._xLevel_Gold\": [\"Gold\", \"Vàng\"],\r\n\t\"myAccount.copy._xLevel_Green\": [\"Green\", \"Xanh\"],\r\n\t\"myAccount.copy._xLevel_tier\": [\" Tier\", \"Hạng thẻ \"],\r\n\t\"myAccount.copy._anniversaryDate\": [\r\n\t\t\"Anniversary Date${date}\",\r\n\t\t\"Ngày kỷ niệm
${date}\",\r\n\t],\r\n\t\"myAccount.copy._xStarsUntilReward\": [\r\n\t\t\"You are ${stars} Stars away from Gold Tier\",\r\n\t\t\"Còn ${stars} điểm ngôi sao nữa để hạng thẻ Vàng\",\r\n\t],\r\n\t\"myAccount.copy._xStarsUntilFreeDrink\": [\r\n\t\t\"You are ${stars} Stars away from free drink.\",\r\n\t\t\"Còn ${stars} điểm ngôi sao nữa để nhận ly nước miễn phí.\",\r\n\t],\r\n\t\"myAccount.copy._xStarsToRetain\": [\r\n\t\t\"You are ${stars} Stars away to retain Gold Tier\",\r\n\t\t\"Còn ${stars} điểm ngôi sao nữa để gia hạng thẻ Vàng\",\r\n\t],\r\n\t\"myAccount.copy._extendXLevel\": [\r\n\t\t\"You are qualified to extend your Gold Level for 1 year.\",\r\n\t\t\"Bạn đã đủ điều kiện được duy trì hạng thẻ Vàng cho 1 năm.\",\r\n\t],\r\n\t\"myAccount.copy._asOfXDate\": [\"AS OF ${date}\", \"ngày cập nhật gần nhất ${date}\"],\r\n}\r\n\r\nexport default LangMyAccount\r\n","const LangMyRewards = {\r\n\t\"myRewards._title\": [\"MY REWARDS\", \"QUÀ THƯỞNG CỦA TÔI\"],\r\n\t\"myRewards.header._validUntil\": [\"VALIDITY UNTIL\", \"NGÀY HẾT HẠN\"],\r\n\t\"myRewards.header._rewards\": [\"REWARDS\", \"QUÀ THƯỞNG\"],\r\n\t\"myRewards.header._to\": [\"To\", \"Đến\"],\r\n\t\"myRewards.body._noAvailableRecord\": [\r\n\t\t\"You don't have any earned Rewards at the moment.\",\r\n\t\t\"Tài khoản của bạn hiện chưa có quà thưởng.\",\r\n\t],\r\n}\r\n\r\nexport default LangMyRewards\r\n","const LangMyTransactions = {\r\n \"myTransactions._title\": [\"MY TRANSACTIONS\", \"GIAO DỊCH CỦA TÔI\"],\r\n \"myTransactions.header._transactions\": [\"Transaction\", \"GIAO DỊCH\"],\r\n \"myTransactions.header._cardno\": [\"Card\", \"THẺ\"],\r\n \"myTransactions.header._noStampEarn\": [\"Stamps Earned\", \"Tem\"],\r\n \"myTransactions.header._description\": [\"DESCRIPTION\", \"DESCRIPTION\"],\r\n \"myTransactions.header._amount\": [\"Amount\", \"SỐ TIỀN\"],\r\n \"myTransactions.header._balance\": [\"BALANCE\", \"SỐ TIỀN\"],\r\n \"myTransactions.header._starEarned\": [\"STAR EARNED\", \"ĐIỂM NGÔI SAO\"],\r\n \"myTransactions.header._datetime\": [\"DATE TIME\", \"THỜI GIAN\"],\r\n \"myTransactions.header._date\": [\"Date\", \"THỜI GIAN\"],\r\n \"myTransactions.header._time\": [\"TIME\", \"THỜI GIAN\"],\r\n \"myTransactions.header._outlet\": [\"Outlet\", \"CỬA HÀNG\"],\r\n \"myTransactions.body._noAvailableRecord\": [\r\n \"No transactions found\",\r\n \"Tài khoản của bạn hiện chưa có giao dịch\"\r\n ],\r\n \"myTransactions.type.SALES\": [\"In Store Purchase\", \"In Store Purchase\"],\r\n \"myTransactions.type.PLUS ADJUSTMENT\": [\"In Store Reload\", \"In Store Reload\"],\r\n \"myTransactions.type.CUSTOMER CARE\": [\r\n \"Customer Care Center\",\r\n \"Customer Care Center\"\r\n ],\r\n \"myTransactions.type.FUNDS TRANSFER\": [\"Funds Transfer\", \"Funds Transfer\"],\r\n \"myTransactions.type.MINUS ADJUSTMENT\": [\r\n \"MINUS ADJUSTMENT\",\r\n \"vi_MINUS ADJUSTMENT\"\r\n ],\r\n \"myTransactions.type.POINTS REDEMPTION\": [\r\n \"POINTS REDEMPTION\",\r\n \"vi_POINTS REDEMPTION\"\r\n ],\r\n \"myTransactions.type.REFUND SALES ITEMS\": [\r\n \"REFUND SALES ITEMS\",\r\n \"vi_REFUND SALES ITEMS\"\r\n ],\r\n \"myTransactions.type.POINTS REWARD FOR ITEM\": [\r\n \"POINTS REWARD FOR ITEM\",\r\n \"vi_POINTS REWARD FOR ITEM\"\r\n ],\r\n \"myTransactions.type.ITEM REDEMPTION\": [\r\n \"ITEM REDEMPTION\",\r\n \"vi_ITEM REDEMPTION\"\r\n ],\r\n \"myTransactions.type.VOUCHER REDEMPTION\": [\r\n \"Reward Redemption\",\r\n \"Reward Redemption\"\r\n ],\r\n \"myTransactions._details\": [\"Details\", \"Chi tiết\"]\r\n};\r\n\r\nexport default LangMyTransactions;\r\n","const LangDefaultCardForm = {\r\n\t\"defaultCardForm.form._title\": [\"MY TRANSACTIONS\", \"Giao dịch của tôi\"],\r\n\t\"defaultCardForm.copy._storeValue\": [\"BALANCE\", \"Số tiền trên thẻ\"],\r\n\t\"defaultCardForm.copy._expiryDate\": [\"EXPIRY DATE\", \"Ngày hết hạn\"],\r\n\t\"defaultCardForm.form.label._isDefault\": [\"Set as Default\", \"Chọn làm thẻ mặc định\"],\r\n}\r\n\r\nexport default LangDefaultCardForm\r\n","/* eslint-disable */\r\nconst LangIdleMonitor = {\r\n\t\"idleMonitor.warnMessage\": [\r\n\t\t\"You will be logged out automatically in ${time} minutes.\",\r\n\t\t\"Bạn sẽ tự động đăng xuất sau ${time} phút.\",\r\n\t],\r\n\t\"idleMonitor.sessionExpired\": [\r\n\t\t\"Your session was expired.\",\r\n\t\t\"Phiên hoạt động của bạn đã hết hạn.\",\r\n\t],\r\n}\r\n\r\nexport default LangIdleMonitor\r\n","const LangSignIn = {\r\n \"signIn.signUp._notAMember\": [\"NOT A MEMBER?\", \"Chưa là thành viên?\"],\r\n \"signIn.signUp._reward\": [\r\n \"Lorem ipsum dolor sit amet\",\r\n \"Lorem ipsum dolor sit amet\"\r\n ],\r\n \"signIn.signUp._description\": [\r\n \"
We reward you for dining with us! Get a step closer to your next reward everytime you have a date, family gathering or business meeting at any of our establishments.
Registration is free & simple!
Khi bạn đăng ký thành công thẻ Abbott, bạn đã là thành viên của chương trình Abbott RewardsTM.
Thanh toán bằng thẻ Abbott RewardsTM khi thực hiện bất kỳ giao dịch tại cửa hàng Abbott để tích lũy điểm ngôi sao.
Bạn sẽ được một ngôi sao điểm thưởng với mỗi chi tiêu VND 40,000.
Tích lũy 100 ngôi sao điểm thưởng trong một năm để được nâng lên hạng thẻ Vàng.
\"\r\n ],\r\n \"signIn.form._forgotPasswordOrEmail\": [\"Forgot your \", \"Quên \"],\r\n \"signIn.form._email\": [\"email\", \"email\"],\r\n \"signIn.form._password\": [\"password\", \"mật khẩu\"],\r\n \"signIn.form._invalidCredential\": [\r\n \"Please check your sign-in information and try again. 5 failed attempts before your account will be temporarily locked for 10 mins\",\r\n \"Địa chỉ email hoặc mật khẩu không đúng, vui lòng thử lại. Tài khoản của bạn sẽ bị tạm khóa trong vòng 10 phút nếu bạn nhập sai thông tin quá 5 lần.\"\r\n ],\r\n \"signIn.signUp._pay\": [\"Pay with your phone\", \"Thanh toán với ứng dụng\"],\r\n \"signIn.signUp._earn\": [\"Earn free Drinks and Food\", \"Bánh và nước miễn phí\"],\r\n \"signIn.signUp._exclusive\": [\"Exclusive Member Offer\", \"Ưu đãi đặc biệt\"]\r\n};\r\n\r\nexport default LangSignIn;\r\n","const LangContactUs = {\r\n \"contact._title\": [\"QUESTION OR COMMENTS?\", \"LIÊN HỆ CHÚNG TÔI\"],\r\n\r\n \"contact.subTitle._howCanWeHelp\": [\r\n \"Need some help on your Abbott Rewards™ account?\",\r\n \"Bạn cần trợ giúp cho tài khoản Abbott Rewards™?\"\r\n ],\r\n\r\n \"contact.form._description\": [\r\n \"We welcome all questions, comments and feedback - it helps us make your experience at Abbott the best it can be.
Please select the topic below that best fits your comment or question, then e-mail us.
\",\r\n \"Chúng tôi rất mong nhận được góp ý hcủa bạn để giúp chúng tôi mang đến trải nghiệm tốt nhất cho bạn.
Hãy chọn chủ đề hoặc câu bạn bạn muốn gửi đến chúng tôi.
\"\r\n ],\r\n\r\n \"contact.form.label._privacyAgreement\": [\r\n \"I am aware that personal data submitted will be used in accordance with the privacy statement.
\",\r\n \"Đồng ý rằng các thông tin cá nhân của tôi sẽ được Abbott sử dụng vá tuân thủ các chính sách bảo mật của công ty.\"\r\n ],\r\n \"contact.form.name._privacyAgreement\": [\r\n \"Privacy Statement\",\r\n \"Chính sách bảo mật thông tin\"\r\n ],\r\n \"contact.form._privacyAgreementRules\": [\"\", \"\"]\r\n};\r\n\r\nexport default LangContactUs;\r\n","const LangSignUp = {\r\n \"signUp.form._createAccount\": [\"CREATE AN ACCOUNT\", \"TẠO TÀI KHOẢN\"],\r\n \"signUp.form._passwordRules\": [\r\n \"The password must contain at least 8 characters.\",\r\n \"The password must contain at least 8 characters.\"\r\n ],\r\n \"signUp.form._subtitle\": [\r\n \"Using your Abbott Gift Card is easier than ever!\\\r\n\t\tJust fill in your details below to create a personal account,\\\r\n\t\tdo remember to save your password carefully.\",\r\n \"Using your Abbott Gift Card is easier than ever!\\\r\n\t\tJust fill in your details below to create a personal account,\\\r\n\t\tdo remember to save your password carefully.\"\r\n ],\r\n \"signUp.form._consentAgreementRules\": [\r\n \"By clicking this button, I agree to the Abbott Site \",\r\n \"Bằng cách bấm nút bên dưới, tôi đã đọc và đồng ý với Abbott \"\r\n ],\r\n \"signUp.form.label._consentAgreementCheck\": [\r\n \"I have read and agree to the Terms and Conditions of\\\r\n\t\tthe Abbott Gift Card program (Click Here to view T&C’s)\",\r\n \"I have read and agree to the Terms and Conditions of\\\r\n\t\tthe Abbott Gift Card program (Click Here to view T&C’s)\"\r\n ],\r\n \"signUp.form.name._consentAgreementCheck\": [\r\n \"Consent Agreement Check\",\r\n \"Consent Agreement Check\"\r\n ],\r\n \"signUp.form._termOfUse\": [\"Terms & Conditions\", \"Điều kiện điều khoản\"],\r\n \"signUp.form.label._consentAgreement_\": [\r\n \"Sign me up to receive exclusive offers and news\\\r\n\t\tfrom Abbott via Email, SMS and Mail.\",\r\n \"Sign me up to receive exclusive offers and news\\\r\n\t\tfrom Abbott via Email, SMS and Mail.\"\r\n ],\r\n \"signUp.form.label._consentAgreement\": [\r\n \"I do not wish to receive news, special offers and more from Abbott.\",\r\n \"Không đồng ý nhận email khuyến mãi từ chương trình.\"\r\n ],\r\n \"signUp.form.name._consentAgreement\": [\r\n \"Consent Agreement\",\r\n \"vi_Consent Agreement\"\r\n ],\r\n \"signUp.form._Whatisthis\": [\"What is this?\", \"vi_What is this?\"],\r\n \"signUp.form._Scratch\": [\r\n \"Scratch off this portion at the back of your card\",\r\n \"Vui lòng nhập dãy số dưới lớp cào\"\r\n ]\r\n};\r\n\r\nexport default LangSignUp;\r\n","const LangForgotEmail = {\r\n\t\"forgotEmail._title\": [\"FORGOT YOUR EMAIL\", \"QUÊN ĐỊA CHỈ EMAIL\"],\r\n\t\"forgotEmail._message\": [\r\n\t\t`\r\n\t\t\tPlease contact our Customer Care at\r\n\t\t\t(028) 7306 7676\r\n\t\t\tor\r\n\t\t\t\r\n\t\t\t\thttps://support.abbott.com.sg/hc/en-us/requests/new\r\n\t\t\t.\r\n\t\t
\r\n\t\t\r\n\t\t\tWe will provide assistance on retrieving login information.\r\n\t\t
`,\r\n\t\t`\r\n\t\t\tVui lòng liên hệ Trung Tâm Dịch Vụ Khách Hàng của chúng tôi tại\r\n\t\t\t(028) 7306 7676\r\n\t\t\thoặc email đến\r\n\t\t\t\r\n\t\t\t\thttps://support.abbott.com.sg/hc/en-us/requests/new\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t\tChúng tôi sẽ hỗ trợ bạn xem lại thông tin email đã đăng ký\r\n\t\t
`,\r\n\t],\r\n}\r\n\r\nexport default LangForgotEmail\r\n","const LangForgotPassword = {\r\n \"forgotPassword._title\": [\"Trouble Logging In?\", \"QUÊN MẬT KHẨU\"],\r\n \"forgotPassword.form.button._resetMyPassword\": [\r\n \"Reset Password\",\r\n \"Thay đổi mật khẩu\"\r\n ],\r\n \"forgotPassword._description\": [\r\n `Enter your registered email address and we'll send you a link to reset your password.`,\r\n `Vui lòng nhập địa chỉ email bạn đã đăng ký tại đây. Chúng tôi sẽ gửi thông tin hướng dẫn bạn cách chọn lại mật khẩu.`\r\n ]\r\n};\r\n\r\nexport default LangForgotPassword;\r\n","const LangResetPassword = {\r\n\t\"resetPassword._title\": [\"RESET PASSWORD\", \"THAY ĐỔI MẬT KHẨU\"],\r\n\t\"resetPassword.form.label._newPassword\": [\"New Password\", \"Mật khẩu mới\"],\r\n\t\"resetPassword.form.label._confirmNewPassword\": [\r\n\t\t\"Confirm New Password\",\r\n\t\t\"Nhập lại mật khẩu mới\",\r\n\t],\r\n}\r\n\r\nexport default LangResetPassword\r\n","const LangChangePassword = {\r\n \"changePassword._title\": [\"Change Password\", \"ĐỔI MẬT KHẨU\"],\r\n \"changePassword.form.label._currentPassword\": [\r\n \"Current Password\",\r\n \"Mật khẩu hiện tại\"\r\n ],\r\n \"changePassword.form.label._newPassword\": [\"New Password\", \"Mật khẩu mới\"],\r\n \"changePassword.form.label._confirmNewPassword\": [\r\n \"Confirm New Password\",\r\n \"Nhập lại mật khẩu mới\"\r\n ]\r\n};\r\n\r\nexport default LangChangePassword;\r\n","const LangProfile = {\r\n \"profile.title\": [\"MY PROFILE\", \"TÀI KHOẢN CỦA TÔI\"],\r\n \"profile.note\": [\r\n \"Tap the Edit button below to make changes to your profile\",\r\n \"Nhấn vào Edit button để hiệu chỉnh\"\r\n ],\r\n \"profile.subTitle.personalInformation\": [\r\n \"PERSONAL INFORMATION\",\r\n \"THÔNG TIN CÁ NHÂN\"\r\n ],\r\n \"profile.subTitle.addressInformation\": [\"ADDRESS INFORMATION\", \"ĐỊA CHỈ\"],\r\n \"profile.link.changePassword\": [\"Change my password\", \"Thay đổi mật khẩu\"],\r\n \"profile.link.unregisterAccount\": [\r\n \"Click here if you want to unregister your account.\",\r\n \"Bấm tại đây nếu bạn muốn hủy tài khoản.\"\r\n ]\r\n};\r\n\r\nexport default LangProfile;\r\n","/* eslint-disable */\r\nconst LangUnregister = {\r\n\t\"unregister._title\": [\"REMOVE MY ACCOUNT\", \"HỦY TÀI KHOẢN\"],\r\n\t\"unregister._content\": [\r\n\t\t`\r\n\t\t\tBy unregister your Card, you will no longer\r\n\t\t\tbe a member of Abbott RewardsTM.\r\n\t\t\tYou will be forfeiting any of the\r\n\t\t\tStars or available rewards. Your account\r\n\t\t\tinformation will be removed.\r\n\t\t
`,\r\n\t\t`\r\n\t\t\tNếu bạn chọn hủy tài khoản, bạn sẽ không còn là thành viên của Abbott RewardsTM.\r\n\t\t\tĐiều này đồng nghĩa tất cả điểm ngôi sao và quà thưởng bạn hiện có trong tài khoản sẽ được hủy khỏi hệ thống. Các thông tin cá nhân trong tài khoản cũng bị xóa khỏi hệ thống.\r\n\t\t
`,\r\n\t],\r\n\t\"unregister._removeButton\": [\"Remove My Account\", \"Hủy tài khoản\"],\r\n\t\"unregister.message._hasStoreBalance\": [\r\n\t\t\"You cards still have balance. Please use it before unregistering.\",\r\n\t\t\"Thẻ của bạn vẫn còn số dư. Hãy sử dụng hết số dư trong thẻ trước khi hủy tài khoản.\",\r\n\t],\r\n\t\"unregister.message._confirmation\": [\r\n\t\t\"Are you sure you want to unregister?\",\r\n\t\t\"Bạn có chắc chắn muốn hủy tài khoản không?\",\r\n\t],\r\n\t\"unregister.message._confirmation_\": [\r\n\t\t\"Dear ${MyName}\" +\r\n\t\t\t`` +\r\n\t\t\t\"To complete this process, please check your email to confirm your account has been unregistered. This will ensure your account is removed from our system.\",\r\n\t\t\"Gửi ${MyName}\" +\r\n\t\t\t`
` +\r\n\t\t\t\"Vui lòng kiểm tra hộp thư bạn đã đăng ký và chọn vào đường dẫn để hoàn tất việc đồng ý xóa tài khoản khỏi chương trình. Khi bạn chọn vào đường dẫn để xác nhận, toàn bộ thông tin tài khoản của bạn sẽ được xóa khỏi hệ thống.\",\r\n\t],\r\n}\r\n\r\nexport default LangUnregister\r\n","const LangCardDetails = {\r\n\t\"cardDetails._title\": [\"MY CARDS\", \"THẺ CỦA TÔI\"],\r\n\t\"cardDetails.button._transferBalance\": [\"Transfer Balance\", \"Chuyển tiền\"],\r\n\t\"cardDetails.reportLostCard\": [\"Report Lost Card\", \"Báo mất thẻ\"],\r\n\t\"cardDetails.removeCard\": [\"Remove Card\", \"Hủy thẻ\"],\r\n\t\"cardDetails.cards\": [\"CARDS\", \"THẺ\"],\r\n\t\"cardDetails.storedValue\": [\"STORE VALUE\", \"SỐ DƯ THẺ\"],\r\n\t\"cardDetails.newValue\": [\"NEW VALUE\", \"vi_NEW VALUE\"],\r\n\t\"cardDetails.status\": [\"STATUS\", \"TÌNH TRẠNG\"],\r\n\t\"cardDetails.defaultCard\": [\"Default Card\", \"Thẻ mặc định\"],\r\n\t\"cardDetails.message._removeCardConfirmation\": [\r\n\t\t\"Are you sure you want to remove this card?\",\r\n\t\t\"Bạn có chắc muốn hủy thẻ này?\",\r\n\t],\r\n\t\"cardDetails.message._hasStoreBalance\": [\r\n\t\t\"You cards still have balance. Please use it or transfer to another before removing. Do you want to redirect to Transfer Balance page?\",\r\n\t\t\"Thẻ của bạn vẫn còn số dư. Hãy sử dụng hết số dư trong thẻ hoặc chuyển số dư sang thẻ khác trước khi hủy thẻ. Bạn có muốn chuyển số dư ngay?\",\r\n\t],\r\n\t\"cardDetails.message._reportLostCardConfirmation\": [\r\n\t\t\"Are you sure you want to report this card as lost or stolen?\",\r\n\t\t\"Bạn có chắc muốn báo mất thẻ này?\",\r\n\t],\r\n\t\"cardDetails.message._transferBalanceOfSuspendedCard\": [\r\n\t\t\"Do you want to transfer the balance of your suspended card?\",\r\n\t\t\"Bạn có muốn chuyển số dư của thẻ bị báo mất?\",\r\n\t],\r\n\t\"cardDetails.message._reportCardIsDefault\": [\r\n\t\t\"This is default card. Please select other card as default before proceeding to report.\",\r\n\t\t\"vi_This is default card. Please select other card as default before proceeding to report.\",\r\n\t],\r\n\t\"cardDetails.message._verifyAddress\": [\r\n\t\t\"We can send you a replacement card, please verify your address.\",\r\n\t\t\"Chúng tôi sẽ gửi thẻ thay thế đến cho bạn, hãy cập nhật địa chỉ tại đây.\",\r\n\t],\r\n\t\"cardDetails.transactionHistory\": [\"Transaction History\", \"Lịch sử giao dịch\"],\r\n}\r\n\r\nexport default LangCardDetails\r\n","const LangCards = {\r\n\t\"cards._title\": [\"MY CARDS\", \"THẺ CỦA TÔI\"],\r\n\t\"cards._mySuspendedCards\": [\"MY SUSPENDED CARDS\", \"THẺ ĐANG TẠM KHÓA\"],\r\n\t\"cards._addCard\": [\"(+) Add Card\", \"(+) Thêm thẻ\"],\r\n}\r\n\r\nexport default LangCards\r\n","const LangTransactionDetails = {\r\n\t\"transactionDetails._title\": [\"MY TRANSACTION DETAILS\", \"CHI TIẾT GIAO DỊCH\"],\r\n\t\"transactionDetails.headers.transactionId\": [\"TRANSACTION ID\", \"SỐ HÓA ĐƠN\"],\r\n\t\"transactionDetails.headers.receiptId\": [\"RECEIPT ID\", \"Số hóa đơn\"],\r\n\t\"transactionDetails.headers.dateAndTime\": [\"DATE AND TIME\", \"NGÀY GIỜ\"],\r\n\t\"transactionDetails.headers.store\": [\"STORE\", \"CỬA HÀNG\"],\r\n\t\"transactionDetails.headers.starsEarned\": [\"STARS EARNED\", \"ĐIỂM NGÔI SAO\"],\r\n\t\"transactionDetails.headers.bonusStars\": [\"BONUS STARS\", \"NGÔI SAO THƯỞNG\"],\r\n\t\"transactionDetails.headers.cardNo\": [\"CARD NUMBER\", \"SỐ THẺ\"],\r\n\t\"transactionDetails.headers.title\": [\"TITLE\", \"CHI TIẾT\"],\r\n\t\"transactionDetails.headers.amount\": [\"AMOUNT\", \"SỐ TIỀN\"],\r\n\t\"transactionDetails.headers.payment\": [\"PAYMENT\", \"THANH TOÁN\"],\r\n\t\"transactionDetails.bottom.total\": [\"TOTAL\", \"TỔNG CỘNG\"],\r\n\t\"transactionDetails.bottom.discount\": [\"Discount\", \"Giảm giá\"],\r\n\t\"transactionDetails.params._invalidReceiptNo\": [\r\n\t\t\"Oops! Something went wrong\",\r\n\t\t\"Đang có sự cố xảy ra\",\r\n\t],\r\n\t\"transactionDetails.type.SALES\": [\"In Store Purchase\", \"In Store Purchase\"],\r\n\t\"transactionDetails.type.PLUS ADJUSTMENT\": [\"In Store Reload\", \"In Store Reload\"],\r\n\t\"transactionDetails.type.TOP UP\": [\"Reload SVC Card\", \"Reload SVC Card\"],\r\n\t\"transactionDetails.type.MINUS ADJUSTMENT\": [\r\n\t\t\"MINUS ADJUSTMENT\",\r\n\t\t\"vi_MINUS ADJUSTMENT\",\r\n\t],\r\n\t\"transactionDetails.type.POINTS REDEMPTION\": [\r\n\t\t\"POINTS REDEMPTION\",\r\n\t\t\"vi_POINTS REDEMPTION\",\r\n\t],\r\n\t\"transactionDetails.type.REFUND SALES ITEMS\": [\r\n\t\t\"REFUND SALES ITEMS\",\r\n\t\t\"vi_REFUND SALES ITEMS\",\r\n\t],\r\n\t\"transactionDetails.type.POINTS REWARD FOR ITEM\": [\r\n\t\t\"POINTS REWARD FOR ITEM\",\r\n\t\t\"vi_POINTS REWARD FOR ITEM\",\r\n\t],\r\n\t\"transactionDetails.type.ITEM REDEMPTION\": [\"ITEM REDEMPTION\", \"vi_ITEM REDEMPTION\"],\r\n\t\"transactionDetails.type.VOUCHER REDEMPTION\": [\r\n\t\t\"Reward Redemption\",\r\n\t\t\"Reward Redemption\",\r\n\t],\r\n\t\"transactionDetails.type.redeemed\": [\"Redeemed\", \"Đã đổi quà thưởng\"],\r\n\t\"transactionDetails.type.FUNDS TRANSFER\": [\"Funds Transfer\", \"Funds Transfer\"],\r\n\t\"transactionDetails.paymentType.CARD\": [\"Abbott Card\", \"Abbott Card\"],\r\n\t\"transactionDetails.paymentType.CREDIT\": [\"Credit Card\", \"Credit Card\"],\r\n\t\"transactionDetails.paymentType.CASH\": [\"Cash\", \"Cash\"],\r\n}\r\n\r\nexport default LangTransactionDetails\r\n","const LangAddCard = {\r\n\t\"addCard._title\": [\"ADD CARD\", \"THÊM THẺ MỚI\"],\r\n\t\"addCard.form.button._addCard\": [\"Add Card\", \"Nhập\"],\r\n}\r\n\r\nexport default LangAddCard\r\n","const LangNotFound = {\r\n\t\"notFound._title\": [\"Doh 404!\", \"Doh 404!\"],\r\n\t\"notFound._message\": [\r\n\t\t`These are not the droids you are looking for!`,\r\n\t\t`Đang có sự cố xảy ra!`,\r\n\t],\r\n}\r\n\r\nexport default LangNotFound\r\n","/*eslint-disable*/\r\nconst LangTransferBalance = {\r\n\t\"transferBalance.validate._noStoreValue\": [\r\n\t\t\"This card has no store value balance.\",\r\n\t\t\"Thẻ này không còn số dư.\",\r\n\t],\r\n\t\"transferBalance.header._transferFrom\": [\"TRANSFER FROM\", \"CHUYỂN TỪ\"],\r\n\t\"transferBalance.header._transferTo\": [\"TRANSFER TO\", \"CHUYỂN ĐẾN\"],\r\n\t\"transferBalance.rules._maxAllow\": [\r\n\t\t\"A maximum of ${maxAllow} can be stored in one card at any one time\",\r\n\t\t\"Tối đa số dư được phép trên mỗi thẻ là ${maxAllow}\",\r\n\t],\r\n}\r\n\r\nexport default LangTransferBalance\r\n","const LangReportLostCard = {\r\n\t\"reportLost.copy._message\": [\r\n\t\t\"Please confirm your mailing list to receive replacement card.\",\r\n\t\t\"Vui lòng cập nhật địa chỉ để nhận thẻ thay thế.\",\r\n\t],\r\n\t\"reportLost.message._updateAddress\": [\r\n\t\t\"Your address has been updated.\",\r\n\t\t\"Địa chỉ đã được cập nhật.\",\r\n\t],\r\n}\r\n\r\nexport default LangReportLostCard\r\n","const LangModal = {\r\n \"modal.button._confirm\": [\"Confirm\", \"Xác nhận\"],\r\n \"modal.button._ok\": [\"Ok\", \"OK\"],\r\n \"modal.button._cancel\": [\"Cancel\", \"Hủy\"],\r\n \"modal.button._yes\": [\"Yes\", \"Có\"],\r\n \"modal.button._no\": [\"No\", \"Không\"],\r\n \"modal.title._message\": [\" \", \" \"]\r\n};\r\n\r\nexport default LangModal;\r\n","const LangVerifyGoldCardAddress = {\r\n\t\"verifyGoldCardAddress.copy._message\": [\r\n\t\t\"Please confirm your mailing list to recieve gold card.\",\r\n\t\t\"Vui lòng xác nhận lại địa chỉ để nhận thẻ Vàng.\",\r\n\t],\r\n\t\"verifyGoldCardAddress.message._updateAddress\": [\r\n\t\t\"Your address has been updated.\",\r\n\t\t\"Địa chỉ đã được cập nhật.\",\r\n\t],\r\n\t\"verifyGoldCardAddress._title\": [\"Verify Mailing Address\", \"Xác nhận địa chỉ\"],\r\n}\r\n\r\nexport default LangVerifyGoldCardAddress\r\n","const LangAboutUs = {\r\n \"aboutUs._title\": [\"ABOUT US\", \"LIÊN HỆ CHÚNG TÔI\"],\r\n\r\n \"aboutUs.subTitle._howCanWeHelp\": [\r\n \"Need some help on your Abbott Rewards™ account?\",\r\n \"Bạn cần trợ giúp cho tài khoản Abbott Rewards™?\"\r\n ],\r\n\r\n \"aboutUs.form._description\": [\r\n \"
We welcome all questions, comments and feedback - it helps us make your experience at Abbott the best it can be.
Please select the topic below that best fits your comment or question, then e-mail us.
\",\r\n \"Chúng tôi rất mong nhận được góp ý hcủa bạn để giúp chúng tôi mang đến trải nghiệm tốt nhất cho bạn.
Hãy chọn chủ đề hoặc câu bạn bạn muốn gửi đến chúng tôi.
\"\r\n ],\r\n\r\n \"aboutUs.form.label._privacyAgreement\": [\r\n \"Confirm that I am aware the personal data I submit to Abbott will be used in accordance with the Abbott Privacy Statement\",\r\n \"Đồng ý rằng các thông tin cá nhân của tôi sẽ được Abbott sử dụng vá tuân thủ các chính sách bảo mật của công ty.\"\r\n ],\r\n \"aboutUs.form.name._privacyAgreement\": [\r\n \"Privacy Agreement\",\r\n \"Chính sách bảo mật thông tin\"\r\n ],\r\n \"aboutUs.form._privacyAgreementRules\": [\"\", \"\"],\r\n\r\n \"aboutUs._AboutUsTitle\": [\"ABOUT\", \"\"],\r\n \"aboutUs._howItWorksMessage\": [\r\n \"Redeem the stored value in your Abbott Gift Card for purchases across Abbott stores in Singapore.\",\r\n \"Redeem the stored value in your Abbott Gift Card for purchases across Abbott stores in Singapore.\"\r\n ],\r\n\r\n \"aboutUs._whereToPurchase\": [\"WHERE TO PURCHASE\", \"\"],\r\n\r\n \"aboutUs._corporateOrdersTitle\": [\"CORPORATE ORDERS\", \"\"],\r\n\r\n \"aboutUs._corporateOrdersMessage._1\": [\r\n `Since 2010, Abbott has built up an excellent track record in fulfilling voucher redemption programmes, servicing major organizations in Singapore.`,\r\n \"\"\r\n ],\r\n \"aboutUs._corporateOrdersMessage._2\": [\r\n \"Our Corporate Sales & Partnerships department provides a one-stop solution tailored to individual business requirements. The redemption process is hassle-free and allows letter holders to conveniently redeem Gift Vouchers at our customer service counters.\",\r\n \"\"\r\n ],\r\n \"aboutUs._corporateOrdersMessage._3\": [\r\n \"For more information, contact our experienced Corporate Sales & Partnerships officers at 6681 7452 or email us at SG.Corporatesales@alfuttaim.com\",\r\n \"\"\r\n ],\r\n\r\n \"aboutUs._faqTitle\": [\"FREQUENTLY ASKED QUESTIONS\", \"\"],\r\n\r\n \"aboutUs._faqMessage._1\": [\r\n `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,\r\n \"\"\r\n ],\r\n \"aboutUs._faqMessage._2\": [\r\n `Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,\r\n \"\"\r\n ]\r\n};\r\n\r\nexport default LangAboutUs;\r\n","const LangRewardsCard = {\r\n \"rewardsCard.btn._redeemVoucher\": [\"Exchange all my stamps for cash voucher\"]\r\n};\r\n\r\nexport default LangRewardsCard;\r\n","const LangRedeemPromocode = {\r\n \"redeemPromocode._title\": [\"Enter promo code\", \"NHẬP MÃ KHUYẾN MÃI\"],\r\n \"redeemPromocode.form.label._code\": [\r\n \"Promo codes are case-sensitive.\",\r\n \"Mã khuyến mãi có phân biệt chữ hoa và chữ thường.\"\r\n ]\r\n};\r\nexport default LangRedeemPromocode;\r\n","const LangMobileOrdering = {\r\n \"mobileOrdering._title\": [\r\n \"Please scan QR code assignedto your table to order\",\r\n \"Vui lòng quét mã QR được gán cho bàn của bạn để đặt hàng\"\r\n ]\r\n};\r\nexport default LangMobileOrdering;\r\n","// General strings\r\nimport LangShare from \"./general/LangShare\";\r\nimport LangErrorMessage from \"./general/LangErrorMessage\";\r\n\r\n// Modules string\r\nimport LangHeader from \"./modules/LangHeader\";\r\nimport LangSidebar from \"./modules/LangSidebar\";\r\nimport LangFooter from \"./modules/LangFooter\";\r\nimport LangMyAccount from \"./modules/LangMyAccount\";\r\nimport LangMyRewards from \"./modules/LangMyRewards\";\r\nimport LangMyTransactions from \"./modules/LangMyTransactions\";\r\nimport LangDefaultCardForm from \"./modules/LangDefaultCardForm\";\r\nimport LangIdleMonitor from \"./modules/LangIdleMonitor\";\r\n\r\n// Pages strings\r\nimport LangSignIn from \"./pages/LangSignIn\";\r\nimport LangSignUp from \"./pages/LangSignUp\";\r\nimport LangForgotEmail from \"./pages/LangForgotEmail\";\r\nimport LangForgotPassword from \"./pages/LangForgotPassword\";\r\nimport LangResetPassword from \"./pages/LangResetPassword\";\r\nimport LangContactUs from \"./pages/LangContactUs\";\r\nimport LangChangePassword from \"./pages/LangChangePassword\";\r\nimport LangProfile from \"./pages/LangProfile\";\r\nimport LangUnregister from \"./pages/LangUnregister\";\r\nimport LangCardDetails from \"./pages/LangCardDetails\";\r\nimport LangCards from \"./pages/LangCards\";\r\nimport LangTransactionDetails from \"./pages/LangTransactionDetails\";\r\nimport LangAddCard from \"./pages/LangAddCard\";\r\nimport LangNotFound from \"./pages/LangNotFound\";\r\nimport LangTransferBalance from \"./pages/LangTransferBalance\";\r\nimport LangReportLostCard from \"./pages/LangReportLostCard\";\r\nimport LangModal from \"./modules/LangModal\";\r\nimport LangVerifyGoldCardAddress from \"./pages/LangVerifyGoldCardAddress\";\r\nimport LangAboutUs from \"./pages/LangAboutUs\";\r\nimport LangRewarsCard from \"./pages/LangRewardsCard\";\r\nimport LangRedeemPromocode from \"./pages/LangRedeemPromocode\";\r\nimport LangMobileOrdering from \"./pages/LangMobileOrdering\";\r\n\r\nvar Translations = {};\r\n\r\n// General strings\r\nTranslations = Object.assign(Translations, LangShare, LangErrorMessage);\r\n\r\n// Modules strings\r\nTranslations = Object.assign(\r\n Translations,\r\n LangMyAccount,\r\n LangMyRewards,\r\n LangMyTransactions,\r\n LangDefaultCardForm,\r\n LangHeader,\r\n LangFooter,\r\n LangSidebar,\r\n LangIdleMonitor,\r\n LangModal\r\n);\r\n\r\n// Pages strings\r\nTranslations = Object.assign(\r\n Translations,\r\n LangSignIn,\r\n LangSignUp,\r\n LangForgotEmail,\r\n LangForgotPassword,\r\n LangContactUs,\r\n LangChangePassword,\r\n LangUnregister,\r\n LangProfile,\r\n LangCardDetails,\r\n LangCards,\r\n LangResetPassword,\r\n LangTransactionDetails,\r\n LangAddCard,\r\n LangNotFound,\r\n LangTransferBalance,\r\n LangReportLostCard,\r\n LangVerifyGoldCardAddress,\r\n LangAboutUs,\r\n LangRewarsCard,\r\n LangRedeemPromocode,\r\n LangMobileOrdering\r\n);\r\n\r\nexport default Translations;\r\n","import { stopSubmit, change } from \"redux-form\";\r\nimport { getActiveLanguage } from \"react-localize-redux\";\r\n\r\nimport { transformToFormErrors } from \"../../helpers/validator\";\r\nimport authHeader from \"../../helpers/authHeader\";\r\nimport { logout } from \"../modules/Auth\";\r\nimport userCulture from \"../../helpers/userCulture\";\r\n\r\nexport default function callAPIMiddleware({ dispatch, getState }) {\r\n return next => action => {\r\n const {\r\n types,\r\n callAPI,\r\n shouldCallAPI = () => true,\r\n payload = {},\r\n hardcodedAuthToken\r\n } = action;\r\n\r\n if (!types) {\r\n // Normal action: pass it on\r\n return next(action);\r\n }\r\n\r\n if (\r\n !Array.isArray(types) ||\r\n types.length !== 3 ||\r\n !types.every(type => typeof type === \"string\")\r\n ) {\r\n throw new Error(\"Expected an array of three string types.\");\r\n }\r\n\r\n if (typeof callAPI !== \"function\") {\r\n throw new Error(\"Expected callAPI to be a function.\");\r\n }\r\n\r\n if (!shouldCallAPI(getState())) {\r\n return Promise.resolve();\r\n }\r\n\r\n const [requestType, successType, failureType] = types;\r\n\r\n dispatch(\r\n Object.assign({}, payload, {\r\n type: requestType\r\n })\r\n );\r\n const { locale, auth } = getState();\r\n // Alter defaults after instance has been created\r\n const config = {\r\n // params: { culture: userCulture(getActiveLanguage(locale).code) },\r\n headers: {\r\n Authorization: hardcodedAuthToken\r\n ? authHeader(hardcodedAuthToken).Authorization\r\n : authHeader(auth.token).Authorization,\r\n \"Accept-Language\": userCulture(getActiveLanguage(locale).code)\r\n }\r\n };\r\n\r\n return callAPI(config).then(\r\n response => {\r\n const data = response.data;\r\n const successMessage = data ? data.message : \"\";\r\n\r\n if (payload && payload.formId) {\r\n dispatch(stopSubmit(payload.formId));\r\n }\r\n\r\n return dispatch(\r\n Object.assign({}, payload, {\r\n response,\r\n type: successType,\r\n payload: data ? data.payload : null,\r\n errorMessage: \"\",\r\n successMessage\r\n })\r\n );\r\n },\r\n error => {\r\n const response = error.response ? error.response : {},\r\n data = response.data;\r\n let errorMessage = data\r\n ? data.message\r\n : payload.defaultMessage\r\n ? payload.defaultMessage\r\n : error.message;\r\n\r\n //log out when the jwt token is expired or invalid\r\n if (response.status === 401 && getState().auth.isAuthenticated) {\r\n dispatch(logout());\r\n }\r\n\r\n //if ajax request if form submit\r\n if (payload && payload.formId) {\r\n let errors = payload.isCaptcha\r\n ? { recaptcha: \"_shared.form.validate._required\" }\r\n : {};\r\n //set form status to failed and update error messages\r\n if (data && data.errors && data.errors.length > 0) {\r\n errors = Object.assign(errors, transformToFormErrors(data.errors));\r\n } else {\r\n errors = Object.assign(errors, { _error: errorMessage });\r\n }\r\n //work around to clear value for recaptcha\r\n console.log(payload);\r\n if (payload.isCaptcha) {\r\n dispatch(change(payload.formId, \"recaptcha\", \"\"));\r\n }\r\n\r\n dispatch(stopSubmit(payload.formId, errors));\r\n //remove error since we already use redux-form error\r\n errorMessage = \"\";\r\n }\r\n\r\n return Promise.reject(\r\n dispatch(\r\n Object.assign({}, payload, {\r\n error,\r\n type: failureType,\r\n errorMessage\r\n })\r\n )\r\n );\r\n }\r\n );\r\n };\r\n}\r\n","import { applyMiddleware, compose, createStore } from \"redux\";\r\nimport thunk from \"redux-thunk\";\r\nimport logger from \"redux-logger\";\r\nimport { routerMiddleware, connectRouter } from \"connected-react-router\";\r\nimport callAPIMiddleware from \"./middleware/callAPIMiddleware\";\r\nimport rootReducer from \"./modules/Reducers\";\r\nimport { composeWithDevTools } from \"redux-devtools-extension\";\r\n\r\nexport default function configureStore(history, initialState) {\r\n const middleware = [thunk, callAPIMiddleware, routerMiddleware(history)];\r\n const composeEnhancers = composeWithDevTools({\r\n // Specify name here, actionsBlacklist, actionsCreators and other options if needed\r\n });\r\n // In development, use the browser's Redux dev tools extension if installed\r\n const enhancers = [];\r\n const isDevelopment = process.env.NODE_ENV === \"development\";\r\n if (\r\n isDevelopment &&\r\n typeof window !== \"undefined\" &&\r\n window.devToolsExtension\r\n ) {\r\n enhancers.push(window.devToolsExtension());\r\n }\r\n if (isDevelopment) {\r\n // middleware.push(logger);\r\n }\r\n\r\n return createStore(\r\n connectRouter(history)(rootReducer),\r\n initialState,\r\n composeEnhancers(applyMiddleware(...middleware), ...enhancers)\r\n );\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Provider } from \"react-redux\";\r\nimport { ConnectedRouter } from \"connected-react-router\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport { initialize, addTranslation } from \"react-localize-redux\";\r\n\r\nimport App from \"./views/App\";\r\nimport registerServiceWorker from \"./registerServiceWorker\";\r\nimport { unregister } from \"./registerServiceWorker\";\r\n\r\nimport translations from \"./resources/Translations\";\r\nimport configureStore from \"./redux/configureStore\";\r\nimport { languages } from \"./configs/Settings\";\r\nimport \"react-select/dist/react-select.css\";\r\nimport \"./scss/main.css\";\r\nimport { refreshToken } from \"./redux/modules/Auth\";\r\nimport WebFont from \"webfontloader\";\r\n\r\nWebFont.load({\r\n google: {\r\n families: [\"Montserrat:300,500,600,700\", \"sans-serif\"]\r\n }\r\n});\r\n\r\n// Create browser history to use in the Redux store\r\nconst baseUrl = document.getElementsByTagName(\"base\")[0].getAttribute(\"href\");\r\nconst history = createBrowserHistory({ basename: baseUrl });\r\n\r\n// Get the application-wide store instance, prepopulating with state from the server where available.\r\nconst initialState = window.initialReduxState;\r\nconst store = configureStore(history, initialState);\r\n\r\n//Init multiple languages\r\nstore.dispatch(initialize(languages));\r\nstore.dispatch(addTranslation(translations));\r\n\r\n//refresh and validate token\r\nstore.dispatch(refreshToken());\r\n\r\nconst rootElement = document.getElementById(\"root\");\r\n\r\nReactDOM.render(\r\n
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nNotFound.propTypes = {\r\n\tcurrentLanguage: PropTypes.string.isRequired,\r\n}\r\n\r\nconst mapStateToProps = ({ auth, locale }) => ({\r\n\tcurrentLanguage: getActiveLanguage(locale).code,\r\n})\r\n\r\nexport default connect(mapStateToProps)(NotFound)\r\n","import Loadable from \"react-loadable\";\r\nimport Loading from \"../views/components/shared/Loading\";\r\n\r\nimport LogOut from \"../views/pages/LogOut\";\r\nimport NotFound from \"../views/pages/NotFound\";\r\nimport About from \"../views/pages/About\";\r\n\r\nconst AsyncSignIn = Loadable({\r\n loader: () => import(\"../views/pages/SignIn\"),\r\n loading: Loading\r\n }),\r\n AsyncVerification = Loadable({\r\n loader: () => import(\"../views/pages/Verification\"),\r\n loading: Loading\r\n }),\r\n AsyncNotifications = Loadable({\r\n loader: () => import(\"../views/pages/Notifications\"),\r\n loading: Loading\r\n }),\r\n AsyncNotificationDetail = Loadable({\r\n loader: () => import(\"../views/pages/NotificationDetail\"),\r\n loading: Loading\r\n }),\r\n AsyncMyWallet = Loadable({\r\n loader: () => import(\"../views/pages/MyWallet\"),\r\n loading: Loading\r\n }),\r\n AsyncMyWalletDetail = Loadable({\r\n loader: () => import(\"../views/pages/MyWalletDetail\"),\r\n loading: Loading\r\n }),\r\n AsyncScanQrCode = Loadable({\r\n loader: () => import(\"../views/pages/ScanQrCode\"),\r\n loading: Loading\r\n }),\r\n AsyncUnregisterVerification = Loadable({\r\n loader: () => import(\"../views/pages/UnregisterVerification\"),\r\n loading: Loading\r\n }),\r\n AsyncCSOLogin = Loadable({\r\n loader: () => import(\"../views/pages/CSOLogin\"),\r\n loading: Loading\r\n }),\r\n AsyncSignUp = Loadable({\r\n loader: () => import(\"../views/pages/SignUp\"),\r\n loading: Loading\r\n }),\r\n AsyncForgotPassword = Loadable({\r\n loader: () => import(\"../views/pages/ForgotPassword\"),\r\n loading: Loading\r\n }),\r\n AsyncAccount = Loadable({\r\n loader: () => import(\"../views/pages/Account\"),\r\n loading: Loading\r\n }),\r\n AsyncContactUs = Loadable({\r\n loader: () => import(\"../views/pages/ContactUs\"),\r\n loading: Loading\r\n }),\r\n AsyncTransactions = Loadable({\r\n loader: () => import(\"../views/pages/CardTransactions\"),\r\n loading: Loading\r\n }),\r\n AsyncRewards = Loadable({\r\n loader: () => import(\"../views/pages/Rewards\"),\r\n loading: Loading\r\n }),\r\n AsyncProfile = Loadable({\r\n loader: () => import(\"../views/pages/Profile\"),\r\n loading: Loading\r\n }),\r\n AsyncSpinWheel = Loadable({\r\n loader: () => import(\"../views/pages/SpinWheel\"),\r\n loading: Loading\r\n }),\r\n AsyncCardDetails = Loadable({\r\n loader: () => import(\"../views/pages/CardDetails\"),\r\n loading: Loading\r\n }),\r\n AsyncAddCard = Loadable({\r\n loader: () => import(\"../views/pages/AddCard\"),\r\n loading: Loading\r\n }),\r\n AsyncChangePassword = Loadable({\r\n loader: () => import(\"../views/pages/ChangePassword\"),\r\n loading: Loading\r\n }),\r\n AsyncStores = Loadable({\r\n loader: () => import(\"../views/pages/Stores\"),\r\n loading: Loading\r\n }),\r\n AsyncTransactionDetails = Loadable({\r\n loader: () => import(\"../views/pages/TransactionDetails\"),\r\n loading: Loading\r\n }),\r\n AsyncResetPassword = Loadable({\r\n loader: () => import(\"../views/pages/ResetPassword\"),\r\n loading: Loading\r\n }),\r\n AsyncTransferBalance = Loadable({\r\n loader: () => import(\"../views/pages/TransferBalance\"),\r\n loading: Loading\r\n }),\r\n AsyncReportLossPage = Loadable({\r\n loader: () => import(\"../views/pages/ReportLoss\"),\r\n loading: Loading\r\n }),\r\n AsyncVerifyGoldCardAddressPage = Loadable({\r\n loader: () => import(\"../views/pages/VerifyGoldCardAddress\"),\r\n loading: Loading\r\n }),\r\n AsyncTermsCondition = Loadable({\r\n loader: () => import(\"../views/pages/TermsConditions\"),\r\n loading: Loading\r\n }),\r\n AsyncPrivacyPolicy = Loadable({\r\n loader: () => import(\"../views/pages/PrivacyPolicy\"),\r\n loading: Loading\r\n }),\r\n AsyncFaqs = Loadable({\r\n loader: () => import(\"../views/pages/Faqs\"),\r\n loading: Loading\r\n }),\r\n AsyncPromotion = Loadable({\r\n loader: () => import(\"../views/pages/Promotion\"),\r\n loading: Loading\r\n }),\r\n AsyncPromotionDetail = Loadable({\r\n loader: () => import(\"../views/pages/PromotionDetail\"),\r\n loading: Loading\r\n }),\r\n AsyncHowToUse = Loadable({\r\n loader: () => import(\"../views/pages/HowToUse\"),\r\n loading: Loading\r\n }),\r\n AsyncCatalogue = Loadable({\r\n loader: () => import(\"../views/pages/Catalogue\"),\r\n loading: Loading\r\n }),\r\n AsyncRewardsCard = Loadable({\r\n loader: () => import(\"../views/pages/RewardsCard\"),\r\n loading: Loading\r\n }),\r\n AsyncRedeemPromocode = Loadable({\r\n loader: () => import(\"../views/pages/RedeemPromocode\"),\r\n loading: Loading\r\n }),\r\n AsyncByodQrCode = Loadable({\r\n loader: () => import(\"../views/pages/BYODQrCode\"),\r\n loading: Loading\r\n });\r\n\r\nconst Routes = [\r\n {\r\n path: `/sign-in`,\r\n isPrivate: false,\r\n component: AsyncSignIn\r\n },\r\n // {\r\n // path: `/cards`,\r\n // isPrivate: false,\r\n // component: AsyncCards\r\n // },\r\n {\r\n path: `/sign-up`,\r\n isPrivate: false,\r\n component: AsyncSignUp\r\n },\r\n {\r\n path: `/forgot-password`,\r\n isPrivate: false,\r\n component: AsyncForgotPassword\r\n },\r\n {\r\n path: `/reset-password/:mid/:ts`,\r\n isPrivate: false,\r\n component: AsyncResetPassword\r\n },\r\n {\r\n path: `/verification/:mid/:cn/:ts`,\r\n isPrivate: false,\r\n component: AsyncVerification\r\n },\r\n {\r\n path: `/unregisterVerification/:mid/:cn`,\r\n isPrivate: false,\r\n component: AsyncUnregisterVerification\r\n },\r\n {\r\n path: `/csologin/:Param`,\r\n isPrivate: false,\r\n component: AsyncCSOLogin\r\n },\r\n {\r\n path: `/policy`,\r\n isPrivate: false,\r\n component: AsyncPrivacyPolicy\r\n },\r\n {\r\n path: `/terms`,\r\n isPrivate: false,\r\n component: AsyncTermsCondition\r\n },\r\n {\r\n path: `/contact-us`,\r\n isPrivate: false,\r\n component: AsyncContactUs\r\n },\r\n {\r\n path: `/faqs`,\r\n isPrivate: false,\r\n component: AsyncFaqs\r\n }\r\n];\r\n\r\nconst PrivateRoutes = [\r\n {\r\n path: `/account`,\r\n isPrivate: true,\r\n component: AsyncAccount\r\n },\r\n {\r\n path: `/terms`,\r\n isPrivate: true,\r\n component: AsyncTermsCondition\r\n },\r\n {\r\n path: `/policy`,\r\n isPrivate: true,\r\n component: AsyncPrivacyPolicy\r\n },\r\n {\r\n path: `/faqs`,\r\n isPrivate: true,\r\n component: AsyncFaqs\r\n },\r\n {\r\n path: `/contact-us`,\r\n isPrivate: true,\r\n component: AsyncContactUs\r\n },\r\n {\r\n path: `/how-to-use`,\r\n isPrivate: true,\r\n component: AsyncHowToUse\r\n },\r\n {\r\n path: `/promotion`,\r\n isPrivate: true,\r\n component: AsyncPromotion\r\n },\r\n {\r\n path: `/catalogue`,\r\n isPrivate: true,\r\n component: AsyncCatalogue\r\n },\r\n {\r\n path: `/promotion-detail`,\r\n isPrivate: true,\r\n component: AsyncPromotionDetail\r\n },\r\n {\r\n path: `/transactions`,\r\n isPrivate: true,\r\n exact: true,\r\n component: AsyncTransactions\r\n },\r\n {\r\n path: `/transactions/:cardNo`,\r\n isPrivate: true,\r\n exact: true,\r\n component: AsyncTransactions\r\n },\r\n {\r\n path: `/transactions/:receiptNo/:autoID`,\r\n isPrivate: true,\r\n component: AsyncTransactionDetails\r\n },\r\n {\r\n path: `/spin-wheel`,\r\n isPrivate: true,\r\n exact: true,\r\n component: AsyncSpinWheel\r\n },\r\n {\r\n path: `/stores`,\r\n isPrivate: true,\r\n exact: true,\r\n component: AsyncStores\r\n },\r\n {\r\n path: `/cards/transfer/:cardNo`,\r\n isPrivate: true,\r\n component: AsyncTransferBalance\r\n },\r\n {\r\n path: `/cards/add-card`,\r\n isPrivate: true,\r\n component: AsyncAddCard\r\n },\r\n {\r\n path: `/cards/report-loss/:cardNo`,\r\n isPrivate: true,\r\n component: AsyncReportLossPage\r\n },\r\n {\r\n path: `/cards/verify-gold-card-address`,\r\n isPrivate: true,\r\n component: AsyncVerifyGoldCardAddressPage\r\n },\r\n {\r\n path: `/cards/:cardNo`,\r\n isPrivate: true,\r\n component: AsyncCardDetails\r\n },\r\n {\r\n path: `/rewards`,\r\n isPrivate: true,\r\n component: AsyncRewards\r\n },\r\n {\r\n path: `/profile`,\r\n isPrivate: true,\r\n exact: true,\r\n component: AsyncProfile\r\n },\r\n {\r\n path: `/change-password`,\r\n isPrivate: true,\r\n component: AsyncChangePassword\r\n },\r\n {\r\n path: `/rewards-card`,\r\n isPrivate: true,\r\n component: AsyncRewardsCard\r\n },\r\n {\r\n path: `/notifications`,\r\n isPrivate: true,\r\n component: AsyncNotifications\r\n },\r\n {\r\n path: `/notification-detail`,\r\n isPrivate: true,\r\n component: AsyncNotificationDetail\r\n },\r\n {\r\n path: `/my-wallet`,\r\n isPrivate: true,\r\n component: AsyncMyWallet\r\n },\r\n {\r\n path: `/my-wallet-detail`,\r\n isPrivate: true,\r\n component: AsyncMyWalletDetail\r\n },\r\n {\r\n path: `/scan-qr-code`,\r\n isPrivate: true,\r\n component: AsyncScanQrCode\r\n },\r\n {\r\n path: `/about`,\r\n isPrivate: true,\r\n component: About\r\n },\r\n {\r\n path: `/redeem-promocode`,\r\n isPrivate: true,\r\n component: AsyncRedeemPromocode\r\n },\r\n {\r\n path: `/mobile-ordering`,\r\n isPrivate: true,\r\n component: AsyncByodQrCode\r\n }\r\n];\r\n\r\nconst SharedRoutes = [\r\n {\r\n path: `/logout`,\r\n isPrivate: true,\r\n component: LogOut\r\n },\r\n {\r\n path: ``,\r\n exact: true,\r\n isPrivate: false,\r\n component: AsyncSignIn\r\n },\r\n {\r\n path: `/*`,\r\n isPrivate: false,\r\n status: 404,\r\n component: NotFound\r\n }\r\n];\r\n\r\nexport { Routes, PrivateRoutes, SharedRoutes };\r\n","export * from \"./Routes\"\r\nexport * from \"./MenuLinks\"\r\nexport * from \"./Settings\"\r\n","export default function reducer(state = {}, action) {\r\n\tconst { type } = action\r\n\tconst matches = /(.*)_(REQUEST|SUCCESS|FAILURE)/.exec(type)\r\n\r\n\t// not a *_REQUEST / *_SUCCESS / *_FAILURE actions, so we ignore them\r\n\tif (!matches) return state\r\n\r\n\tconst [, requestName, requestState] = matches\r\n\treturn {\r\n\t\t...state,\r\n\t\t// Store whether a request is happening at the moment or not\r\n\t\t// e.g. will be true when receiving GET_TODOS_REQUEST\r\n\t\t// and false when receiving GET_TODOS_SUCCESS / GET_TODOS_FAILURE\r\n\t\t[requestName]: requestState === \"REQUEST\",\r\n\t}\r\n}\r\n\r\nexport const createLoadingSelector = (actions) => (state) =>\r\n\tactions.some((action) => state.loading[action])\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Translate } from \"react-localize-redux\";\r\nimport classnames from \"classnames\";\r\nimport IconError from \"../../../images/ic_error.png\";\r\n\r\nconst ValidationMessage = ({\r\n touched,\r\n error,\r\n minLength,\r\n maxLength,\r\n fixedLength,\r\n className,\r\n label,\r\n match,\r\n maxSize,\r\n firstNumber,\r\n requiredMobi\r\n}) => {\r\n return touched && error ? (\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{/* --- Page Content starts here --- */}\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{/* --- Page Content ends here --- */}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n 
\r\n \r\n {error.startsWith(\"_\") ? (\r\n
\r\n ) : null;\r\n};\r\n\r\nValidationMessage.propTypes = {\r\n touched: PropTypes.bool,\r\n error: PropTypes.string,\r\n minLength: PropTypes.number,\r\n maxLength: PropTypes.number,\r\n fixedLength: PropTypes.number,\r\n label: PropTypes.string,\r\n match: PropTypes.string,\r\n maxSize: PropTypes.number\r\n};\r\n\r\nexport default ValidationMessage;\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\n\r\nexport const FETCH_NOTIFICATION = \"FETCH_NOTIFICATION\";\r\nexport const FETCH_NOTIFICATION_REQUEST = \"FETCH_NOTIFICATION_REQUEST\";\r\nexport const FETCH_NOTIFICATION_SUCCESS = \"FETCH_NOTIFICATION_SUCCESS\";\r\nexport const FETCH_NOTIFICATION_FAILURE = \"FETCH_NOTIFICATION_FAILURE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n didLoaded: false,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n};\r\n\r\nexport const loadingFetchNotifications = createLoadingSelector([\r\n FETCH_NOTIFICATION\r\n]);\r\nexport const fetchNotifications = data => (dispatch, getState) => {\r\n const isFetching = loadingFetchNotifications(getState());\r\n if (!data || isFetching) return Promise.resolve();\r\n let param = `DeviceUID=${data.DeviceUID}&AppName=${data.AppName}`;\r\n if (data.BlastID) {\r\n param += `&BlastID=${data.BlastID}`;\r\n }\r\n if (data.BlastHeaderID) {\r\n param += `&BlastHeaderID=${data.BlastHeaderID}`;\r\n }\r\n if (data.FilterFrom) {\r\n param += `&FilterFrom=${data.FilterFrom}`;\r\n }\r\n if (data.FilterTo) {\r\n param += `&FilterTo=${data.FilterTo}`;\r\n }\r\n if (data.SkipCount) {\r\n param += `&SkipCount=${data.SkipCount}`;\r\n }\r\n if (data.MaxResultCount) {\r\n param += `&MaxResultCount=${data.MaxResultCount}`;\r\n }\r\n return dispatch({\r\n types: [\r\n FETCH_NOTIFICATION_REQUEST,\r\n FETCH_NOTIFICATION_SUCCESS,\r\n FETCH_NOTIFICATION_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(\r\n `MemberAccount/RetrieveInAppMessage?${param}`,\r\n // data,\r\n config\r\n ),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport const fetchNotificationsByID = data => (dispatch, getState) => {\r\n\r\n let param = `DeviceUID=${data.DeviceUID}&AppName=${data.AppName}`;\r\n if (data.BlastID) {\r\n param += `&BlastID=${data.BlastID}`;\r\n }\r\n\r\n return dispatch({\r\n types: [\r\n FETCH_NOTIFICATION_REQUEST,\r\n FETCH_NOTIFICATION_SUCCESS,\r\n FETCH_NOTIFICATION_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.post(\r\n `MemberAccount/UpdateRetrieveInAppMessageStatus?${param}`,\r\n // data,\r\n config\r\n ),\r\n payload: {}\r\n });\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { response } = action;\r\n switch (action.type) {\r\n case FETCH_NOTIFICATION_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case FETCH_NOTIFICATION_SUCCESS:\r\n return {\r\n ...state,\r\n notification: response.data.result\r\n };\r\n case FETCH_NOTIFICATION_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","export const SHOW_MODAL = \"SHOW_MODAL\";\r\nexport const HIDE_MODAL = \"HIDE_MODAL\";\r\nexport const DESTROY_MODAL = \"DESTROY_MODAL\";\r\n\r\n//Modal name\r\nexport const CONFIRM_MESSAGE = \"CONFIRM_MESSAGE\";\r\nexport const MESSAGE = \"MESSAGE\";\r\nexport const IFRAME = \"IFRAME\";\r\nexport const DECISION_MODAL = \"DECISION_MODAL\";\r\n\r\nconst initialState = {\r\n modalType: null,\r\n modalProps: {},\r\n isOpen: false\r\n};\r\n\r\nexport const hideModal = () => (dispatch, getState) => {\r\n const { isOpen } = getState().modal;\r\n\r\n if (!isOpen) return Promise.resolve();\r\n\r\n dispatch({\r\n type: HIDE_MODAL,\r\n payload: { isOpen: false }\r\n });\r\n\r\n return Promise.resolve();\r\n};\r\n\r\nexport const destroyModal = () => dispatch => {\r\n dispatch({\r\n type: DESTROY_MODAL\r\n });\r\n\r\n return Promise.resolve();\r\n};\r\n\r\nexport const showMessageModal = (\r\n message,\r\n onCloseClick,\r\n confirmButtonText\r\n) => dispatch => {\r\n return dispatch(\r\n showModal(MESSAGE, { message, onCloseClick, confirmButtonText })\r\n );\r\n};\r\n\r\nexport const showIFrameModal = (\r\n src,\r\n height,\r\n width,\r\n onCloseClick\r\n) => dispatch => {\r\n return dispatch(showModal(IFRAME, { src, height, width, onCloseClick }));\r\n};\r\n\r\nexport const showConfirmMessage = (\r\n message,\r\n onConfirmClick,\r\n onCancelClick,\r\n confirmButtonText,\r\n cancelButtonText\r\n) => dispatch => {\r\n return dispatch(\r\n showModal(CONFIRM_MESSAGE, {\r\n message,\r\n onConfirmClick,\r\n onCancelClick,\r\n confirmButtonText,\r\n cancelButtonText\r\n })\r\n );\r\n};\r\n\r\nexport const showDecisionModal = (modalDecision, type) => dispatch => {\r\n return dispatch(showModal(DECISION_MODAL, { modalDecision, type }));\r\n};\r\n\r\nexport const showModal = (modalType, modalProps) => (dispatch, getState) => {\r\n const { modalType: currentModalType, isOpen } = getState().modal;\r\n const shouldShowModal = currentModalType === modalType && isOpen;\r\n\r\n if (shouldShowModal) return Promise.resolve();\r\n\r\n dispatch({\r\n type: SHOW_MODAL,\r\n payload: {\r\n modalType,\r\n modalProps,\r\n isOpen: true\r\n }\r\n });\r\n\r\n return Promise.resolve();\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { payload } = action;\r\n switch (action.type) {\r\n case SHOW_MODAL:\r\n case HIDE_MODAL:\r\n return {\r\n ...state,\r\n ...payload\r\n };\r\n case DESTROY_MODAL:\r\n return initialState;\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\n\r\nimport TextBox from \"../forms/TextBox\";\r\nimport { isEmpty } from \"../../../helpers/validator\";\r\nimport ValidationMessage from \"../forms/ValidationMessage\";\r\n\r\nconst TextField = ({\r\n input,\r\n label,\r\n hideLabel,\r\n required,\r\n secondary,\r\n className,\r\n inputClassName,\r\n children,\r\n pattern,\r\n meta: { touched, error },\r\n ...props\r\n}) => {\r\n const finalClassName = !isEmpty(className) ? `${className}` : \"\";\r\n let displayLabel = !secondary && label;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nTextField.propTypes = {\r\n input: PropTypes.object.isRequired,\r\n label: PropTypes.string,\r\n text: PropTypes.string,\r\n secondary: PropTypes.bool,\r\n className: PropTypes.string,\r\n pattern: PropTypes.string,\r\n meta: PropTypes.object.isRequired,\r\n required: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n hideLabel: PropTypes.bool,\r\n inputClassName: PropTypes.string\r\n};\r\n\r\nexport default TextField;\r\n","import apiClient from \"../../helpers/apiClient\";\r\nimport { startSubmit } from \"redux-form\";\r\n\r\nimport { fetchDistricts, fetchWards } from \"./AdminUnit\";\r\nimport { createLoadingSelector } from \"./Loading\";\r\nimport { getToken } from \"./XsrfToken\";\r\n\r\nexport const FETCH_PROFILE = \"FETCH_PROFILE\";\r\nexport const FETCH_PROFILE_REQUEST = \"FETCH_PROFILE_REQUEST\";\r\nexport const FETCH_PROFILE_SUCCESS = \"FETCH_PROFILE_SUCCESS\";\r\nexport const FETCH_PROFILE_FAILURE = \"FETCH_PROFILE_FAILURE\";\r\n\r\nexport const UPDATE_PROFILE = \"UPDATE_PROFILE\";\r\nexport const UPDATE_PROFILE_REQUEST = \"UPDATE_PROFILE_REQUEST\";\r\nexport const UPDATE_PROFILE_SUCCESS = \"UPDATE_PROFILE_SUCCESS\";\r\nexport const UPDATE_PROFILE_FAILURE = \"UPDATE_PROFILE_FAILURE\";\r\n\r\nexport const UPDATE_ADDRESS = \"UPDATE_ADDRESS\";\r\nexport const UPDATE_ADDRESS_REQUEST = \"UPDATE_ADDRESS_REQUEST\";\r\nexport const UPDATE_ADDRESS_SUCCESS = \"UPDATE_ADDRESS_SUCCESS\";\r\nexport const UPDATE_ADDRESS_FAILURE = \"UPDATE_ADDRESS_FAILURE\";\r\nexport const CLEAR_PROFILE_MESSAGE = \"CLEAR_PROFILE_MESSAGE\";\r\n\r\nconst initialState = {\r\n data: {},\r\n didLoaded: false,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n};\r\n\r\nexport const clearProfileMessage = () => dispatch => {\r\n return dispatch({\r\n type: CLEAR_PROFILE_MESSAGE,\r\n successMessage: \"\",\r\n errorMessage: \"\"\r\n });\r\n};\r\n\r\nexport const fetchProfileWithAddress = () => (dispatch, getState) => {\r\n const isFetching = loadingProfileSelector(getState());\r\n if (isFetching) return Promise.resolve();\r\n\r\n return dispatch(fetchProfile()).then(() =>\r\n dispatch(() => {\r\n const promises = [],\r\n { profile } = getState();\r\n\r\n if (profile.data) {\r\n const { cityCode, districtCode } = profile.data.address;\r\n if (cityCode) promises.push(dispatch(fetchDistricts(cityCode)));\r\n\r\n if (districtCode && cityCode)\r\n promises.push(dispatch(fetchWards(cityCode, districtCode)));\r\n }\r\n return Promise.all(promises);\r\n })\r\n );\r\n};\r\n\r\nexport const loadingProfileSelector = createLoadingSelector([FETCH_PROFILE]);\r\nexport const fetchProfile = () => dispatch => {\r\n return dispatch({\r\n types: [\r\n FETCH_PROFILE_REQUEST,\r\n FETCH_PROFILE_SUCCESS,\r\n FETCH_PROFILE_FAILURE\r\n ],\r\n callAPI: config => apiClient.get(\"Membership/GetMemberProfile\", config),\r\n payload: {}\r\n });\r\n};\r\n\r\nconst updatingProfileSelector = createLoadingSelector([UPDATE_PROFILE]);\r\nexport const updateProfile = (profile, onSuccess, profileFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = updatingProfileSelector(getState());\r\n if (!profile || isFetching) return Promise.resolve();\r\n\r\n let data = {\r\n firstName: profile.firstName,\r\n lastName: profile.lastName,\r\n salutation: profile.salutation,\r\n dob: profile.dob,\r\n countryCode: profile.countryCode,\r\n gender: profile.gender,\r\n nationality: profile.nationality,\r\n mobileNo: profile.mobileNo,\r\n email: profile.email,\r\n postalCode: profile.address.postalCode,\r\n address1: profile.address.street1,\r\n address2: profile.address.street2,\r\n emailSubscription: profile.emailSubscription,\r\n smsSubscription: profile.smsSubscription,\r\n maritalStatus: profile.maritalStatus,\r\n dineOutFrequency: profile.dineOutFrequency,\r\n japaneseFrequency: profile.japaneseFrequency,\r\n favouriteBrands: profile.favouriteBrands\r\n // dynamicFieldLists: [\r\n // {\r\n // name: \"FirstName\",\r\n // colValue: profile.firstName,\r\n // type: null\r\n // },\r\n // {\r\n // name: \"LastName\",\r\n // colValue: profile.lastName,\r\n // type: null\r\n // }\r\n // ]\r\n };\r\n return Promise.resolve(dispatch(startSubmit(profileFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n UPDATE_PROFILE_REQUEST,\r\n UPDATE_PROFILE_SUCCESS,\r\n UPDATE_PROFILE_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.put(\"Membership/UpdateMemberProfile\", data, config),\r\n payload: { profile, formId: profileFormId }\r\n })\r\n )\r\n .then(onSuccess);\r\n};\r\n\r\nconst updatingAddressSelector = createLoadingSelector([UPDATE_ADDRESS]);\r\nexport const updateAddress = (address, addressFormId) => (\r\n dispatch,\r\n getState\r\n) => {\r\n const isFetching = updatingAddressSelector(getState());\r\n if (!address || isFetching) return Promise.resolve();\r\n\r\n return Promise.resolve(dispatch(startSubmit(addressFormId)))\r\n .then(() => dispatch(getToken()))\r\n .then(() =>\r\n dispatch({\r\n types: [\r\n UPDATE_ADDRESS_FAILURE,\r\n UPDATE_ADDRESS_SUCCESS,\r\n UPDATE_ADDRESS_FAILURE\r\n ],\r\n callAPI: config =>\r\n apiClient.put(\"api/account/updateAddress\", address, config),\r\n payload: { address, formId: addressFormId }\r\n })\r\n );\r\n};\r\n\r\nexport default function reducer(state = initialState, action) {\r\n const { payload, errorMessage, successMessage, response } = action;\r\n\r\n switch (action.type) {\r\n case FETCH_PROFILE_REQUEST:\r\n return {\r\n ...state,\r\n didLoaded: false,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case UPDATE_PROFILE_REQUEST:\r\n case UPDATE_ADDRESS_REQUEST:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n case FETCH_PROFILE_SUCCESS:\r\n return {\r\n ...state,\r\n data: response.data.result,\r\n didLoaded: true\r\n };\r\n case FETCH_PROFILE_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case UPDATE_ADDRESS_SUCCESS:\r\n case UPDATE_PROFILE_SUCCESS:\r\n return {\r\n ...state,\r\n data: { ...state.data, ...payload },\r\n successMessage\r\n };\r\n case UPDATE_ADDRESS_FAILURE:\r\n case UPDATE_PROFILE_FAILURE:\r\n return {\r\n ...state,\r\n errorMessage\r\n };\r\n case CLEAR_PROFILE_MESSAGE:\r\n return {\r\n ...state,\r\n errorMessage: \"\",\r\n successMessage: \"\"\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport * as signalR from \"@aspnet/signalr\";\r\nimport { linkHub } from \"../configs/Settings\";\r\nimport Cookies from \"js-cookie\";\r\nimport {\r\n sendInAppMessage,\r\n receiveNewStamp,\r\n fetchExpiringCard,\r\n pendingReplyApi,\r\n inFiveMinutes,\r\n saveEvents\r\n} from \"../redux/modules/Hub\";\r\nimport { getStore } from \"../index\";\r\nimport { showConfirmMessage, showDecisionModal } from \"../redux/modules/Modal\";\r\nimport { push } from \"connected-react-router\";\r\nimport {\r\n getCurrentCard,\r\n getCardById1,\r\n getCardById2\r\n} from \"../redux/modules/Stamp\";\r\nimport { getPendingDecisionById } from \"../redux/modules/Decision\";\r\nimport { fetchNotifications } from \"../redux/modules/Notification\";\r\nimport moment from \"moment\";\r\nimport { getCookie, setCookie } from \"./cookieHelper\";\r\nimport { LAST_EVENT } from \"../constants\";\r\n\r\nvar connection = null;\r\n\r\nexport const createConnectHub = () => {\r\n connection = new signalR.HubConnectionBuilder()\r\n .withUrl(`${linkHub}/hub/notification`)\r\n .configureLogging(signalR.LogLevel.Information)\r\n .build();\r\n};\r\nexport const startConnectHub = () => {\r\n let jwtToken = Cookies.get(\"token\");\r\n connection.on(\"ReceiveNewStamp\", data => {\r\n console.log(\"connectHub_receiveNewStamp:\", data);\r\n let time = moment().format();\r\n let time1 = moment()\r\n .subtract(5, \"minutes\")\r\n .format();\r\n let eventTime = getCookie(LAST_EVENT);\r\n let isAfter = moment(eventTime).isAfter(time1, \"minutes\");\r\n setCookie(LAST_EVENT, time, 999);\r\n getStore().dispatch(inFiveMinutes(isAfter));\r\n if (\r\n getStore().getState().hubs &&\r\n !getStore().getState().hubs.pendingEvent\r\n ) {\r\n if (getStore().getState().hubs && getStore().getState().hubs.events) {\r\n if (getStore().getState().hubs.events.length > 0) {\r\n getStore().dispatch(pendingReplyApi(true));\r\n } else {\r\n getStore().dispatch(pendingReplyApi(false));\r\n }\r\n }\r\n }\r\n getStore().dispatch(saveEvents({ data: data, type: \"stamp\" }));\r\n });\r\n connection.on(\"SentInAppMessage\", data => {\r\n let time = moment().format();\r\n let time1 = moment()\r\n .subtract(5, \"minutes\")\r\n .format();\r\n let eventTime = getCookie(LAST_EVENT);\r\n let isAfter = moment(eventTime).isAfter(time1, \"minutes\");\r\n setCookie(LAST_EVENT, time, 999);\r\n getStore().dispatch(inFiveMinutes(isAfter));\r\n getStore()\r\n .dispatch(sendInAppMessage(\"\"))\r\n .then(() => {\r\n getStore()\r\n .dispatch(sendInAppMessage(data))\r\n .then(() => {\r\n let fliterTo = moment().format();\r\n let filterFrom = moment()\r\n .subtract(6, \"months\")\r\n .format();\r\n let memberId = getStore().getState().profile.data.memberID;\r\n let param = {\r\n DeviceUID: memberId,\r\n AppName: \"RES\",\r\n BlastID: \"\",\r\n BlastHeaderID: \"\",\r\n FilterFrom: filterFrom,\r\n FilterTo: fliterTo\r\n // SkipCount: 0,\r\n // MaxResultCount: 1000\r\n };\r\n getStore().dispatch(fetchNotifications(param));\r\n });\r\n });\r\n });\r\n connection.on(\"ExpiringCard\", (memberId, decisionId) => {\r\n console.log(\"connectHub_expiringCard:\", memberId + \"-\" + decisionId);\r\n let time = moment().format();\r\n let time1 = moment()\r\n .subtract(5, \"minutes\")\r\n .format();\r\n let eventTime = getCookie(LAST_EVENT);\r\n let isAfter = moment(eventTime).isAfter(time1, \"minutes\");\r\n setCookie(LAST_EVENT, time, 999);\r\n getStore().dispatch(inFiveMinutes(isAfter));\r\n let data = {\r\n memberId: memberId,\r\n decisionId: decisionId\r\n };\r\n if (\r\n getStore().getState().hubs &&\r\n !getStore().getState().hubs.pendingEvent\r\n ) {\r\n if (getStore().getState().hubs && getStore().getState().hubs.events) {\r\n if (getStore().getState().hubs.events.length > 0) {\r\n getStore().dispatch(pendingReplyApi(true));\r\n } else {\r\n getStore().dispatch(pendingReplyApi(false));\r\n }\r\n }\r\n }\r\n getStore().dispatch(saveEvents({ data: data, type: \"card\" }));\r\n });\r\n connection\r\n .start()\r\n .then(() => connection.invoke(\"Connect\", jwtToken))\r\n .catch(err => console.error(err.toString()));\r\n};\r\nexport const disconnectHub = () => {\r\n if (connection) {\r\n connection.stop();\r\n connection = null;\r\n }\r\n};\r\n\r\nexport default { startConnectHub, disconnectHub, createConnectHub };\r\n"],"sourceRoot":""}