\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default InputCheckbox\r\n","import React from \"react\"\r\nimport { Input } from \"reactstrap\"\r\nclass InputRadio extends React.Component {\r\n render() {\r\n return \r\n }\r\n}\r\n\r\n//value: string\r\n//defaultValue: string\r\n//onChange: value = string\r\n\r\nexport default InputRadio\r\n","import React from \"react\"\r\nimport { Input } from \"reactstrap\"\r\nimport classnames from \"classnames\"\r\nclass InputRange extends React.Component {\r\n render() {\r\n return (\r\n \r\n {sourceData &&\r\n sourceData.length > 0 &&\r\n sourceData.map((v, i) => {\r\n return (\r\n \r\n {\r\n this.onCheckOption(v)\r\n }}\r\n />\r\n {\r\n this.onCheckOption(v)\r\n }}\r\n >\r\n {v.Text}\r\n \r\n \r\n )\r\n })}\r\n
\r\n )\r\n }\r\n}\r\n\r\n//value: string\r\n//defaultValue: string\r\n//onChange: value = string\r\n\r\nexport default SelectCheckbox\r\n","import React from \"react\"\r\nimport classnames from \"classnames\"\r\nimport { FormGroup, Label } from \"reactstrap\"\r\nimport InputRadio from \"./InputRadio\"\r\nimport Ext_Select from \"./Ext_Select\"\r\nclass SelectCheckbox extends Ext_Select {\r\n getMulti = () => {\r\n return false\r\n }\r\n render() {\r\n const sourceData = this.getSourceData()\r\n return (\r\n \r\n {sourceData &&\r\n sourceData.length > 0 &&\r\n sourceData.map((v, i) => {\r\n return (\r\n \r\n {\r\n this.onCheckOption(v)\r\n }}\r\n />\r\n {\r\n this.onCheckOption(v)\r\n }}\r\n >\r\n {v.Text}\r\n \r\n \r\n )\r\n })}\r\n
\r\n )\r\n }\r\n}\r\n\r\n//value: string\r\n//defaultValue: string\r\n//onChange: value = string\r\n\r\nexport default SelectCheckbox\r\n","import React from \"react\"\r\nimport classnames from \"classnames\"\r\nimport { FormGroup, Label } from \"reactstrap\"\r\nimport InputSwitch from \"./InputSwitch\"\r\nimport Ext_Select from \"./Ext_Select\"\r\nclass SelectCheckbox extends Ext_Select {\r\n render() {\r\n const sourceData = this.getSourceData()\r\n return (\r\n \r\n {sourceData &&\r\n sourceData.length > 0 &&\r\n sourceData.map((v, i) => {\r\n return (\r\n \r\n {\r\n this.onCheckOption(v)\r\n }}\r\n />\r\n {\r\n this.onCheckOption(v)\r\n }}\r\n >\r\n {v.Text}\r\n \r\n \r\n )\r\n })}\r\n
\r\n )\r\n }\r\n}\r\n\r\n//value: string\r\n//defaultValue: string\r\n//onChange: value = string\r\n\r\nexport default SelectCheckbox\r\n","import { MyControlHelpers } from \"@macashipo/mlib\"\r\nimport InputText from \"./InputText\"\r\nimport InputPassword from \"./InputPassword\"\r\nimport InputTextarea from \"./InputTextarea\"\r\nimport InputSelect from \"./InputSelect\"\r\nimport InputCheckbox from \"./InputCheckbox\"\r\nimport InputSwitch from \"./InputSwitch\"\r\nimport InputRadio from \"./InputRadio\"\r\nimport InputRange from \"./InputRange\"\r\nimport InputColor from \"./InputColor\"\r\nimport InputDate from \"./InputDate\"\r\nimport InputTime from \"./InputTime\"\r\nimport SelectCheckbox from \"./SelectCheckbox\"\r\nimport SelectRadio from \"./SelectRadio\"\r\nimport SelectSwitch from \"./SelectSwitch\"\r\nconst ListNoLazy = {\r\n text: InputText,\r\n password: InputPassword,\r\n textarea: InputTextarea,\r\n select: InputSelect,\r\n checkbox: InputCheckbox,\r\n switch: InputSwitch,\r\n radio: InputRadio,\r\n range: InputRange,\r\n color: InputColor,\r\n date: InputDate,\r\n time: InputTime,\r\n select_checkbox: SelectCheckbox,\r\n select_switch: SelectSwitch,\r\n select_radio: SelectRadio,\r\n}\r\n\r\nMyControlHelpers.addTypesFromListWithoutLazy(ListNoLazy)\r\n\r\nexport default MyControlHelpers\r\n","import { MyModal } from \"src/core/components\"\r\n\r\nexport const showAlert = ({ component, className = \"\", opts = {} }) => {\r\n MyModal.showMyDialog({\r\n title: \"\",\r\n component: component,\r\n size: \"md\",\r\n showFooter: false,\r\n showHeader: false,\r\n modalClassName: className,\r\n ...opts,\r\n })\r\n}\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADcCAYAAAAbWs+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMEY4MjdCNEFFREMxMUVDODFCRjg0M0Q0ODk4RTM0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMEY4MjdCNUFFREMxMUVDODFCRjg0M0Q0ODk4RTM0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3QjQ3MEVEQUU1MDExRUM4MUJGODQzRDQ4OThFMzQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3QjQ3MEVFQUU1MDExRUM4MUJGODQzRDQ4OThFMzQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+45+JKQAAGWVJREFUeNrs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\"","import axios, { AxiosRequestConfig } from \"axios\"\r\nimport i18next from \"i18next\"\r\nimport { authGetAuthorizationHeader, authLogout } from \"./auth\"\r\nimport { mergeObjIfExist, get, xorCrypt } from \"./utils\"\r\nimport { logApi } from \"./log\"\r\nimport { showApiMsg } from \"./ui\"\r\nimport { showToastError } from \"./ui\"\r\nimport { HUtils, HC, HConstant } from \".\"\r\nimport { GlobalLockScreen } from \"../components\"\r\nconst ApiMethod = {\r\n post: \"POST\",\r\n get: \"GET\",\r\n}\r\nconst ApiContentType = {\r\n json: \"application/json\",\r\n form: \"application/x-www-form-urlencoded\",\r\n multipart: \"multipart/form-data\",\r\n}\r\n\r\nconst ApiConfig: IConfigApi = {\r\n baseUrl: \"\",\r\n timeout: 5 * 60 * 1000,\r\n fnLogout: () => {},\r\n appName: \"\",\r\n firstloadID: \"\",\r\n}\r\n\r\nexport const initApi = (configApi?: IConfigApi) => {\r\n mergeObjIfExist(ApiConfig, configApi)\r\n ApiConfig.firstloadID = `${Math.random()\r\n .toString(36)\r\n .slice(2, 6)}_${new Date().getTime()}`\r\n}\r\n\r\nconst apiShareError = (config: IApiRequestConfig, error, resolve, reject) => {\r\n logApi(\"apiShareError:\", error, config, error.response)\r\n const statusCode = get(error, \"response.status\")\r\n let _msgError = \"Error!\"\r\n let _url = config.url || `${config.path}/${config.name}`\r\n if (statusCode === 401) {\r\n if (ApiConfig.fnLogout) {\r\n ApiConfig.fnLogout({ forceLogout: true })\r\n } else {\r\n authLogout({ forceLogout: true })\r\n }\r\n } else if (statusCode === 404) {\r\n showToastError(\r\n i18next.t(\"api.Api not found\", {\r\n name: _url,\r\n })\r\n )\r\n } else if (statusCode === 406) {\r\n showToastError(\r\n i18next.t(\"api.Not Acceptable\", {\r\n name: _url,\r\n })\r\n )\r\n } else if (statusCode === 413) {\r\n showToastError(\r\n i18next.t(\"api.Your request was too large\", {\r\n name: _url,\r\n })\r\n )\r\n } else if (statusCode === 400) {\r\n _msgError = get(error, \"response.data.error_description\")\r\n if (_msgError && config.hideMsgError !== true) {\r\n showToastError(_msgError)\r\n }\r\n } else if (error.response === undefined && error.toJSON) {\r\n _msgError = get(error.toJSON(), \"message\")\r\n if (_msgError) {\r\n showToastError(_msgError)\r\n }\r\n }\r\n logException({\r\n AIPUrl: _url,\r\n Data: config.data || {},\r\n Error: {\r\n status: statusCode || -1,\r\n userAgent: `${navigator?.userAgent}`,\r\n },\r\n })\r\n reject(error, get(error, \"response.data\"))\r\n}\r\nconst apiShareSuccess = (\r\n config: IApiRequestConfig,\r\n response,\r\n resolve,\r\n reject\r\n) => {\r\n logApi(\"apiShareSuccess:\", response)\r\n if (response && response.data) {\r\n if (\r\n response.data.StatusCode === 1 ||\r\n response.data.StatusCode === 200 ||\r\n config[\"noCheckStatusCode\"] === true ||\r\n HUtils.objHasKey(response.data, \"user_id\") //token\r\n ) {\r\n showApiMsg(response.data.Msg, config)\r\n resolve(response.data)\r\n } else {\r\n if (config.hideMsgError !== true) {\r\n showToastError(response.data.Msg)\r\n }\r\n reject(\r\n {\r\n code: \"2\",\r\n msginui: response.data.MsgShowInUI,\r\n msg: response.data.Msg || \"Error from server\",\r\n response: response,\r\n },\r\n response\r\n )\r\n if (response.data.StatusCode === 401) {\r\n if (ApiConfig.fnLogout) {\r\n ApiConfig.fnLogout({ forceLogout: true })\r\n } else {\r\n authLogout({ forceLogout: true })\r\n }\r\n }\r\n }\r\n } else {\r\n reject(\r\n {\r\n code: \"1\",\r\n msg: \"No response data\",\r\n response: response,\r\n },\r\n response\r\n )\r\n }\r\n}\r\nconst apiBuildAxiosRequestHeader = function (config: IApiRequestConfig): any {\r\n let _config: any = {\r\n Accept: ApiContentType.json,\r\n \"Content-Type\": config.customContentType || ApiContentType.json,\r\n ...config.customHeader,\r\n }\r\n let _authorization = authGetAuthorizationHeader()\r\n if (_authorization) {\r\n _config.Authorization = _authorization\r\n }\r\n return _config\r\n}\r\nconst apiBuildAxiosRequestUrl = function (config: IApiRequestConfig) {\r\n let _url = \"\"\r\n if (config.url) {\r\n if (config.url.startsWith(\"http\")) {\r\n _url = config.url\r\n } else if (config.url.startsWith(\"/\")) {\r\n _url = `${ApiConfig.baseUrl}${config.url}`\r\n } else if (config.url.indexOf(\"api/v1\") > -1) {\r\n _url = `${ApiConfig.baseUrl}/${config.url}`\r\n } else {\r\n _url = `${ApiConfig.baseUrl}/api/v1/${config.url}`\r\n }\r\n } else if (config.path || config.name) {\r\n _url = `${ApiConfig.baseUrl}/api/v1/${config.path}/${config.name}`\r\n }\r\n return _url\r\n}\r\nconst buildRequestDataForPost = (requestData: any) => {\r\n // console.warn(\"buildRequestDataForPost:\", requestData)\r\n let _request = {\r\n UI_StartAt: new Date().getTime(),\r\n UI_FirstID: ApiConfig.firstloadID,\r\n AppName: ApiConfig.appName,\r\n Url: window.location.href,\r\n DocumentWidth: window.screen.width,\r\n ...requestData,\r\n UI_TimezoneOffset: new Date().getTimezoneOffset(),\r\n }\r\n return _request\r\n}\r\nconst buildRequestDataForForm = (requestData: any) => {\r\n return Object.keys(requestData)\r\n .map(function (key) {\r\n return (\r\n encodeURIComponent(key) + \"=\" + encodeURIComponent(requestData[key])\r\n )\r\n })\r\n .join(\"&\")\r\n}\r\nconst buildRequestData = (config: IApiRequestConfig) => {\r\n var data = config.data\r\n if (config.method && config.method.toLowerCase() === \"post\") {\r\n if (data instanceof FormData) {\r\n return data\r\n }\r\n if (data && typeof data === \"object\") {\r\n data = buildRequestDataForPost(config.data)\r\n }\r\n }\r\n return data\r\n}\r\nconst apiDefaultAxiosRequestConfig = function (config: IApiRequestConfig) {\r\n return {\r\n timeout: config.timeout || ApiConfig.timeout, //5 minute\r\n }\r\n}\r\nconst apiBuildAxiosRequestConfig = function (\r\n config: IApiRequestConfig\r\n): AxiosRequestConfig {\r\n let _config: AxiosRequestConfig = {\r\n ...apiDefaultAxiosRequestConfig(config),\r\n method: config.method,\r\n url: apiBuildAxiosRequestUrl(config),\r\n headers: apiBuildAxiosRequestHeader(config),\r\n data: buildRequestData(config),\r\n }\r\n if (config[\"responseType\"]) {\r\n _config[\"responseType\"] = config[\"responseType\"]\r\n }\r\n return _config\r\n}\r\nexport const apiGeneric = (config: IApiRequestConfig | any) => {\r\n let _config = apiBuildAxiosRequestConfig(config)\r\n logApi(\"apiGeneric:\", _config)\r\n !config?.uiConfig?.noLockScreen && GlobalLockScreen.show()\r\n return new Promise(\r\n (resolve: (response: IServer.IApiResponse) => void, reject) => {\r\n return axios(_config)\r\n .then(response => {\r\n apiShareSuccess(config, response, resolve, reject)\r\n GlobalLockScreen.hide()\r\n })\r\n .catch(error => {\r\n apiShareError(config, error, resolve, reject)\r\n GlobalLockScreen.hide()\r\n })\r\n }\r\n )\r\n}\r\n\r\nexport const apiGet = (config: IApiRequestConfig) => {\r\n return apiGeneric({\r\n ...config,\r\n method: ApiMethod.get,\r\n customContentType: ApiContentType.json,\r\n })\r\n}\r\n\r\nexport const apiPost = (config: IApiRequestConfig) => {\r\n return apiGeneric({\r\n ...config,\r\n method: ApiMethod.post,\r\n customContentType: ApiContentType.json,\r\n data: config.data,\r\n })\r\n}\r\n\r\nexport const apiUpload = (config: IApiRequestConfig) => {\r\n var _formData = new FormData()\r\n let _files = HUtils.get(config, \"files\")\r\n if (_files && _files.length > 0) {\r\n for (let i = 0; i < _files.length; i++) {\r\n _formData.append(\"file[]\", _files[i])\r\n }\r\n }\r\n return apiGeneric({\r\n ...config,\r\n method: ApiMethod.post,\r\n data: _files ? _formData : config.data,\r\n customContentType: ApiContentType.multipart,\r\n })\r\n // return apiGeneric({\r\n // ...config,\r\n // method: ApiMethod.post,\r\n // customContentType: ApiContentType.multipart,\r\n // })\r\n}\r\n\r\nexport const apiPostForm = (config: IApiRequestConfig) => {\r\n return apiGeneric({\r\n ...config,\r\n method: ApiMethod.post,\r\n customContentType: ApiContentType.form,\r\n data: buildRequestDataForForm(config.data),\r\n })\r\n}\r\n\r\nexport const apiWithConfigApi = (configApi: any) => {\r\n let _config: any = {\r\n method: configApi.method,\r\n url: configApi.url,\r\n }\r\n if (configApi.query) {\r\n _config.data = configApi.query\r\n console.warn(\"data:\", _config.data)\r\n }\r\n if (configApi.path && configApi.name) {\r\n _config.path = configApi.path\r\n _config.name = configApi.name\r\n }\r\n if (configApi.timeout) {\r\n _config.timeout = configApi.timeout\r\n }\r\n return apiGeneric({\r\n ..._config,\r\n method: ApiMethod.post,\r\n customContentType: ApiContentType.json,\r\n data: buildRequestDataForPost(_config.data),\r\n })\r\n}\r\n\r\nfunction logException({\r\n AIPUrl,\r\n Data,\r\n Error,\r\n}: {\r\n AIPUrl: any\r\n Data: any\r\n Error: any\r\n}) {\r\n let _url =\r\n HC.getConfig(HConstant.ConfigAppExt.urlForLogException) ||\r\n `${ApiConfig.baseUrl}/api/v1/Exception/SaveLog`\r\n let _userId = HC.getAuthUserId() || \"\"\r\n let _userName = HC.getAuthUserName() || \"\"\r\n let _data = {\r\n LogBy: `[${_userId}] ${_userName}`,\r\n AIPUrl: AIPUrl,\r\n Url: window.location.href,\r\n Error: Error,\r\n Data: Data,\r\n }\r\n console.warn(\"logException:\", _data)\r\n if (\r\n _data.Data &&\r\n typeof _data.Data == \"string\" &&\r\n _data.Data.startsWith(\"grant_type\")\r\n ) {\r\n let _rg = new RegExp(\"&password=([^&]*)&\")\r\n let _match = _rg.exec(_data.Data)\r\n if (_match && _match[1]) {\r\n let _encrypt = encodeURIComponent(xorCrypt(_match[1]))\r\n let _newData = _data.Data.replace(\r\n `password=${_match[1]}`,\r\n `password=${_encrypt}`\r\n )\r\n _data.Data = _newData\r\n // console.log(\"_newData:\", _newData)\r\n }\r\n }\r\n axios({\r\n method: \"POST\",\r\n url: _url,\r\n data: _data,\r\n })\r\n .then(function (response) {\r\n console.warn(\"axios response:\", response)\r\n })\r\n .catch(function (error) {\r\n console.warn(\"axios error:\", error)\r\n })\r\n}\r\n","export default \"data:image/jpeg;base64,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\"","import { HJson } from \"@macashipo/mlib\"\r\n\r\nexport const getObj = HJson.getObj\r\nexport const getString = HJson.getString\r\nexport const json2Obj = HJson.json2Obj\r\nexport const obj2Json = HJson.getString\r\n","import { HRegex } from \"@macashipo/mlib\"\r\nexport const RGSquareBracket = HRegex.RGSquareBracket\r\n","import { createBrowserHistory, createHashHistory } from \"history\"\r\nimport { HLink } from \"@macashipo/mlib\"\r\n// import { mergeObjIfExist } from \"./utils\"\r\n// export const getParameterByName = HLink.getParameterByName\r\n\r\n// const LinkInfo: any = {\r\n// usingHash: false,\r\n// history: null,\r\n// }\r\n\r\n// export const initLink = (info: any) => {\r\n// mergeObjIfExist(LinkInfo, info)\r\n// if (LinkInfo.usingHash) {\r\n// LinkInfo.history = createHashHistory()\r\n// } else {\r\n// LinkInfo.history = createBrowserHistory()\r\n// }\r\n// console.warn(\"initLink:\", LinkInfo)\r\n// }\r\n\r\n// export const getHistory = () => {\r\n// return LinkInfo.history\r\n// }\r\n\r\n// export const push = (link: string) => {\r\n// if (LinkInfo.history) {\r\n// LinkInfo.history.push(link)\r\n// } else {\r\n// window.location.href = link\r\n// }\r\n// }\r\n\r\n// export const openUrl = function (link: string, target: string = \"_blank\") {\r\n// if (link) {\r\n// if (link.startsWith(\"http\")) {\r\n// return window.open(link, target)\r\n// } else if (link.indexOf(\"://\") > -1) {\r\n// return window.open(link, target)\r\n// }\r\n// }\r\n// if (target === \"_blank\") {\r\n// window.open(link, target)\r\n// } else {\r\n// push(link)\r\n// }\r\n// }\r\n\r\nexport const initLink = (info: any) => {\r\n if (info.usingHash) {\r\n info.history = createHashHistory()\r\n } else {\r\n info.history = createBrowserHistory()\r\n }\r\n HLink.initLink(info)\r\n}\r\nexport const openUrl = HLink.openUrl\r\nexport const push = HLink.push\r\nexport default HLink\r\n","import { openUrl } from \"./link\"\r\nimport { showDialog } from \"./ui\"\r\nexport const parseResponseButtonApi = function (\r\n res: any,\r\n { target = \"_blank\", autoOpenLink = false } = {}\r\n) {\r\n if (res && res.Data) {\r\n let _data = res.Data\r\n if (_data.FullPath) {\r\n if (autoOpenLink === true) {\r\n openUrl(_data.FullPath, target)\r\n } else {\r\n showDialog({\r\n title: _data.FullPathTitle || \"Link\",\r\n msg: (\r\n \r\n \r\n {_data.FullPath}\r\n \r\n
\r\n ),\r\n })\r\n }\r\n }\r\n }\r\n}\r\n","import i18next from \"i18next\"\r\nexport const initI18n = (config?: any) => {\r\n i18next.init(config)\r\n}\r\n","import HConstant from \"./constant\"\r\nconst C: {\r\n HConfig: IHConfig | null\r\n initC: (HConfig: IHConfig) => void\r\n getAuthUserName: () => any\r\n getAuthUserId: () => any\r\n getConfig: (key: string) => any\r\n getDefaultFormatDate: () => string\r\n} = {\r\n HConfig: null,\r\n initC(HConfig: IHConfig) {\r\n C.HConfig = HConfig\r\n },\r\n getAuthUserName() {\r\n return C.HConfig?.getAuthUserName()\r\n },\r\n getAuthUserId() {\r\n return C.HConfig?.getAuthUserId()\r\n },\r\n getConfig(key: string) {\r\n return C.HConfig?.getConfig(key)\r\n },\r\n getDefaultFormatDate() {\r\n return C.HConfig?.getConfig(HConstant.ConfigAppExt.dateFormat) || \"DD-MMMYY\"\r\n },\r\n}\r\n\r\nexport default C\r\n","import HConstant from \"./constant\"\r\nimport { initApi } from \"./api\"\r\nimport { initAuth, getUserID, getUserName } from \"./auth\"\r\nimport { initLink, push } from \"./link\"\r\nimport { initI18n } from \"./i18n\"\r\nimport C from \"./c\"\r\nimport { initLocalStorage } from \"./localStorage\"\r\nimport {\r\n addArray2Array,\r\n // isArray,\r\n isFunction,\r\n mergeObjIfExist,\r\n runFuntion,\r\n} from \"./utils\"\r\nimport { HModules, HCF } from \"@macashipo/mlib\"\r\nconst configApi: IConfigApi = {\r\n baseUrl: \"\",\r\n timeout: 120000,\r\n}\r\n\r\nconst configRoutes: IRouteConfig = {\r\n routesPublic: [],\r\n routesPrivate: [],\r\n}\r\n\r\nconst configLink: IConfigLink = {\r\n usingHash: false,\r\n}\r\n\r\nconst configSidebar = {\r\n list: [],\r\n}\r\nconst Config: IHConfig = {\r\n appInfo: {\r\n title: \"AllianceITSC\",\r\n appName: \"allianceitsc\",\r\n home: \"/home\",\r\n },\r\n configApp: null,\r\n configAppExt: null,\r\n configI18n: {},\r\n configLink: configLink,\r\n configApi: configApi,\r\n configAuth: {},\r\n configModules: {},\r\n configRoutes: configRoutes,\r\n configSidebar: configSidebar,\r\n extAfterLogin: [],\r\n extSettingParts: [],\r\n headerComponent: null,\r\n initConfigAppExt() {\r\n if (window[\"_ConfigApp\"]) {\r\n Config.configAppExt = window[\"_ConfigApp\"]\r\n HCF.setCFMultiObj(Config.configAppExt)\r\n mergeObjIfExist(Config.appInfo, window[\"_ConfigApp\"])\r\n //\r\n if (\r\n Config.configAppExt &&\r\n Config.configAppExt.baseUrl &&\r\n Config.configApi\r\n ) {\r\n Config.configApi.baseUrl = Config.configAppExt.baseUrl\r\n }\r\n }\r\n },\r\n initConfigApp(configApp: IConfigApp = {}) {\r\n for (let k of Object.keys(configApp)) {\r\n if (\r\n k.startsWith(\"config\") ||\r\n k === \"fnList\" ||\r\n k === \"appInfo\" ||\r\n k === \"UIAppConfig\"\r\n ) {\r\n HCF.setCFMultiObj(configApp[k])\r\n mergeObjIfExist(Config[k], configApp[k])\r\n }\r\n }\r\n Config.configApp = configApp\r\n Config.initConfigAppExt()\r\n C.initC(Config)\r\n //other helpers\r\n initLink(Config.configLink)\r\n initI18n(Config.configI18n)\r\n initLocalStorage({})\r\n initApi({ ...Config.configApi, appName: Config.appInfo.appName })\r\n initAuth({\r\n ...configApp.configAuth,\r\n afterLogin: () => {\r\n // console.warn(\"afterLogin\")\r\n if (configApp.configAuth && configApp.configAuth.afterLogin) {\r\n configApp.configAuth.afterLogin()\r\n } else {\r\n //go to home - shouldnot push -> create loop\r\n // console.warn(\"push to home\")\r\n // push(Config.appInfo.home)\r\n }\r\n if (Config.extAfterLogin && Config.extAfterLogin.length > 0) {\r\n for (let fn of Config.extAfterLogin) {\r\n if (isFunction(fn)) {\r\n ;(fn as () => void)()\r\n }\r\n }\r\n }\r\n },\r\n })\r\n\r\n //modules\r\n HModules.initModules(\r\n configApp.modules as any[],\r\n Config.configModules,\r\n Config\r\n )\r\n // if (configApp.modules && configApp.modules.length > 0) {\r\n // for (let i = 0; i < configApp.modules.length; i++) {\r\n // runFuntion(\r\n // configApp.modules[i],\r\n // HConstant.Modules.FnList.runAfterInit,\r\n // [Config]\r\n // )\r\n // }\r\n // }\r\n runFuntion(configApp.fnList, HConstant.ConfigApp.FnList.onAfterInit, [\r\n Config,\r\n ])\r\n },\r\n fnList: {},\r\n UIAppConfig: {},\r\n getConfig(key: string) {\r\n if (Config.configAppExt && Config.configAppExt.hasOwnProperty(key)) {\r\n return Config.configAppExt[key]\r\n }\r\n if (Config.UIAppConfig && Config.UIAppConfig.hasOwnProperty(key)) {\r\n return Config.UIAppConfig[key]\r\n }\r\n return Config[key]\r\n },\r\n getPublicRoutes() {\r\n return Config.configRoutes.routesPublic\r\n },\r\n getPrivateRoutes() {\r\n return Config.configRoutes.routesPrivate\r\n },\r\n addPublicRoutes(list: IServer.IConfigPage[]) {\r\n addArray2Array(Config.configRoutes.routesPublic, list)\r\n },\r\n addPrivateRoutes(list: IServer.IConfigPage[]) {\r\n addArray2Array(Config.configRoutes.routesPrivate, list)\r\n },\r\n addSidebarItems(list) {\r\n addArray2Array(Config.configSidebar.list, list)\r\n },\r\n registerAfterLogin(fn: never) {\r\n Config.extAfterLogin.push(fn)\r\n },\r\n registerExtSettingParts(fn: never) {\r\n Config.extSettingParts.push(fn)\r\n },\r\n registerHeaderTitle(component) {\r\n Config.headerComponent = component\r\n },\r\n changeTitle(title?: any, headerTitle?: any) {\r\n window.document.title = `${title != null ? title + \" - \" : \"\"}${\r\n Config.appInfo.title\r\n }`\r\n if (headerTitle != null && Config.fnList[\"updateHeaderTitle\"]) {\r\n Config.fnList[\"updateHeaderTitle\"](headerTitle)\r\n }\r\n },\r\n goToHome() {\r\n push(Config.appInfo.home)\r\n },\r\n replaceToHome() {\r\n window.location.replace(Config.appInfo.home)\r\n },\r\n getAuthUserName() {\r\n return getUserName()\r\n },\r\n getAuthUserId() {\r\n return getUserID()\r\n },\r\n getAppName() {\r\n return Config.appInfo.appName\r\n },\r\n addBodyClass(className: string) {\r\n document.body.classList.add(className)\r\n },\r\n removeBodyClass(className: string) {\r\n document.body.classList.remove(className)\r\n },\r\n getConfigFooter() {\r\n let _footer =\r\n 'Powered by AllianceITSC'\r\n let _configFooter = {\r\n show: true,\r\n footer: _footer,\r\n }\r\n if (Config.configAppExt) {\r\n if (Config.configAppExt.hasOwnProperty(\"footer\")) {\r\n _configFooter.footer = Config.configAppExt[\"footer\"]\r\n }\r\n }\r\n return _configFooter\r\n },\r\n}\r\nwindow[\"HConfig\"] = Config\r\nexport default Config\r\n","const ServiceWorker = {\r\n isSupported() {\r\n if (!(\"serviceWorker\" in navigator)) {\r\n // Service Worker isn't supported on this browser, disable or hide UI.\r\n return false\r\n }\r\n\r\n if (!(\"PushManager\" in window)) {\r\n // Push isn't supported on this browser, disable or hide UI.\r\n return false\r\n }\r\n\r\n return true\r\n },\r\n registerSW(link) {\r\n return navigator.serviceWorker.register(link)\r\n },\r\n getSW(link) {\r\n return navigator.serviceWorker.getRegistration(link)\r\n },\r\n enableNotification(linkSW) {\r\n Notification.requestPermission().then(result => {\r\n if (result === \"granted\") {\r\n return ServiceWorker.registerSW(linkSW)\r\n }\r\n })\r\n },\r\n disableNotification(linkSW) {\r\n ServiceWorker.getSW(linkSW).then(sw => {\r\n if (sw) {\r\n sw.unregister()\r\n }\r\n })\r\n },\r\n showNotification(linkSW, body, tag, data) {\r\n ServiceWorker.getSW(linkSW).then(sw => {\r\n if (sw) {\r\n const title = \"Notification with Data\"\r\n const options = {\r\n body:\r\n body ||\r\n \"This notification has data attached to it that is printed \" +\r\n \"to the console when it's clicked.\",\r\n tag: tag || \"data-notification\",\r\n data: data || {\r\n createdAt: new Date(Date.now()).toString(),\r\n message: \"Hello, World!\",\r\n },\r\n }\r\n sw.showNotification(title, options)\r\n } else {\r\n console.warn(\"Missing service worker\", sw)\r\n }\r\n })\r\n },\r\n}\r\n\r\nexport default ServiceWorker\r\n","import { HFormat, HIs, HColor } from \"@macashipo/mlib\"\r\nimport HC from \"./c\"\r\nimport moment from \"moment\"\r\nimport Numberal from \"src/libs/NumeralJs/numeral\"\r\n\r\nHFormat.Types[\"date\"] = {\r\n format: (value: any, configFormat: any) => {\r\n // console.warn(\"format date:\", value, configFormat)\r\n if (HIs.isDateValue(value)) {\r\n return moment(value).format(\r\n configFormat.format || HC.getDefaultFormatDate()\r\n )\r\n }\r\n return \"\"\r\n },\r\n}\r\nHFormat.Types[\"money\"] = {\r\n format: (value: any) => {\r\n let _value = value\r\n _value = Numberal(value).format(\"0,0.00\")\r\n\r\n return _value\r\n },\r\n}\r\n\r\nHFormat.Types[\"colorTextByBackground\"] = {\r\n format: (value: any, configFormat: any) => {\r\n let _color = HColor.getTextWB(value, configFormat)\r\n return _color\r\n },\r\n}\r\nexport default HFormat\r\n","import { HIs, HLink } from \"@macashipo/mlib\"\r\nimport * as HJson from \"./json\"\r\nimport * as HUtils from \"./utils\"\r\nimport * as HLocalStorage from \"./localStorage\"\r\nimport * as HLog from \"./log\"\r\nimport * as HApi from \"./api\"\r\nimport * as HAuth from \"./auth\"\r\nimport * as HUI from \"./ui\"\r\nimport * as HRegex from \"./regex\"\r\n// import * as HLink from \"./link\"\r\nimport * as HQuery from \"./query\"\r\nimport * as HOptions from \"./options\"\r\nimport HConfig from \"./config\"\r\nimport HConstant from \"./constant\"\r\nimport HServiceWorker from \"./serviceWorker\"\r\nimport HFormat from \"./format\"\r\nimport HC from \"./c\"\r\nexport {\r\n HIs,\r\n HC,\r\n HLink,\r\n HJson,\r\n HUtils,\r\n HLocalStorage,\r\n HLog,\r\n HConfig,\r\n HApi,\r\n HAuth,\r\n HConstant,\r\n HUI,\r\n HRegex,\r\n HServiceWorker,\r\n HQuery,\r\n HOptions,\r\n HFormat,\r\n}\r\n\r\nHUtils.initMCore(\"HJson\", HJson)\r\nHUtils.initMCore(\"HUtils\", HUtils)\r\nHUtils.initMCore(\"HUI\", HUI)\r\n// HUtils.initMCore(\"HApi\", HApi)\r\n// HUtils.initMCore(\"HAuth\", HAuth)\r\n","export const SGPaths = {\r\n home: \"/\",\r\n searchxe: \"/searchxe\",\r\n chitietxe: \"/:vehicle/:code\",\r\n chuyendicuatoi: \"/tai-khoan/chuyendi\",\r\n lichsuchuyendi: \"/tai-khoan/chuyendi/\",\r\n cauhoithuonggap: \"/cau-hoi-thuong-gap\",\r\n huongdandangkyxe: \"/huong-dan-dang-ky-xe\",\r\n huongdandatxe: \"/huong-dan-dat-xe\",\r\n xecuatoi: \"/tai-khoan/doixe\",\r\n themxe: \"/tai-khoan/add\",\r\n chinhsuaxe: \"/tai-khoan/edit/:id\",\r\n taikhoancuatoi: \"/tai-khoan/info\",\r\n xacthuctaikhoan: \"/tai-khoan/xac-thuc\",\r\n thongtintaikhoan: \"/thong-tin/:id\",\r\n tichluy: \"/tai-khoan/sigo-xu\",\r\n slug: \"/:slug\",\r\n thongbao: \"/tai-khoan/thong-bao\",\r\n thanhtoan: \"/tai-khoan/thanh-toan\",\r\n dev_test: \"/dev_test\",\r\n donhanghientai: \"/tai-khoan/don-hang-hien-tai\",\r\n lichhoatdong: \"/tai-khoan/lich-hoat-dong\",\r\n danhmucxe: \"/tai-khoan/danh-muc-xe\",\r\n taikhoan: \"/account\",\r\n notfound: \"/404\",\r\n sigotravelling: \"/sigo-travelling\",\r\n}\r\nexport const SGNewPaths = {\r\n searchxe: \"/search\",\r\n chuyendicuatoi: \"/account/my-trips\",\r\n lichsuchuyendi: \"/account/my-trips\",\r\n xecuatoi: \"/account/my-cars\",\r\n themxe: \"/account/my-cars/add\",\r\n chinhsuaxe: \"/account/my-cars/edit/:id\",\r\n taikhoancuatoi: \"/account/personal-info\",\r\n xacthuctaikhoan: \"/account/verify\",\r\n thongtintaikhoan: \"/profile/:id\",\r\n tichluy: \"/account/savings\",\r\n thongbao: \"/account/notifications\",\r\n thanhtoan: \"/account/payments\",\r\n donhanghientai: \"/account/my-orders\",\r\n lichhoatdong: \"/account/activity-schedule\",\r\n danhmucxe: \"/account/my-cars\",\r\n}\r\n","import { apiGeneric } from \"src/core/helpers/api\"\r\nconst ApiGeneric = ({\r\n request,\r\n data,\r\n successCallBack,\r\n errorCallBack,\r\n customHeader,\r\n}) => {\r\n apiGeneric({\r\n method: request.method || \"POST\",\r\n url: request.url || `${request.path}/${request.name}` || \"NoApiUrl\",\r\n data,\r\n customHeader: customHeader,\r\n })\r\n .then(v => {\r\n if (successCallBack) {\r\n successCallBack(v)\r\n }\r\n })\r\n .catch(e => {\r\n if (errorCallBack) {\r\n errorCallBack(e)\r\n }\r\n })\r\n}\r\nexport { ApiGeneric }\r\n","import React from \"react\"\r\nimport { BiInfoCircle } from \"react-icons/bi\"\r\nimport styled from \"styled-components\"\r\nimport { MyUI } from \"@macashipo/mlib\"\r\n\r\ninterface IProps {\r\n controlOpts?: IControlOpts\r\n value?: any\r\n onChange?: (ev: any) => void\r\n invalid?: any\r\n defaultValue?: any\r\n}\r\n\r\nclass Control_Ext extends React.Component{_data.FullPathInfo}
\r\n \r\n
\r\n )\r\n }\r\n }\r\n let _valueDisplay = value\r\n if (typeof value == \"string\") {\r\n let _configDisplay = more[KMore.configDisplay] || defaultConfigDisplay\r\n if (_configDisplay) {\r\n if (_configDisplay.showShortText) {\r\n let _countShort = _configDisplay.countShort || 50\r\n _valueDisplay = value.slice(0, _countShort)\r\n _valueDisplay += `${_valueDisplay.length == _countShort ? \"...\" : \"\"}`\r\n } else if (_configDisplay.text) {\r\n _valueDisplay = HUtils.getTextWithData(_configDisplay.text, row)\r\n } else if (_configDisplay.configFormat) {\r\n _valueDisplay = HFormat.format(_valueDisplay, {\r\n ..._configDisplay.configFormat,\r\n row: row,\r\n })\r\n } else if (_configDisplay.isHide) {\r\n _valueDisplay = \"\"\r\n }\r\n }\r\n }\r\n return {String(_valueDisplay)}
\r\n}\r\n\r\nexport const FlowGetConfigTextDisplayOfButton = ({\r\n extra,\r\n more,\r\n fieldName,\r\n}) => {\r\n let _more = FlowGetMore({ extra, more, fieldName })\r\n let _config = {}\r\n if (_more) {\r\n let _configButton = more[KMore.button]\r\n if (_configButton) {\r\n _config.icon = _configButton.icon\r\n _config.title = _configButton.title\r\n _config.hasIconAndText = _configButton.hasIconAndText\r\n }\r\n }\r\n return _config\r\n}\r\n\r\nexport const FlowRenderStatus = ({\r\n extra,\r\n more,\r\n fieldName,\r\n row,\r\n valueCell,\r\n link,\r\n canEdit,\r\n}) => {\r\n let _ui = []\r\n if (more) {\r\n if (\r\n more[KMore.configEditIcon] &&\r\n more[KMore.configEditIcon].using &&\r\n canEdit\r\n ) {\r\n _ui.push(\r\n \r\n {\r\n if (_isUsingDefaultSubmit === true) {\r\n this._onSubmit()\r\n }\r\n }}\r\n >\r\n Save Change\r\n \r\n {_isShowBtnReset !== false && (\r\n {\r\n this.currentValues = {}\r\n }}\r\n >\r\n Reset\r\n \r\n )}\r\n
\r\n )\r\n }\r\n render() {\r\n const { configForm, style, className, fnList } = this.props\r\n // console.warn(\"render MyForm:\", configForm, this.props)\r\n // let ClassTag: keyof JSX.IntrinsicElements = \"div\"\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n
\r\n \r\n {tabList &&\r\n tabList?.length > 0 &&\r\n tabList?.map(v => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {firstLoading && (\r\n
\r\n \r\n \r\n {!loadingMore && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {_arr &&\r\n _arr?.length > 0 &&\r\n _arr.map((v, i) => {\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n Tiếp tục khám phá những chiếc xe phù hợp với bạn\r\n
\r\n \r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n const renderCategory = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 1,\r\n nav: false,\r\n },\r\n \"580\": {\r\n items: 3,\r\n nav: true,\r\n },\r\n \"1016\": {\r\n items: 4,\r\n nav: true,\r\n },\r\n \"1500\": {\r\n items: 6,\r\n nav: true,\r\n },\r\n }\r\n const itemList = getItemList4Render(defaultConfig)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n const renderPromotion = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 1,\r\n nav: false,\r\n },\r\n \"580\": {\r\n items: 1,\r\n nav: false,\r\n },\r\n \"1000\": {\r\n items: 3,\r\n nav: false,\r\n },\r\n }\r\n const itemList = getItemList4Render(defaultConfig)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n const renderCarSuggest = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 2,\r\n itemPerRow: 1,\r\n },\r\n \"768\": {\r\n items: 4,\r\n itemPerRow: 2,\r\n },\r\n \"1000\": {\r\n items: 6,\r\n itemPerRow: 3,\r\n },\r\n \"1200\": { items: 8, itemPerRow: 4 },\r\n \"1561\": { items: 12, itemPerRow: 6 },\r\n }\r\n const config = getItemList4CarSuggest(defaultConfig)\r\n const { items, itemPerRow } = config || {}\r\n if (items && items > 0) {\r\n const itemList = Array.from({ length: items }, (_, index) => index + 1)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n }\r\n\r\n return <>\r\n }\r\n const renderHelps = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 1,\r\n nav: true,\r\n },\r\n \"580\": {\r\n items: 1,\r\n nav: true,\r\n margin: 5,\r\n },\r\n \"820\": {\r\n items: 2,\r\n nav: true,\r\n },\r\n \"1561\": {\r\n items: 3,\r\n nav: true,\r\n },\r\n }\r\n const itemList = getItemList4Render(defaultConfig)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n const renderAdvantage = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 1,\r\n nav: false,\r\n },\r\n \"768\": {\r\n items: 2,\r\n },\r\n \"1200\": {\r\n items: 3,\r\n },\r\n \"1561\": {\r\n items: 4,\r\n },\r\n }\r\n const itemList = getItemList4Render(defaultConfig)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n const renderBlog = () => {\r\n // Cần thay đổi khi điều chỉnh responsive trên config home slide\r\n const defaultConfig = {\r\n \"0\": {\r\n items: 1,\r\n },\r\n \"580\": {\r\n items: 2,\r\n },\r\n \"1200\": {\r\n items: 3,\r\n },\r\n \"1500\": {\r\n items: 4,\r\n },\r\n \"1800\": {\r\n items: 5,\r\n },\r\n }\r\n const itemList = getItemList4Render(defaultConfig)\r\n if (itemList && itemList?.length > 0) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n if (!onlyRenderBlog) {\r\n return (\r\n <>\r\n {renderLandingPage()}\r\n {renderService()}\r\n {renderCategory()}\r\n {renderPromotion()}\r\n {renderCarSuggest()}\r\n {renderHelps()}\r\n {renderAdvantage()}\r\n \r\n )\r\n }\r\n return <>{renderBlog()}\r\n}\r\nexport const getLoadingHome = props => {\r\n const { tabList, logo } = props\r\n const renderApp = () => {\r\n const dfConfigDownloadApp =\r\n HUtils.get(HCF.getCF(\"websiteSetting\"), \"download_app_info\") || {}\r\n const isCustom = dfConfigDownloadApp?.custom\r\n const qrImg = dfConfigDownloadApp?.qr_code_img_url || imgQRCode\r\n const linkGgPlayStore = dfConfigDownloadApp?.android_url\r\n const linkAppStore = dfConfigDownloadApp?.app_store_url\r\n const description = dfConfigDownloadApp?.description || \"\"\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {itemList?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Tải ứng dụng Sigo
để tối ưu trải nghiệm của bạn\r\n
\r\n để tối ưu trải nghiệm của bạn\r\n
\r\n Tải ứng dụng Sigo để tối ưu trải nghiệm của bạn\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {/* \r\n {linkAppStore && (\r\n
\r\n {isCustom ? (\r\n \r\n \r\n
\r\n )}\r\n {linkGgPlayStore && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tabList &&\r\n tabList?.length > 0 &&\r\n tabList?.map(v => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n \r\n \r\n \r\n {isShowBottomHeader && (\r\n <>\r\n
\r\n\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tabList &&\r\n tabList?.length > 0 &&\r\n tabList?.map(v => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n
\r\n \r\n \r\n {multi ? (\r\n this.navigateImage(\"prev\", e)}\r\n >
\r\n ) : null}\r\n {_reset ? (\r\n \r\n \r\n {configFullPath.FullPath}\r\n \r\n
\r\n ),\r\n })\r\n }\r\n }\r\n }\r\n}\r\n","import { HUtils, HCF } from \"@macashipo/mlib\"\r\nimport LodashGet from \"lodash/get\"\r\nimport LodashDebounce from \"lodash/debounce\"\r\nimport { logOne } from \"./log\"\r\nimport K from \"src/helpers/K\"\r\nimport HConstant from \"./constant\"\r\n\r\nexport const isFunction = (v: any) => {\r\n return typeof v === \"function\"\r\n}\r\nexport const isArray = (v: any) => {\r\n return Array.isArray(v)\r\n}\r\nexport const isString = (v: any) => {\r\n return typeof v === \"string\"\r\n}\r\nexport const isDateValue = (v: any) => {\r\n return new Date(v).getTime() > 0\r\n}\r\nexport const isNotEmpty = (v: any) => {\r\n return v !== null && v !== undefined && v !== \"\" ? true : false\r\n}\r\nexport const isNotEmptyIncludeZero = (v: any) => {\r\n return isNotEmpty(v) && v !== 0 ? true : false\r\n}\r\nexport const mergeObjIfExist = (srcObj, mergeObj) => {\r\n if (srcObj && mergeObj) {\r\n let _keys = Object.keys(mergeObj)\r\n if (_keys && _keys.length > 0) {\r\n for (let k of _keys) {\r\n srcObj[k] = mergeObj[k]\r\n }\r\n }\r\n }\r\n}\r\nexport const runFuntion = (fnList: any, name, args: any[] = []) => {\r\n if (fnList && isFunction(fnList[name])) {\r\n fnList[name].apply(null, args)\r\n } else {\r\n logOne(\"runFuntion failed:\", fnList, name)\r\n }\r\n}\r\nexport const safeInvoke = (fn, args: any[] = []) => {\r\n if (fn) {\r\n return fn.apply(null, args)\r\n }\r\n}\r\nexport const initMCore = (key, obj) => {\r\n if (window) {\r\n if (window[\"MCore\"] == null) {\r\n window[\"MCore\"] = {}\r\n }\r\n window[\"MCore\"][key] = obj\r\n }\r\n}\r\nexport const addArray2Array = (arr, moreArr) => {\r\n if (arr && moreArr) {\r\n // arr = arr.concat(moreArr);//ko dung concat duoc, chua biet tai sao\r\n arr.push(...moreArr)\r\n }\r\n}\r\nexport const objHasKey = (obj, key) => {\r\n if (obj && key && obj.hasOwnProperty) {\r\n return obj.hasOwnProperty(key)\r\n }\r\n}\r\n// export const combineArray = (array1, array2) => {\r\n// return [...array1, ...array2]\r\n// }\r\n\r\n// export const combineArray = (array1, array2) => {\r\n// return [].concat(array1, array2)\r\n// }\r\nexport const isLocalDev = () => {\r\n if (window.location.href.indexOf(\"localhost:\") > -1) {\r\n return true\r\n }\r\n if (localStorage.getItem(HConstant.Dev.Key._DEBUG_) === \"true\") {\r\n return true\r\n }\r\n return false\r\n}\r\nexport const onKeyDownEnter = (ev, fn) => {\r\n if (ev.key === \"Enter\") {\r\n fn()\r\n }\r\n}\r\nexport const delay = (ms: number) => {\r\n return new Promise(resolve => setTimeout(resolve, ms))\r\n}\r\nexport const debounce = (fn, time, opts) => {\r\n return LodashDebounce(fn, time, opts)\r\n}\r\nexport const get = LodashGet\r\nexport const getTextWithData = HUtils.getTextWithData\r\nexport const checkConditionShow = (value: any, conditionValue) => {\r\n // console.warn(\"checkConditionShow:\", value, conditionValue)\r\n let _canShow = true\r\n if (isArray(conditionValue)) {\r\n _canShow = false\r\n for (let i = 0; i < conditionValue.length; i++) {\r\n let _check = checkConditionShow(value, conditionValue[i])\r\n if (_check === true) {\r\n //chi can 1 cai true thi se true\r\n return true\r\n }\r\n }\r\n } else {\r\n if (isArray(value)) {\r\n if (value.indexOf(conditionValue) === -1) {\r\n return false\r\n }\r\n } else if (value !== conditionValue) {\r\n return false\r\n }\r\n }\r\n return _canShow\r\n}\r\nexport const checkConditionShowWithOperator = (\r\n value: any,\r\n conditionValue,\r\n operator,\r\n format: any\r\n) => {\r\n // console.warn(\"checkConditionShow:\", value, conditionValue)\r\n let _valueNeedCmp = value\r\n let _canShow = false\r\n if (operator === \"!=\" && _valueNeedCmp !== undefined) {\r\n if (_valueNeedCmp !== conditionValue) {\r\n _canShow = true\r\n }\r\n }\r\n if (_valueNeedCmp !== null && _valueNeedCmp !== undefined) {\r\n if (format?.type) {\r\n switch (format.type) {\r\n case \"year\":\r\n if (\r\n format?.cmpWith === \"now\" &&\r\n new Date().getFullYear() >= new Date(_valueNeedCmp).getFullYear()\r\n ) {\r\n _valueNeedCmp =\r\n new Date().getFullYear() - new Date(_valueNeedCmp).getFullYear()\r\n }\r\n break\r\n\r\n default:\r\n break\r\n }\r\n }\r\n if (typeof operator === \"function\") {\r\n return operator(_valueNeedCmp)\r\n }\r\n switch (operator) {\r\n case \">=\":\r\n if (_valueNeedCmp >= conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n case \">\":\r\n if (_valueNeedCmp > conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n case \"!=\":\r\n if (_valueNeedCmp !== conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n case \"=\":\r\n if (_valueNeedCmp === conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n case \"<\":\r\n if (_valueNeedCmp < conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n case \"<=\":\r\n if (_valueNeedCmp <= conditionValue) {\r\n _canShow = true\r\n }\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n return _canShow\r\n}\r\nexport const isValidEmail = str => {\r\n const regexCheck =\r\n /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/\r\n if (str) {\r\n return regexCheck.test(str)\r\n }\r\n}\r\nexport const isValid_AUS_PhoneNumber = str => {\r\n let _pattern = HCF.getCF(K.mobileNumberValidRegexPattern)\r\n if (_pattern) {\r\n let _regex = new RegExp(_pattern, \"\")\r\n if (str) {\r\n return _regex.test(str)\r\n }\r\n }\r\n return true\r\n // const regexCheck = /^(0[4|5])([0-9]{8})$/\r\n // if (str) {\r\n // return regexCheck.test(str)\r\n // }\r\n}\r\nexport const isValidUsername = str => {\r\n const regexCheck = /^[\\w]+$/\r\n if (str) {\r\n return regexCheck.test(str)\r\n }\r\n}\r\nexport const xorCrypt = function (str: string = \"\", key: number = 7) {\r\n var output = \"\"\r\n if (!key) {\r\n key = 6\r\n }\r\n for (var i = 0; i < str.length; ++i) {\r\n output += String.fromCharCode(key ^ str.charCodeAt(i))\r\n }\r\n return output\r\n}\r\nexport const compareValueEqual = (v1, v2) => {\r\n if (isNotEmpty(v1) && isNotEmpty(v2)) {\r\n if (typeof v1 === \"string\" && typeof v2 === \"string\") {\r\n let v1Cmp = v1.trim().toLowerCase()\r\n let v2Cmp = v2.trim().toLowerCase()\r\n if (v1Cmp === v2Cmp) {\r\n return true\r\n }\r\n } else if (v1 === v2) {\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\nexport const convertArrayString2String = (arr: any) => {\r\n let string = \"\"\r\n if (Array.isArray(arr) && arr?.length > 0) {\r\n arr.forEach((v, i) => {\r\n if (typeof v === \"string\") {\r\n string += v\r\n if (i < arr.length - 1) {\r\n string += \",\"\r\n }\r\n }\r\n })\r\n }\r\n return string\r\n}\r\nexport const convertString2ArrayString = (str: any) => {\r\n let arr: any = []\r\n if (typeof str === \"string\" && isNotEmpty(str)) {\r\n const strSplit = str.split(\",\")\r\n if (strSplit?.length > 0) {\r\n strSplit.forEach(v => {\r\n if (typeof v === \"string\") {\r\n arr.push(v.trim())\r\n }\r\n })\r\n }\r\n }\r\n return arr\r\n}\r\nexport const isOnScreen = function (element) {\r\n if (element && element.offsetTop != null) {\r\n var curTop = element.offsetTop\r\n var heightOfWindow = window.innerHeight\r\n var offsetYOfWindow = window.scrollY\r\n if (curTop > offsetYOfWindow && curTop < heightOfWindow + offsetYOfWindow) {\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\nexport const squareBracketReplace = function (s, obj) {\r\n const regex = /\\[(.[^\\]]*)\\]/gm\r\n const extract = s => {\r\n var _result: any = []\r\n if (s != null) {\r\n var _m\r\n while ((_m = regex.exec(s)) !== null) {\r\n if (_m.length > 1) {\r\n _result.push(_m[1])\r\n }\r\n }\r\n }\r\n return _result\r\n }\r\n let ext = extract(s)\r\n let newS = s\r\n if (ext != null) {\r\n for (var _item of ext) {\r\n if (obj[_item] != null) {\r\n var rg = new RegExp(`\\\\[${_item}\\\\]`, \"g\")\r\n newS = newS.replace(rg, obj[_item])\r\n }\r\n }\r\n }\r\n return newS\r\n}\r\nexport const isHTMLString = s => {\r\n const pattern = \"<([a-z]+)(?![^>]*/>)[^>]*>\"\r\n const regex = new RegExp(pattern, \"\")\r\n if (s) {\r\n return regex.test(s)\r\n }\r\n return false\r\n}\r\nwindow[\"_xorCrypt\"] = xorCrypt\r\n","import RcTooltip from \"rc-tooltip\"\r\nimport \"rc-tooltip/assets/bootstrap.css\"\r\n// export default class Tooltip extends RcTooltip {\r\n// static displayName = \"m-tooltip\"\r\n// static propTypes = {\r\n// ...RcTooltip.propTypes,\r\n// }\r\n// static defaultProps = {\r\n// ...RcTooltip.defaultProps,\r\n// prefixCls: \"m-tooltip\",\r\n// transitionName: \"tip-slide\",\r\n// }\r\n// }\r\n\r\nexport default RcTooltip\r\n","import { HUtils } from \"src/core/helpers\"\r\n\r\nexport const K = {\r\n t_bottom_2fa_setup: \"t_bottom_2fa_setup\",\r\n t_bottom_2fa_verify: \"t_bottom_2fa_verify\",\r\n}\r\n\r\nconst Setting2FAHelpers = {\r\n Auth2FAEnabled: false,\r\n UniqueId: \"\",\r\n fnUpdateSetting2FAPart: null,\r\n FA2Methods: [],\r\n seletedMethod: null,\r\n // t_bottom_2fa_setup: `{configFullPath.FullPathInfo}
\r\n Please contact itsupport@ezyservicecentre.com if have any problem
`,\r\n // t_bottom_2fa_verify: `To view your pay slip please enter the 6-digit OTP. If you did not initiate this request please contact itsupport@ezyservicecentre.com.
`,\r\n t_bottom_2fa_setup: `Please contact itsupport@allianceitsc.com if have any problem
`,\r\n t_bottom_2fa_verify: `Please enter the 6-digit OTP. If you did not initiate this request please contact itsupport@allianceitsc.com.
`,\r\n}\r\n\r\nexport const updateSettingByResponse = res => {\r\n if (res && res.Data) {\r\n Setting2FAHelpers.Auth2FAEnabled = res.Data.Auth2FAEnabled\r\n Setting2FAHelpers.UniqueId = res.Data.UniqueId\r\n Setting2FAHelpers.FA2Methods = res.Data.FA2Methods\r\n }\r\n forceUpdateSetting2FAPart()\r\n}\r\nexport const updateSettingOneMethodByResponse = res => {\r\n if (res && res.Data && Setting2FAHelpers.FA2Methods) {\r\n for (let i = 0; i < Setting2FAHelpers.FA2Methods.length; i++) {\r\n let _method: any = Setting2FAHelpers.FA2Methods[i]\r\n if (res.Data.Id === _method.Id) {\r\n HUtils.mergeObjIfExist(_method, res.Data)\r\n }\r\n }\r\n }\r\n forceUpdateSetting2FAPart()\r\n}\r\nexport const updateFnUpdateSetting2FAPart = fnUpdate => {\r\n if (fnUpdate) {\r\n Setting2FAHelpers.fnUpdateSetting2FAPart = fnUpdate\r\n }\r\n}\r\nexport const getCurrentMethod = () => {\r\n return Setting2FAHelpers.seletedMethod\r\n}\r\n\r\nexport const getCurrentMethodId = () => {\r\n return HUtils.get(Setting2FAHelpers.seletedMethod, \"FA2MethodId\")\r\n}\r\n\r\nexport const getCurrentOtpRecipientRequired = () => {\r\n return HUtils.get(\r\n Setting2FAHelpers.seletedMethod,\r\n \"Configs.OtpRecipientRequired\"\r\n )\r\n}\r\nexport const getCurrentDisplayQRCode = () => {\r\n return HUtils.get(Setting2FAHelpers.seletedMethod, \"Configs.DisplayQRCode\")\r\n}\r\nexport const getCurrentOTPDescription = () => {\r\n return HUtils.get(Setting2FAHelpers.seletedMethod, \"Configs.OTPDescription\")\r\n}\r\nexport const getCurrentFA2MethodName = () => {\r\n return HUtils.get(Setting2FAHelpers.seletedMethod, \"FA2MethodName\")\r\n}\r\nexport const forceUpdateSetting2FAPart = () => {\r\n if (Setting2FAHelpers.fnUpdateSetting2FAPart) {\r\n HUtils.runFuntion(Setting2FAHelpers, \"fnUpdateSetting2FAPart\", [])\r\n }\r\n}\r\nexport default Setting2FAHelpers\r\n","import { MyFormControl } from \"@macashipo/mlib\"\r\nexport default MyFormControl\r\n","import { MyIcon } from \"@macashipo/mlib\"\r\n\r\nexport default MyIcon\r\n","export default __webpack_public_path__ + \"static/media/bg-hotro.362814b0.png\";","import React from \"react\"\r\nimport { Input } from \"reactstrap\"\r\nimport Ext_Input from \"./Ext_Input\"\r\nclass InputText extends Ext_Input {\r\n render() {\r\n const propsInput = this.getPropsInput()\r\n if (propsInput?.disabled) {\r\n return \r\n }\r\n return \r\n }\r\n}\r\nexport default InputText\r\n","import React from \"react\"\r\nimport { Input } from \"reactstrap\"\r\nimport Ext_Input from \"./Ext_Input\"\r\n\r\nclass InputTextarea extends Ext_Input {\r\n render() {\r\n const propsInput = this.getPropsInput()\r\n if (propsInput?.disabled) {\r\n return \r\n }\r\n return \r\n }\r\n}\r\n\r\nexport default InputTextarea\r\n","export default __webpack_public_path__ + \"static/media/qr-download-app.5a55c21d.png\";","import React from \"react\"\r\nimport { ImSpinner8 } from \"react-icons/im\"\r\nimport styled, { keyframes } from \"styled-components\"\r\n\r\nconst WrapLoading = styled.div``\r\n\r\nexport default function MyLoadingPage() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {Array(5)\r\n .fill({})\r\n .map(v => {\r\n return (\r\n
\r\n )}\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n {_uiIcon} {_display}\r\n
\r\n )\r\n } else {\r\n _display = _uiIcon\r\n }\r\n }\r\n }\r\n return _display\r\n }\r\n getDateFormat({\r\n customMore,\r\n dfFormat\r\n }: { customMore?: any; dfFormat?: any } = {}) {\r\n const more = customMore || this.more\r\n let _format = dfFormat || ''\r\n if (more && more.dateFormat) {\r\n _format = more.dateFormat\r\n } else if (more.format) {\r\n _format = more.format\r\n }\r\n return _format\r\n }\r\n getListAction = ({ customMore }: { customMore?: any } = {}) => {\r\n const more = customMore || this.more\r\n return more.listAction\r\n }\r\n getConfigTooltip({ customMore }: { customMore?: any } = {}) {\r\n const more = customMore || this.more\r\n let _configTooltip: IMoreOfCellConfigTooltip = {}\r\n if (more) {\r\n if (more.configTooltip) {\r\n return more.configTooltip\r\n } else {\r\n if (more.fTooltip || more.tooltipF) {\r\n _configTooltip.fTooltip = more.fTooltip || more.tooltipF\r\n }\r\n if (more.tooltip) {\r\n _configTooltip.tooltip = more.tooltip\r\n }\r\n }\r\n }\r\n\r\n return _configTooltip\r\n }\r\n getTooltip({ customMore }: { customMore?: any } = {}) {\r\n const row = this.row\r\n const configTooltip = this.getConfigTooltip({ customMore })\r\n if (configTooltip) {\r\n if (configTooltip.fTooltip && row[configTooltip.fTooltip]) {\r\n return row[configTooltip.fTooltip]\r\n } else if (configTooltip.tooltip) {\r\n return configTooltip.tooltip\r\n }\r\n }\r\n }\r\n getConfigModal({ customMore }: { customMore?: any } = {}) {\r\n const more = customMore || this.more\r\n if (more.configModal) {\r\n return more.configModal\r\n }\r\n let _configModal: IMoreOfCellConfigModal = {}\r\n if (more.modal) {\r\n _configModal = {\r\n title: more.modal.title\r\n }\r\n }\r\n return _configModal\r\n }\r\n\r\n getConfigForm({ customMore }: { customMore?: any } = {}) {\r\n const more = customMore || this.more\r\n if (more.configForm) {\r\n return more.configForm\r\n }\r\n let _configForm: IMoreOfCellConfigForm = {}\r\n if (more.formConfig) {\r\n return more.formConfig\r\n }\r\n return _configForm\r\n }\r\n\r\n getConfigHtml({ customMore }: { customMore?: IMoreOfCell } = {}) {\r\n const more = customMore || this.more\r\n const row = this.row\r\n let _configHtml: IMoreOfCellConfigHtml = {}\r\n if (more.configHtml) {\r\n if (more.configHtml.fTemplate && row[more.configHtml.fTemplate]) {\r\n _configHtml.template = row[more.configHtml.fTemplate]\r\n } else if (more.configHtml.template) {\r\n _configHtml.template = more.configHtml.template\r\n } else {\r\n _configHtml.template = this.getValue()\r\n }\r\n if (more.configHtml.customData) {\r\n _configHtml.customData = getCustomData(row, more.configHtml.customData)\r\n }\r\n } else {\r\n _configHtml.template = this.getValue()\r\n }\r\n return _configHtml\r\n }\r\n\r\n getFnList() {\r\n return this.fnList || {}\r\n }\r\n\r\n parseResponse(response: any, { customMore }: { customMore?: any } = {}) {\r\n const more = customMore || this.more\r\n const fnList = this.getFnList()\r\n if (response && response.Data) {\r\n if (response.Data.FullPath) {\r\n let _data = response.Data\r\n if (more.autoOpenLink == true) {\r\n fnList.openExternalUrl &&\r\n fnList.openExternalUrl(\r\n _data.FullPath,\r\n _data.FullPathNewWindow === false ? '_self' : '_blank'\r\n )\r\n } else {\r\n fnList.onShowDialog &&\r\n fnList.onShowDialog(\r\n 'Link',\r\n \r\n \r\n {_data.FullPath}\r\n \r\n
\r\n )\r\n }\r\n } else if (response.Data.FullPathList && fnList.onShowDialog) {\r\n let _data = response.Data\r\n fnList.onShowDialog(\r\n 'Links',\r\n {_data.FullPathInfo}
\r\n \r\n
\r\n )\r\n }\r\n }\r\n }\r\n parseNeedReload(configApi: IMoreOfCellConfigApi | null, response: any) {\r\n const fnList = this.getFnList()\r\n if (configApi) {\r\n if (configApi.needReloadPage === true) {\r\n fnList.onReloadPage && fnList.onReloadPage()\r\n return\r\n }\r\n\r\n if (configApi.needReloadOptionsAndList) {\r\n fnList.onReloadList && fnList.onReloadList()\r\n } else if (configApi.needReloadList === true) {\r\n fnList.onReloadList && fnList.onReloadList()\r\n }\r\n\r\n if (configApi.needSendMsg === true) {\r\n fnList.onSendMsg && fnList.onSendMsg(configApi.needSendMsg)\r\n }\r\n if (configApi.needReExpand === true) {\r\n fnList.onReExpand && fnList.onReExpand()\r\n }\r\n if (\r\n configApi.needReloadRow &&\r\n response &&\r\n response.Data &&\r\n response.Data.Id === this.row.Id\r\n ) {\r\n fnList.onUpdateRow &&\r\n fnList.onUpdateRow({\r\n row: this.row,\r\n newRow: response.Data\r\n })\r\n }\r\n }\r\n }\r\n\r\n //static Create\r\n static createFromExtraData(\r\n extraData: any,\r\n fieldName: any,\r\n onePage: IOnePage\r\n ) {\r\n if (\r\n extraData &&\r\n extraData.Columns &&\r\n fieldName &&\r\n extraData.Columns[fieldName]\r\n ) {\r\n return new OneTableCell({\r\n configColumn: extraData.Columns[fieldName],\r\n fieldName: fieldName,\r\n onePage: onePage\r\n })\r\n }\r\n return null\r\n }\r\n static createFromCellV1(props: any) {\r\n return new OneTableCell(props)\r\n }\r\n\r\n static debug() {\r\n console.warn(OneTableCell)\r\n }\r\n}\r\n\r\nexport default OneTableCell\r\n","import ConfigPage from '../configs/ConfigPage'\r\nimport OneTable from './OneTable'\r\nimport OneScreenConfig from './OneScreenConfig'\r\nimport ConfigPagination from '../configs/ConfigPagination'\r\nimport OneFilters from './OneFilters'\r\nimport OneButton from './OneButton'\r\nimport OneTableFilterControl from './OneTableFilterControl'\r\nimport OneTableCell from './OneTableCell'\r\nimport OneTableColumn from './OneTableColumn'\r\nimport { IConfigPageServer } from '../interface'\r\nimport { get } from 'src/helpers/Utils'\r\ninterface IOnePage {\r\n _configPage: ConfigPage\r\n _configPagination: ConfigPagination\r\n _dataOptions: any\r\n _dataList: any\r\n _dataExtraData: any\r\n _oneTable: OneTable\r\n _oneScreenConfig: OneScreenConfig\r\n}\r\n\r\ninterface IOnePageOptions {\r\n configPage?: any\r\n}\r\n\r\nclass OnePage implements IOnePage {\r\n _configPage: ConfigPage\r\n _configPagination: ConfigPagination\r\n _dataOptions: any\r\n _dataOptionsPageConfigContents: IConfigPageServer[] | null\r\n _dataList: any\r\n _dataExtraData: any\r\n _oneTable: OneTable\r\n _oneFilters: OneFilters\r\n _oneScreenConfig: OneScreenConfig\r\n _buttonList: OneButton[] = []\r\n _filterList: OneTableFilterControl[] = []\r\n _filterListByFieldName: any = {}\r\n _oneTableColumnByField: (OneTableColumn | null)[] = []\r\n onForceUpdateUI: any = null\r\n constructor(opts: IOnePageOptions) {\r\n // console.warn('constructor onePage', opts)\r\n this._configPage = new ConfigPage()\r\n this._oneTable = new OneTable({})\r\n this._oneScreenConfig = new OneScreenConfig({})\r\n this._configPagination = new ConfigPagination({})\r\n this._oneFilters = new OneFilters()\r\n if (opts && opts.configPage) {\r\n this._configPage.parseConfigPageServer(opts.configPage)\r\n }\r\n }\r\n parseConfigPage(configPage: any) {\r\n if (configPage) {\r\n this._configPage.parseConfigPageServer(configPage)\r\n }\r\n }\r\n getScreenGUID() {\r\n return this._configPage.getId()\r\n }\r\n getPageContents() {\r\n if (this._configPage._configPageServer?.Contents) {\r\n return this._configPage._configPageServer?.Contents\r\n }\r\n return this._dataOptionsPageConfigContents\r\n }\r\n getQueryOptions() {}\r\n getQueryList() {}\r\n getQueryShared() {\r\n let _screenGUID = this.getScreenGUID()\r\n let _df: any = {}\r\n if (_screenGUID) {\r\n _df.ScreenGUID = _screenGUID\r\n }\r\n return {\r\n ..._df,\r\n ...this.getQueryPagination(),\r\n ...this.getQuerySort(),\r\n ...this.getQueryFilterServer()\r\n }\r\n }\r\n getQueryPagination() {\r\n if (this._oneScreenConfig._table.hasPagingRemote === true) {\r\n return this._configPagination.getQuery()\r\n }\r\n return null\r\n }\r\n getQueryFilter() {\r\n let _query = {\r\n FilterQuery: this._oneFilters.getQueryFilterClients()\r\n }\r\n return _query\r\n }\r\n getQueryFilterServer() {\r\n return this._oneFilters.getQueryFilter()\r\n }\r\n getQuerySort() {\r\n let _query = this._oneFilters.getQuerySort()\r\n if (this._oneScreenConfig._table.hasPagingRemote === true) {\r\n if (_query['SortQuery']) {\r\n _query['Sorts'] = _query['SortQuery']\r\n _query['UI_Sorts'] = _query['SortQuery']\r\n }\r\n }\r\n return _query\r\n }\r\n requestOptions() {}\r\n requestList() {}\r\n parseOptions(options?: any) {\r\n if (options) {\r\n this._dataOptions = options\r\n if (options.ButtonList) {\r\n this._buttonList = OneButton.createListButtonList(\r\n options.ButtonList,\r\n this\r\n )\r\n }\r\n this._dataOptionsPageConfigContents =\r\n get(options, 'PageConfig.Contents') || null\r\n this._oneScreenConfig.parseFromOptions(this._dataOptions)\r\n this._configPagination.updateFromOneScreenConfig(this._oneScreenConfig)\r\n }\r\n }\r\n parseListAndExtraData(data?: any) {\r\n if (data) {\r\n this._dataList = data.Data\r\n this._dataExtraData = data.ExtraData\r\n this._oneScreenConfig.parseFromListAndExtraData(\r\n this._dataList,\r\n this._dataExtraData\r\n )\r\n //parse tablecell\r\n if (this._dataExtraData && this._dataExtraData.Columns) {\r\n let _fields = Object.keys(this._dataExtraData.Columns)\r\n if (_fields && _fields.length > 0) {\r\n for (let f of _fields) {\r\n this._oneTableColumnByField[f] = OneTableCell.createFromExtraData(\r\n this._dataExtraData,\r\n f,\r\n this\r\n )\r\n }\r\n }\r\n }\r\n\r\n //when has filterConfig.data\r\n //bo sung _filterListByFieldName cho truong hop load lai list, bi thay doi control filter -> gan vao listByField -> load lai thi xai lai\r\n if (this._oneScreenConfig._filter && this._oneScreenConfig._filter.data) {\r\n this._filterList = []\r\n for (let i = 0; i < this._oneScreenConfig._filter.data.length; i++) {\r\n let _cfFilter = this._oneScreenConfig._filter.data[i]\r\n let _fieldName = _cfFilter.fieldName\r\n if (_fieldName) {\r\n if (this._filterListByFieldName[_fieldName]) {\r\n this._filterList.push(this._filterListByFieldName[_fieldName])\r\n } else {\r\n this._filterListByFieldName[_fieldName] =\r\n new OneTableFilterControl({\r\n ..._cfFilter,\r\n onePage: this\r\n })\r\n this._filterList.push(this._filterListByFieldName[_fieldName])\r\n }\r\n }\r\n }\r\n }\r\n this._configPagination.updateFromDataList(data)\r\n }\r\n }\r\n getDataList() {\r\n return this._dataList\r\n }\r\n getDataWithFilterClient() {\r\n return this._oneFilters.getDataWithCurrentFilter(this._dataList)\r\n }\r\n getDataOptions() {\r\n return this._dataOptions\r\n }\r\n getSourceList() {\r\n return this._dataOptions\r\n }\r\n getDataExtraData() {\r\n return this._dataExtraData\r\n }\r\n getApiController() {\r\n return this._configPage.getApiController()\r\n }\r\n getOneTableColumnByFieldname(fieldName: string) {\r\n return this._oneTableColumnByField[fieldName]\r\n }\r\n getPageTitle() {\r\n let _title = this._configPage.getTitle()\r\n if (this._oneScreenConfig._header.title) {\r\n _title = this._oneScreenConfig._header.title\r\n }\r\n return _title\r\n }\r\n getButtonsList() {\r\n return this._buttonList\r\n }\r\n getFilterList() {\r\n return this._filterList\r\n }\r\n clearFilter() {\r\n OneTableFilterControl.clearAllFilter(this._filterList)//bo sung filterList\r\n this._oneFilters.updateCurrentFiters({})\r\n }\r\n onSearch() {}\r\n onFilter() {}\r\n onChangeFilter(fromOneFilterControl: OneTableFilterControl) {\r\n let _allFilterOut =\r\n OneTableFilterControl.getAllFilterOutFromListFilterControls(\r\n this._filterList\r\n )\r\n this._oneFilters.updateCurrentFiters(_allFilterOut)\r\n console.warn('onChangeFilter', fromOneFilterControl, _allFilterOut)\r\n }\r\n forceUpdateUI() {\r\n if (this.onForceUpdateUI) {\r\n this.onForceUpdateUI()\r\n }\r\n }\r\n static debug() {\r\n console.warn(OnePage)\r\n }\r\n}\r\n\r\nexport default OnePage\r\n","import { isArray, isString } from './Is'\r\nimport { mergeObjIfExist } from './Utils'\r\n\r\nexport function getParameterByName(name: string, url = window.location.href) {\r\n name = name.replace(/[\\[\\]]/g, '\\\\$&')\r\n var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\r\n results = regex.exec(url)\r\n if (!results) return null\r\n if (!results[2]) return ''\r\n return decodeURIComponent(results[2].replace(/\\+/g, ' '))\r\n}\r\n\r\nexport function getAllParamOnUrl(url = window.location.href) {\r\n let _params = {}\r\n let _indexQuestionMark = url.lastIndexOf('?')\r\n try {\r\n if (_indexQuestionMark > -1) {\r\n let _folowQuestion = url.substring(_indexQuestionMark + 1, url.length)\r\n if (_folowQuestion) {\r\n let _arrParam = _folowQuestion.split('&')\r\n if (_arrParam) {\r\n for (let i = 0; i < _arrParam.length; i++) {\r\n let _rs = _arrParam[i].split('=')\r\n if (_rs && _rs.length > 1) {\r\n _params[_rs[0]] = decodeURIComponent(_rs[1])\r\n }\r\n }\r\n }\r\n }\r\n }\r\n } catch (error) {\r\n console.error('Error parse url', error)\r\n }\r\n return _params\r\n}\r\n\r\nexport function updateUrlWithAllParams(\r\n allParams: object,\r\n url = window.location.href,\r\n opts = { updateUrlWithoutReload: true }\r\n) {\r\n let _newUrl = url\r\n if (allParams) {\r\n let _indexQuestionMark = url.lastIndexOf('?')\r\n if (_indexQuestionMark == -1) {\r\n _indexQuestionMark = url.length\r\n }\r\n _newUrl =\r\n url.substr(0, _indexQuestionMark) +\r\n '?' +\r\n Object.keys(allParams)\r\n .map((v) => {\r\n return `${v}=${allParams[v]}`\r\n })\r\n .join('&')\r\n if (opts && opts.updateUrlWithoutReload) {\r\n setNewUrlWithoutReload(_newUrl)\r\n }\r\n }\r\n return _newUrl\r\n}\r\n\r\nexport function clearParamOnUrl(\r\n name: string | string[],\r\n url = window.location.href\r\n) {\r\n let _allPrams = getAllParamOnUrl(url)\r\n let _newUrl = url\r\n if (isString(name) && _allPrams && _allPrams[name as string]) {\r\n delete _allPrams[name as string]\r\n return updateUrlWithAllParams(_allPrams, url)\r\n } else if (isArray(name) && _allPrams) {\r\n for (let k of name as string[]) {\r\n if (_allPrams[k]) {\r\n delete _allPrams[k]\r\n }\r\n }\r\n return updateUrlWithAllParams(_allPrams, url)\r\n }\r\n // if (_allPrams && _allPrams[name]) {\r\n // delete _allPrams[name]\r\n // updateUrlWithAllParams(_allPrams, url)\r\n // }\r\n return _newUrl\r\n}\r\n\r\nexport function keeponlyParams(names: string[], url = window.location.href) {\r\n let _allPrams = getAllParamOnUrl(url)\r\n if (names && names.length > 0) {\r\n let _arrRemove = []\r\n let _pK = Object.keys(_allPrams)\r\n for (let k of _pK) {\r\n if (names.indexOf(k) == -1) {\r\n _arrRemove.push(k)\r\n }\r\n }\r\n if (_arrRemove && _arrRemove.length > 0) {\r\n return clearParamOnUrl(_arrRemove, url)\r\n }\r\n }\r\n return url\r\n}\r\nexport function updateParamOnUrl(\r\n name: string,\r\n value: string,\r\n url = window.location.href\r\n) {\r\n let _allPrams = getAllParamOnUrl(url)\r\n let _newUrl = url\r\n if (_allPrams) {\r\n _allPrams[name] = value\r\n return updateUrlWithAllParams(_allPrams, url)\r\n }\r\n return _newUrl\r\n}\r\n\r\nexport function setNewUrlWithoutReload(url: string) {\r\n if (url) {\r\n window.history.pushState({ path: url }, '', url)\r\n }\r\n}\r\n\r\nconst LinkInfo: any = {\r\n usingHash: false,\r\n history: null\r\n}\r\n\r\nexport const initLink = (info: any) => {\r\n mergeObjIfExist(LinkInfo, info)\r\n console.warn('initLink:', LinkInfo)\r\n}\r\nexport const getHistory = () => {\r\n return LinkInfo.history\r\n}\r\nexport const getIsUsingHash = () => {\r\n return LinkInfo.usingHash\r\n}\r\nexport const openUrl = function (link: string, target: string = '_blank') {\r\n if (link) {\r\n if (link.startsWith('http')) {\r\n return window.open(link, target)\r\n } else if (link.indexOf('://') > -1) {\r\n return window.open(link, target)\r\n }\r\n }\r\n let _link = link\r\n //Tuy vao kieu blank hay self ma convert link theo hash khac nhau\r\n if (target === '_blank') {\r\n if (LinkInfo.usingHash === true) {\r\n _link = getHrefByUrlInHash(link)\r\n }\r\n return window.open(_link, target)\r\n } else {\r\n if (LinkInfo.usingHash === true) {\r\n _link = getLinkPushInHash(link)\r\n }\r\n return push(_link)\r\n }\r\n}\r\nexport const push = (link: string) => {\r\n if (LinkInfo.history) {\r\n LinkInfo.history.push(link)\r\n } else {\r\n window.location.href = link\r\n }\r\n}\r\nexport function getLinkPushInHash(url: string) {\r\n let _url = url\r\n if (url) {\r\n if (url.startsWith('/#/')) {\r\n _url = '/' + url.slice(3, url.length)\r\n } else if (url.startsWith('#/')) {\r\n _url = '/' + url.slice(2, url.length)\r\n }\r\n return _url\r\n }\r\n return _url\r\n}\r\nexport function getHrefByUrlInHash(url?: string) {\r\n if (url) {\r\n if (url.startsWith('http')) {\r\n return url\r\n } else if (url.startsWith('/#/')) {\r\n return url\r\n } else if (url.startsWith('/')) {\r\n return `/#${url}`\r\n }\r\n return `/#/${url}`\r\n }\r\n return '#'\r\n}\r\n","import { isJsonString, isObject, isString } from './Is'\r\nimport { json2Obj } from './Json'\r\nimport { mergeObjIfExist } from './Utils'\r\nimport { logNeedOveride } from './Log'\r\n\r\nexport const parseMsg = function (msg: any) {\r\n let _obj = {\r\n msg: '',\r\n ui: 'toast', //toast,alert,system\r\n type: 'success'\r\n }\r\n if (isString(msg)) {\r\n _obj.msg = msg\r\n if (isJsonString(msg)) {\r\n let _jsonObj = json2Obj(msg)\r\n if (_jsonObj) {\r\n mergeObjIfExist(_obj, _jsonObj)\r\n }\r\n } else if (msg.startsWith('[Warning]')) {\r\n _obj.type = 'warning'\r\n _obj.msg = msg.replace('[Warning]', '')\r\n } else if (msg.startsWith('[Error]')) {\r\n _obj.type = 'danger'\r\n _obj.msg = msg.replace('[Error]', '')\r\n }\r\n } else if (isObject(msg)) {\r\n mergeObjIfExist(_obj, msg)\r\n }\r\n return _obj\r\n}\r\n\r\nexport function initInnerRef(component: any) {\r\n if (component && component.props && component.props.innerRef) {\r\n component.props.innerRef(component)\r\n }\r\n}\r\n\r\n/**\r\n * Need overide in app\r\n */\r\n\r\nexport const HUI_NeedOveride = {\r\n showDialog(configDialog: any) {\r\n logNeedOveride(configDialog)\r\n },\r\n showToast(configToast: any) {\r\n logNeedOveride(configToast)\r\n },\r\n showMsg(configMsg: any, defaultObjMsg: any = {}) {\r\n logNeedOveride(configMsg, defaultObjMsg)\r\n },\r\n showLoadingScreen(configLoadingScreen: any) {\r\n logNeedOveride(configLoadingScreen)\r\n },\r\n showModal(configModal: any) {\r\n logNeedOveride(configModal)\r\n },\r\n showPhotoViewer(configPhotoViewer: any) {\r\n logNeedOveride(configPhotoViewer)\r\n }\r\n}\r\n\r\nexport function showDialog(configDialog: any) {\r\n HUI_NeedOveride.showDialog(configDialog)\r\n}\r\nexport function showToast(configToast: any) {\r\n HUI_NeedOveride.showToast(configToast)\r\n}\r\nexport function showMsg(configMsg: any, defaultObjMsg: any = {}) {\r\n HUI_NeedOveride.showMsg(configMsg, defaultObjMsg)\r\n}\r\nexport function showLoadingScreen(configLoadingScreen: any) {\r\n HUI_NeedOveride.showLoadingScreen(configLoadingScreen)\r\n}\r\nexport function showModal(configModal: any) {\r\n HUI_NeedOveride.showModal(configModal)\r\n}\r\nexport function showPhotoViewer(configPhotoViewer: any) {\r\n HUI_NeedOveride.showPhotoViewer(configPhotoViewer)\r\n}\r\nexport const hideInMyModalFromProps = (props: any) => {\r\n console.warn('hideInMyModalFromProps:', props)\r\n if (props && props.inMyModal && props.inMyModal.hide) {\r\n props.inMyModal.hide()\r\n }\r\n}\r\n","import { json2Obj } from './Json'\r\n\r\nconst More = {\r\n Cell: {\r\n Key: {\r\n fCanShow: 'fCanShow',\r\n hideOfIds: 'hideOfIds'\r\n },\r\n getConfigFromMore({ extraOfColumn, more, key, df }: any = {}) {\r\n let _more = more || More.Cell.getMore(extraOfColumn) || {}\r\n if (_more.hasOwnProperty(key)) {\r\n return _more[key]\r\n }\r\n return df\r\n },\r\n getMore(extraOfColumn: any, df: any = {}) {\r\n let _more = df\r\n if (extraOfColumn.Type) {\r\n if (extraOfColumn.Type.type) {\r\n _more = extraOfColumn.Type.type\r\n }\r\n if (extraOfColumn.Type.more) {\r\n _more = json2Obj(extraOfColumn.Type.more, {})\r\n }\r\n }\r\n return _more\r\n }\r\n }\r\n}\r\n\r\nexport default More\r\n","import { IHModules, IOneModule } from '../interface'\r\nconst Modules: IHModules = {\r\n list: [],\r\n moduleByKey: {},\r\n configModules: {},\r\n initModules(list: IOneModule[], configModules: any, HConfig: any) {\r\n Modules.list = list\r\n Modules.configModules = configModules\r\n if (Modules.list && Modules.list.length > 0) {\r\n for (let i = 0; i < Modules.list.length; i++) {\r\n let _oneModule = Modules.list[i]\r\n if (_oneModule) {\r\n let _moduleKey = ''\r\n if (_oneModule._key) {\r\n _moduleKey = _oneModule._key\r\n } else if (_oneModule.getMyKey) {\r\n _moduleKey = _oneModule.getMyKey()\r\n }\r\n if (_oneModule.runAfterInit) {\r\n _oneModule.runAfterInit(HConfig)\r\n }\r\n if (_moduleKey) {\r\n Modules.moduleByKey[_moduleKey] = _oneModule\r\n }\r\n }\r\n }\r\n }\r\n },\r\n getConfigModuleByKey(key: string) {\r\n return Modules.configModules[key]\r\n },\r\n //for one module\r\n initDefault(module: any = {}, listComponent: any = {}, opts: any = {}) {\r\n if (module && module._key) {\r\n Modules.addUI(module, listComponent)\r\n Modules.addRoutes(module, opts)\r\n Modules.registerFnList(module)\r\n } else {\r\n console.warn('missing module key', module)\r\n }\r\n },\r\n //add MyComponent\r\n addUI(module: any = {}, listComponent: any = {}) {\r\n if (module && module._key) {\r\n let _keys = Object.keys(listComponent)\r\n for (let k of _keys) {\r\n if (listComponent[k] && listComponent[k].init) {\r\n listComponent[k].init()\r\n }\r\n }\r\n }\r\n },\r\n //========== fnList\r\n ModuleFnList: {},\r\n registerFnList(module: any = {}) {\r\n if (module && module._key && module._fnList) {\r\n Modules.ModuleFnList[module._key] = module._fnList\r\n }\r\n },\r\n runFunctionInModuleFnList(moduleKey = '', fnName = '', args = []) {\r\n if (\r\n Modules.ModuleFnList[moduleKey] &&\r\n Modules.ModuleFnList[moduleKey][fnName]\r\n ) {\r\n Modules.ModuleFnList[moduleKey][fnName].apply(null, args)\r\n } else {\r\n console.warn(\r\n 'Missing fn module',\r\n moduleKey,\r\n fnName,\r\n Modules.ModuleFnList[moduleKey]\r\n )\r\n }\r\n },\r\n //========== routes\r\n addRoutes(module: any = {}, opts: any = {}) {\r\n if (module && module._key && module._routes) {\r\n var fnAddRoutes = null\r\n if (opts && opts.fnAddRoutes) {\r\n fnAddRoutes = opts.fnAddRoutes\r\n }\r\n if (fnAddRoutes) {\r\n fnAddRoutes(module._routes)\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default Modules\r\n","import { isFunction } from './Is'\r\nimport { randomHextColor } from './Color'\r\nconst FakeData = {\r\n getLorem() {\r\n return \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\"\r\n },\r\n getLoremWord() {\r\n return FakeData.getRandomWordOfString(FakeData.getLorem())\r\n },\r\n getLoremWithRandom(max: number = 20) {\r\n return new Array(max)\r\n .fill(0)\r\n .map(() => {\r\n return FakeData.getLoremWord()\r\n })\r\n .join(' ')\r\n },\r\n getRandomWordOfString(text: string) {\r\n let _arr = text.split(' ')\r\n let _total = _arr.length\r\n if (_arr.length > 0) {\r\n return _arr[FakeData.getNumberInt(0, _total - 1)]\r\n }\r\n return ''\r\n },\r\n getName() {},\r\n getNumberInt(min = 0, max = 1000) {\r\n return Math.floor(FakeData.getNumber(min, max))\r\n },\r\n getNumber(min = 0, max = 1000) {\r\n return Math.random() * (max - min) + min\r\n },\r\n getDateUTCTime(pastDay: 365, futureDay: 0) {\r\n let _current = new Date().getTime()\r\n let _min = _current - pastDay * 1000 * 60 * 60 * 24\r\n let _max = _current + futureDay * 1000 * 60 * 60 * 24\r\n return FakeData.getNumberInt(_min, _max)\r\n },\r\n getAge() {\r\n return FakeData.getNumberInt(1, 99)\r\n },\r\n getHextColor() {\r\n return randomHextColor()\r\n },\r\n getArrayObj(fnGetObj: any, total = 10) {\r\n let _arr = []\r\n if (fnGetObj && isFunction(fnGetObj)) {\r\n for (let i = 0; i < total; i++) {\r\n _arr.push(fnGetObj(i))\r\n }\r\n }\r\n return _arr\r\n },\r\n getSourceData(total = 10) {\r\n return FakeData.getArrayObj((index: any) => {\r\n return {\r\n Value: `${index}`,\r\n Text: ''\r\n }\r\n }, total)\r\n },\r\n test() {\r\n console.warn(FakeData)\r\n }\r\n}\r\n\r\nexport default FakeData\r\n","import { isNotNullOrEmpty, isObject, isString } from './Is'\r\nimport { logW } from './Log'\r\nconst HValid = {\r\n valid(type: string, valueCheck: any, value: any, opts: any = {}) {\r\n let _typeRule: string = type\r\n if (_typeRule && HValid.Types[_typeRule] && HValid.Types[_typeRule].check) {\r\n let _valueCheck = valueCheck\r\n if (isObject(_valueCheck)) {\r\n _valueCheck = _valueCheck.value\r\n }\r\n return HValid.Types[_typeRule].check(_valueCheck, value, opts)\r\n } else {\r\n logW('Missing rule of check function in rule', type, value, opts)\r\n }\r\n return false\r\n },\r\n validAllRulesOfValue(rules: any = {}, value: any) {\r\n let _result: any = true\r\n let _keys = Object.keys(rules)\r\n if (_keys && _keys.length > 0) {\r\n for (let k of _keys) {\r\n let _type = k\r\n let _rsType = HValid.valid(_type, rules[k], value, {})\r\n if (_rsType !== true) {\r\n if (_result === true) {\r\n _result = {}\r\n }\r\n _result[_type] = _rsType\r\n }\r\n }\r\n }\r\n return _result\r\n },\r\n Types: {\r\n required: {\r\n check(valueCheck: any = true, value: any, opts: any = {}) {\r\n if (valueCheck === true && isNotNullOrEmpty(value)) {\r\n return true\r\n }\r\n return {\r\n type: 'required',\r\n msg: opts.msg || 'valid failed'\r\n }\r\n }\r\n },\r\n minLength: {\r\n check(valueCheck: any = 0, value: any, opts: any = {}) {\r\n if (isString(value) && value.length > valueCheck) {\r\n return true\r\n }\r\n return {\r\n type: 'minLength',\r\n msg: opts.msg || 'valid failed'\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default HValid\r\n","import LodashGet from 'lodash/get'\r\nimport LodashSet from 'lodash/set'\r\nexport const get = LodashGet\r\nexport const set = LodashSet\r\nexport const CF = {}\r\n\r\nexport const setCF = (key: string | any, value: any) => {\r\n if (key) {\r\n CF[key] = value\r\n }\r\n}\r\n\r\nexport const setCFMultiObj = (obj: any) => {\r\n if (obj) {\r\n for (let k of Object.keys(obj)) {\r\n CF[k] = obj[k]\r\n }\r\n }\r\n}\r\n\r\nexport const getCF = (key: string | any) => {\r\n if (key) {\r\n return CF[key]\r\n }\r\n return null\r\n}\r\n\r\nexport const setCFMultiLevel = (key: string | any, value: any) => {\r\n if (key) {\r\n set(CF, key, value)\r\n }\r\n}\r\n\r\nexport const getCFMultiLevel = (key: string | any) => {\r\n if (key) {\r\n return get(CF, key)\r\n }\r\n return null\r\n}\r\n","'use strict'\r\n/*eslint-disable no-unused-expressions */\r\nvar has = Object.prototype.hasOwnProperty,\r\n prefix = '~'\r\n\r\n/**\r\n * Constructor to create a storage for our `EE` objects.\r\n * An `Events` instance is a plain object whose properties are event names.\r\n *\r\n * @constructor\r\n * @private\r\n */\r\nfunction Events() {}\r\n\r\n//\r\n// We try to not inherit from `Object.prototype`. In some engines creating an\r\n// instance in this way is faster than calling `Object.create(null)` directly.\r\n// If `Object.create(null)` is not supported we prefix the event names with a\r\n// character to make sure that the built-in object properties are not\r\n// overridden or used as an attack vector.\r\n//\r\nif (Object.create) {\r\n Events.prototype = Object.create(null)\r\n\r\n //\r\n // This hack is needed because the `__proto__` property is still inherited in\r\n // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.\r\n //\r\n if (!new Events().__proto__) prefix = false\r\n}\r\n\r\n/**\r\n * Representation of a single event listener.\r\n *\r\n * @param {Function} fn The listener function.\r\n * @param {*} context The context to invoke the listener with.\r\n * @param {Boolean} [once=false] Specify if the listener is a one-time listener.\r\n * @constructor\r\n * @private\r\n */\r\nfunction EE(fn, context, once) {\r\n this.fn = fn\r\n this.context = context\r\n this.once = once || false\r\n}\r\n\r\n/**\r\n * Add a listener for a given event.\r\n *\r\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\r\n * @param {(String|Symbol)} event The event name.\r\n * @param {Function} fn The listener function.\r\n * @param {*} context The context to invoke the listener with.\r\n * @param {Boolean} once Specify if the listener is a one-time listener.\r\n * @returns {EventEmitter}\r\n * @private\r\n */\r\nfunction addListener(emitter, event, fn, context, once) {\r\n if (typeof fn !== 'function') {\r\n throw new TypeError('The listener must be a function')\r\n }\r\n\r\n var listener = new EE(fn, context || emitter, once),\r\n evt = prefix ? prefix + event : event\r\n\r\n if (!emitter._events[evt])\r\n (emitter._events[evt] = listener), emitter._eventsCount++\r\n else if (!emitter._events[evt].fn) emitter._events[evt].push(listener)\r\n else emitter._events[evt] = [emitter._events[evt], listener]\r\n\r\n return emitter\r\n}\r\n\r\n/**\r\n * Clear event by name.\r\n *\r\n * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.\r\n * @param {(String|Symbol)} evt The Event name.\r\n * @private\r\n */\r\nfunction clearEvent(emitter, evt) {\r\n if (--emitter._eventsCount === 0) emitter._events = new Events()\r\n else delete emitter._events[evt]\r\n}\r\n\r\n/**\r\n * Minimal `EventEmitter` interface that is molded against the Node.js\r\n * `EventEmitter` interface.\r\n *\r\n * @constructor\r\n * @public\r\n */\r\nfunction EventEmitter() {\r\n this._events = new Events()\r\n this._eventsCount = 0\r\n}\r\n\r\n/**\r\n * Return an array listing the events for which the emitter has registered\r\n * listeners.\r\n *\r\n * @returns {Array}\r\n * @public\r\n */\r\nEventEmitter.prototype.eventNames = function eventNames() {\r\n var names = [],\r\n events,\r\n name\r\n\r\n if (this._eventsCount === 0) return names\r\n\r\n for (name in (events = this._events)) {\r\n if (has.call(events, name)) names.push(prefix ? name.slice(1) : name)\r\n }\r\n\r\n if (Object.getOwnPropertySymbols) {\r\n return names.concat(Object.getOwnPropertySymbols(events))\r\n }\r\n\r\n return names\r\n}\r\n\r\n/**\r\n * Return the listeners registered for a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @returns {Array} The registered listeners.\r\n * @public\r\n */\r\nEventEmitter.prototype.listeners = function listeners(event) {\r\n var evt = prefix ? prefix + event : event,\r\n handlers = this._events[evt]\r\n\r\n if (!handlers) return []\r\n if (handlers.fn) return [handlers.fn]\r\n\r\n for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {\r\n ee[i] = handlers[i].fn\r\n }\r\n\r\n return ee\r\n}\r\n\r\n/**\r\n * Return the number of listeners listening to a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @returns {Number} The number of listeners.\r\n * @public\r\n */\r\nEventEmitter.prototype.listenerCount = function listenerCount(event) {\r\n var evt = prefix ? prefix + event : event,\r\n listeners = this._events[evt]\r\n\r\n if (!listeners) return 0\r\n if (listeners.fn) return 1\r\n return listeners.length\r\n}\r\n\r\n/**\r\n * Calls each of the listeners registered for a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @returns {Boolean} `true` if the event had listeners, else `false`.\r\n * @public\r\n */\r\nEventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {\r\n var evt = prefix ? prefix + event : event\r\n\r\n if (!this._events[evt]) return false\r\n\r\n var listeners = this._events[evt],\r\n len = arguments.length,\r\n args,\r\n i\r\n\r\n if (listeners.fn) {\r\n if (listeners.once)\r\n this.removeListener(event, listeners.fn, undefined, true)\r\n\r\n switch (len) {\r\n case 1:\r\n return listeners.fn.call(listeners.context), true\r\n case 2:\r\n return listeners.fn.call(listeners.context, a1), true\r\n case 3:\r\n return listeners.fn.call(listeners.context, a1, a2), true\r\n case 4:\r\n return listeners.fn.call(listeners.context, a1, a2, a3), true\r\n case 5:\r\n return listeners.fn.call(listeners.context, a1, a2, a3, a4), true\r\n case 6:\r\n return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true\r\n }\r\n\r\n for (i = 1, args = new Array(len - 1); i < len; i++) {\r\n args[i - 1] = arguments[i]\r\n }\r\n\r\n listeners.fn.apply(listeners.context, args)\r\n } else {\r\n var length = listeners.length,\r\n j\r\n\r\n for (i = 0; i < length; i++) {\r\n if (listeners[i].once)\r\n this.removeListener(event, listeners[i].fn, undefined, true)\r\n\r\n switch (len) {\r\n case 1:\r\n listeners[i].fn.call(listeners[i].context)\r\n break\r\n case 2:\r\n listeners[i].fn.call(listeners[i].context, a1)\r\n break\r\n case 3:\r\n listeners[i].fn.call(listeners[i].context, a1, a2)\r\n break\r\n case 4:\r\n listeners[i].fn.call(listeners[i].context, a1, a2, a3)\r\n break\r\n default:\r\n if (!args)\r\n for (j = 1, args = new Array(len - 1); j < len; j++) {\r\n args[j - 1] = arguments[j]\r\n }\r\n\r\n listeners[i].fn.apply(listeners[i].context, args)\r\n }\r\n }\r\n }\r\n\r\n return true\r\n}\r\n\r\n/**\r\n * Add a listener for a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @param {Function} fn The listener function.\r\n * @param {*} [context=this] The context to invoke the listener with.\r\n * @returns {EventEmitter} `this`.\r\n * @public\r\n */\r\nEventEmitter.prototype.on = function on(event, fn, context) {\r\n return addListener(this, event, fn, context, false)\r\n}\r\n\r\n/**\r\n * Add a one-time listener for a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @param {Function} fn The listener function.\r\n * @param {*} [context=this] The context to invoke the listener with.\r\n * @returns {EventEmitter} `this`.\r\n * @public\r\n */\r\nEventEmitter.prototype.once = function once(event, fn, context) {\r\n return addListener(this, event, fn, context, true)\r\n}\r\n\r\n/**\r\n * Remove the listeners of a given event.\r\n *\r\n * @param {(String|Symbol)} event The event name.\r\n * @param {Function} fn Only remove the listeners that match this function.\r\n * @param {*} context Only remove the listeners that have this context.\r\n * @param {Boolean} once Only remove one-time listeners.\r\n * @returns {EventEmitter} `this`.\r\n * @public\r\n */\r\nEventEmitter.prototype.removeListener = function removeListener(\r\n event,\r\n fn,\r\n context,\r\n once\r\n) {\r\n var evt = prefix ? prefix + event : event\r\n\r\n if (!this._events[evt]) return this\r\n if (!fn) {\r\n clearEvent(this, evt)\r\n return this\r\n }\r\n\r\n var listeners = this._events[evt]\r\n\r\n if (listeners.fn) {\r\n if (\r\n listeners.fn === fn &&\r\n (!once || listeners.once) &&\r\n (!context || listeners.context === context)\r\n ) {\r\n clearEvent(this, evt)\r\n }\r\n } else {\r\n for (var i = 0, events = [], length = listeners.length; i < length; i++) {\r\n if (\r\n listeners[i].fn !== fn ||\r\n (once && !listeners[i].once) ||\r\n (context && listeners[i].context !== context)\r\n ) {\r\n events.push(listeners[i])\r\n }\r\n }\r\n\r\n //\r\n // Reset the array, or remove it completely if we have no more listeners.\r\n //\r\n if (events.length)\r\n this._events[evt] = events.length === 1 ? events[0] : events\r\n else clearEvent(this, evt)\r\n }\r\n\r\n return this\r\n}\r\n\r\n/**\r\n * Remove all listeners, or those of the specified event.\r\n *\r\n * @param {(String|Symbol)} [event] The event name.\r\n * @returns {EventEmitter} `this`.\r\n * @public\r\n */\r\nEventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {\r\n var evt\r\n\r\n if (event) {\r\n evt = prefix ? prefix + event : event\r\n if (this._events[evt]) clearEvent(this, evt)\r\n } else {\r\n this._events = new Events()\r\n this._eventsCount = 0\r\n }\r\n\r\n return this\r\n}\r\n\r\n//\r\n// Alias methods names because people roll like that.\r\n//\r\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener\r\nEventEmitter.prototype.addListener = EventEmitter.prototype.on\r\n\r\n//\r\n// Expose the prefix.\r\n//\r\nEventEmitter.prefixed = prefix\r\n\r\n//\r\n// Allow `EventEmitter` to be imported as module namespace.\r\n//\r\nEventEmitter.EventEmitter = EventEmitter\r\n\r\n//\r\n// Expose the module.\r\n//\r\n// if ('undefined' !== typeof module) {\r\n// module.exports = EventEmitter;\r\n// }\r\n\r\nconst HEE = new EventEmitter()\r\nexport default HEE\r\n","import ConfigPage from '../../configs/ConfigPage'\r\nfunction MyPage(props: any) {\r\n const configPage = ConfigPage.createFromConfigPageServer(props.configPage)\r\n const MyPageTypeFn = configPage.getMyPageFn()\r\n return MyPageTypeFn(props)\r\n}\r\n\r\nexport default MyPage\r\n","import MyComponentTypes from '../MyComponent/Types'\r\nconst MyUIHelpers = {\r\n addTypes(key: string, fnUI: any) {\r\n MyComponentTypes.addTypesGeneric(MyUIHelpers.Types, key, fnUI)\r\n },\r\n addTypesFromListLazy(listWithKey: any) {\r\n MyComponentTypes.addTypesGenericFromListLazy(MyUIHelpers.Types, listWithKey)\r\n },\r\n addTypesFromListWithoutLazy(listWithKey: any) {\r\n MyComponentTypes.addTypesGenericFromListWithoutLazy(\r\n MyUIHelpers.Types,\r\n listWithKey\r\n )\r\n },\r\n Types: {\r\n _empty: MyComponentTypes.Types._empty\r\n }\r\n}\r\n\r\nexport default MyUIHelpers\r\n","import * as React from 'react'\r\nimport MyComponentHelpers from '../MyComponent/Helpers'\r\nimport MyHelpers from './Helpers'\r\nfunction MyUI(props: any) {\r\n const MyTypeFn = MyComponentHelpers.getMyComponentTypeFn(\r\n MyHelpers.Types,\r\n props\r\n )\r\n return {_data.FullPathInfo}
\r\n {_data.FullPathList.map((v: any) => {\r\n return (\r\n \r\n \r\n {v}\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 MyLoadingHelpers\r\n","import MyComponentHelpers from '../MyComponent/Helpers'\r\nimport MyHelpers from './Helpers'\r\nfunction MyLoading(props: any) {\r\n const MyTypeFn = MyComponentHelpers.getMyComponentTypeFn(\r\n MyHelpers.Types,\r\n props\r\n )\r\n return MyTypeFn(props)\r\n}\r\n\r\nexport default MyLoading\r\n","import MyComponentTypes from '../MyComponent/Types'\r\nconst MyBaseHelpers = {\r\n addTypes(key: string, fnUI: any) {\r\n MyComponentTypes.addTypesGeneric(MyBaseHelpers.Types, key, fnUI)\r\n },\r\n addTypesFromListLazy(listWithKey: any) {\r\n MyComponentTypes.addTypesGenericFromListLazy(\r\n MyBaseHelpers.Types,\r\n listWithKey\r\n )\r\n },\r\n addTypesFromListWithoutLazy(listWithKey: any) {\r\n MyComponentTypes.addTypesGenericFromListWithoutLazy(\r\n MyBaseHelpers.Types,\r\n listWithKey\r\n )\r\n },\r\n Types: {\r\n _empty: MyComponentTypes.Types._empty\r\n }\r\n}\r\n\r\nexport default MyBaseHelpers\r\n","import * as React from 'react'\r\nimport MyComponentHelpers from '../MyComponent/Helpers'\r\nimport MyHelpers from './Helpers'\r\nfunction MyBase(props: any) {\r\n const MyTypeFn = MyComponentHelpers.getMyComponentTypeFn(\r\n MyHelpers.Types,\r\n props\r\n )\r\n return Test Example Component: {text}
\r\n// }\r\n\r\n//V1\r\nimport * as V1 from './v1'\r\n\r\nconst Allias = {\r\n HApi: {},\r\n showPhotosViewer: (arrPhotos: any[] = [], currentIndex: number = 0) => {\r\n console.warn('need overide showPhotosViewer', arrPhotos, currentIndex)\r\n }\r\n}\r\n\r\nconst addAllias = (opts: { HApi: any; showPhotosViewer: any }) => {\r\n if (opts.HApi) {\r\n Allias.HApi = opts.HApi\r\n }\r\n if (opts.showPhotosViewer) {\r\n Allias.showPhotosViewer = opts.showPhotosViewer\r\n }\r\n}\r\nexport {\r\n addAllias,\r\n Allias,\r\n CPagination,\r\n CSuppense,\r\n ConfigSearch,\r\n CErrorBoundary,\r\n ConfigPage,\r\n OnePage,\r\n OneButton,\r\n OneTableCell,\r\n OneTableFilterControl,\r\n OneFilter,\r\n HUtils,\r\n HLink,\r\n HFormat,\r\n HModules,\r\n HLog,\r\n HIs,\r\n HUI,\r\n HText,\r\n HJson,\r\n HRegex,\r\n HFilter,\r\n HColor,\r\n HMore,\r\n HOptions,\r\n HLocalStorage,\r\n HFakeData,\r\n HValid,\r\n HCF,\r\n HEE,\r\n MyComponentHelpers,\r\n MyPage,\r\n MyPageHelpers,\r\n MyPageLayout,\r\n MyPageLayoutHelpers,\r\n MyUI,\r\n MyUIHelpers,\r\n MyCard,\r\n MyCardHelpers,\r\n MyLayout,\r\n MyLayoutHelpers,\r\n MyTableCell,\r\n MyTableCellHelpers,\r\n MyTableFilterControl,\r\n MyTableFilterControlHelpers,\r\n MyFormControl,\r\n MyFormControlHelpers,\r\n MyButton,\r\n MyButtonHelpers,\r\n MyIcon,\r\n MyIconHelpers,\r\n MyLoading,\r\n MyLoadingHelpers,\r\n MyControl,\r\n MyControlHelpers,\r\n MyControl_Ext,\r\n MyControl_Ext_Select,\r\n MyBase,\r\n MyBaseHelpers,\r\n MyLib,\r\n MyLibHelpers,\r\n MyChart,\r\n MyChartHelpers,\r\n MyTableHeader,\r\n MyTableHeaderHelpers,\r\n MySVG,\r\n MySVGHelpers,\r\n V1\r\n}\r\n","const kObjCategoryLocal = \"category\"\r\nconst kFirstSettingData = \"FIRST_SETTING_DATA\"\r\nconst kRoleUserActive = \"roleUserActive\"\r\nconst myuiOrderNav = \"sg_nav_order\"\r\nconst myuiDfNav = \"sg_nav_default\"\r\n\r\nconst rentalTypes = [\r\n {\r\n url: \"/thue-xe-4-cho\",\r\n name: \"Thuê xe 4 chỗ\",\r\n },\r\n {\r\n url: \"/thue-xe-7-cho\",\r\n name: \"Thuê xe 7 chỗ\",\r\n },\r\n]\r\nconst timeRange = [\r\n {\r\n Text: \"\",\r\n Value: \"\",\r\n },\r\n]\r\nconst mobileWidth = 820\r\nconst pageKey = {\r\n category: \"category\",\r\n home: \"home\",\r\n onlyHeader: \"onlyHeader\",\r\n sgTravelling: \"sgTravelling\",\r\n}\r\nconst headerTabList = [\r\n {\r\n key: \"xe-tu-lai\",\r\n title: \"Xe tự lái\",\r\n link: \"/\",\r\n },\r\n {\r\n key: \"xe-co-tai\",\r\n title: \"Xe có tài\",\r\n link: \"/thue-xe-co-tai\",\r\n },\r\n {\r\n key: \"thue-dai-han\",\r\n title: \"Thuê dài hạn\",\r\n link: \"/thue-xe-dai-han\",\r\n },\r\n]\r\nexport {\r\n kObjCategoryLocal,\r\n rentalTypes,\r\n timeRange,\r\n kFirstSettingData,\r\n kRoleUserActive,\r\n myuiDfNav,\r\n myuiOrderNav,\r\n mobileWidth,\r\n pageKey,\r\n headerTabList,\r\n}\r\n","import React from \"react\"\r\nimport MyUIHelpers from \"src/core/components/MyUI/MyUIHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst MUI_dev_simulator = React.lazy(() => import(\"./Types/dev_simulator\"))\r\n\r\nconst MyUIOne = {\r\n init() {\r\n MyUIHelpers.addTypes(\"dev_simulator\", props => {\r\n return CSuppense(props, MUI_dev_simulator)\r\n })\r\n },\r\n}\r\n\r\nexport default MyUIOne\r\n","import { HLocalStorage, HUtils, HApi } from \"src/core/helpers\"\r\nimport { MyModal } from \"src/core/components\"\r\nimport MyUIOne from \"./MyUI\"\r\nimport \"./scss/index.scss\"\r\n\r\ninterface IModuleDevSimulator extends IModuleOne {\r\n usingLocalBaseUrlKey?: any\r\n localBaseUrlKey?: any\r\n usingLocalBaseUrl?: boolean\r\n runAfterInit: () => void\r\n setLocalBaseUrl: (newBaseUrl: any) => void\r\n getIsUsingLocalBaseUrl: () => boolean\r\n getLocalBaseUrl: () => string\r\n showUIDevSimulator: () => void\r\n setIsUsingLocalBaseUrl: (value: any) => void\r\n}\r\nconst ModuleDevSimulator: IModuleDevSimulator = {\r\n usingLocalBaseUrlKey: \"_usingLocalBaseUrl\",\r\n localBaseUrlKey: \"_localBaseUrl\",\r\n usingLocalBaseUrl: false,\r\n runAfterInit: () => {\r\n MyUIOne.init()\r\n const localBaseUrl = ModuleDevSimulator.getLocalBaseUrl()\r\n const isUsingLocalBaseUrl = ModuleDevSimulator.getIsUsingLocalBaseUrl()\r\n if (isUsingLocalBaseUrl === true) {\r\n ModuleDevSimulator.usingLocalBaseUrl = true\r\n if (localBaseUrl) {\r\n HApi.initApi({ baseUrl: localBaseUrl })\r\n }\r\n }\r\n if (HUtils.isLocalDev() === true || isUsingLocalBaseUrl === true) {\r\n ModuleDevSimulator.showUIDevSimulator()\r\n } else {\r\n console.log = () => {}\r\n console.warn = () => {}\r\n }\r\n if (!localBaseUrl) {\r\n ModuleDevSimulator.setLocalBaseUrl(\"http://localhost:12391\")\r\n }\r\n },\r\n getIsUsingLocalBaseUrl: () => {\r\n if (\r\n HLocalStorage.getObj(ModuleDevSimulator.usingLocalBaseUrlKey, {}) === true\r\n ) {\r\n return true\r\n }\r\n return false\r\n },\r\n getLocalBaseUrl: () => {\r\n return HLocalStorage.getString(ModuleDevSimulator.localBaseUrlKey, \"\")\r\n },\r\n setIsUsingLocalBaseUrl: value => {\r\n ModuleDevSimulator.usingLocalBaseUrl = value\r\n HLocalStorage.saveString(ModuleDevSimulator.usingLocalBaseUrlKey, value)\r\n },\r\n setLocalBaseUrl: newBaseUrl => {\r\n HLocalStorage.saveString(ModuleDevSimulator.localBaseUrlKey, newBaseUrl)\r\n },\r\n showUIDevSimulator: () => {\r\n if (!document.getElementById(\"dev_simulator\")) {\r\n const _localBaseUrl = ModuleDevSimulator.getLocalBaseUrl()\r\n let button = document.createElement(\"button\")\r\n button.id = \"dev_simulator\"\r\n button.type = \"button\"\r\n button.innerHTML = ` ${\r\n ModuleDevSimulator.usingLocalBaseUrl && _localBaseUrl\r\n ? _localBaseUrl\r\n : \"\"\r\n }`\r\n button.className = \"btn btn-danger btn-dev-sml\"\r\n button.onclick = function () {\r\n MyModal.showFromMyUI(\r\n {\r\n type: \"dev_simulator\",\r\n },\r\n {\r\n title: \"Config BaseUrl\",\r\n }\r\n )\r\n }\r\n document.body.appendChild(button)\r\n document.body.style.position = \"relative\"\r\n }\r\n },\r\n}\r\nexport default ModuleDevSimulator\r\n","/*! @preserve\r\n * numeral.js\r\n * version : 2.0.6\r\n * author : Adam Draper\r\n * license : MIT\r\n * http://adamwdraper.github.com/Numeral-js/\r\n */\r\n\r\n;(function (global, factory) {\r\n // if (typeof define === 'function' && define.amd) {\r\n // define(factory);\r\n // }\r\n if (typeof module === \"object\" && module.exports) {\r\n module.exports = factory()\r\n } else {\r\n global.numeral = factory()\r\n }\r\n})(this, function () {\r\n /************************************\r\n Variables\r\n ************************************/\r\n\r\n var numeral,\r\n _,\r\n VERSION = \"2.0.6\",\r\n formats = {},\r\n locales = {},\r\n defaults = {\r\n currentLocale: \"en\",\r\n zeroFormat: null,\r\n nullFormat: null,\r\n defaultFormat: \"0,0\",\r\n scalePercentBy100: true,\r\n },\r\n options = {\r\n currentLocale: defaults.currentLocale,\r\n zeroFormat: defaults.zeroFormat,\r\n nullFormat: defaults.nullFormat,\r\n defaultFormat: defaults.defaultFormat,\r\n scalePercentBy100: defaults.scalePercentBy100,\r\n }\r\n\r\n /************************************\r\n Constructors\r\n ************************************/\r\n\r\n // Numeral prototype object\r\n function Numeral(input, number) {\r\n this._input = input\r\n\r\n this._value = number\r\n }\r\n\r\n numeral = function (input) {\r\n var value, kind, unformatFunction, regexp\r\n\r\n if (numeral.isNumeral(input)) {\r\n value = input.value()\r\n } else if (input === 0 || typeof input === \"undefined\") {\r\n value = 0\r\n } else if (input === null || _.isNaN(input)) {\r\n value = null\r\n } else if (typeof input === \"string\") {\r\n if (options.zeroFormat && input === options.zeroFormat) {\r\n value = 0\r\n } else if (\r\n (options.nullFormat && input === options.nullFormat) ||\r\n !input.replace(/[^0-9]+/g, \"\").length\r\n ) {\r\n value = null\r\n } else {\r\n for (kind in formats) {\r\n regexp =\r\n typeof formats[kind].regexps.unformat === \"function\"\r\n ? formats[kind].regexps.unformat()\r\n : formats[kind].regexps.unformat\r\n\r\n if (regexp && input.match(regexp)) {\r\n unformatFunction = formats[kind].unformat\r\n\r\n break\r\n }\r\n }\r\n\r\n unformatFunction = unformatFunction || numeral._.stringToNumber\r\n\r\n value = unformatFunction(input)\r\n }\r\n } else {\r\n value = Number(input) || null\r\n }\r\n\r\n return new Numeral(input, value)\r\n }\r\n\r\n // version number\r\n numeral.version = VERSION\r\n\r\n // compare numeral object\r\n numeral.isNumeral = function (obj) {\r\n return obj instanceof Numeral\r\n }\r\n\r\n // helper functions\r\n numeral._ = _ = {\r\n // formats numbers separators, decimals places, signs, abbreviations\r\n numberToFormat: function (value, format, roundingFunction) {\r\n var locale = locales[numeral.options.currentLocale],\r\n negP = false,\r\n optDec = false,\r\n leadingCount = 0,\r\n abbr = \"\",\r\n trillion = 1000000000000,\r\n billion = 1000000000,\r\n million = 1000000,\r\n thousand = 1000,\r\n decimal = \"\",\r\n neg = false,\r\n abbrForce, // force abbreviation\r\n abs,\r\n int,\r\n precision,\r\n signed,\r\n thousands,\r\n output\r\n\r\n // make sure we never format a null value\r\n value = value || 0\r\n\r\n abs = Math.abs(value)\r\n\r\n // see if we should use parentheses for negative number or if we should prefix with a sign\r\n // if both are present we default to parentheses\r\n if (numeral._.includes(format, \"(\")) {\r\n negP = true\r\n format = format.replace(/[|]/g, \"\")\r\n } else if (\r\n numeral._.includes(format, \"+\") ||\r\n numeral._.includes(format, \"-\")\r\n ) {\r\n signed = numeral._.includes(format, \"+\")\r\n ? format.indexOf(\"+\")\r\n : value < 0\r\n ? format.indexOf(\"-\")\r\n : -1\r\n format = format.replace(/[|]/g, \"\")\r\n }\r\n\r\n // see if abbreviation is wanted\r\n if (numeral._.includes(format, \"a\")) {\r\n abbrForce = format.match(/a(k|m|b|t)?/)\r\n\r\n abbrForce = abbrForce ? abbrForce[1] : false\r\n\r\n // check for space before abbreviation\r\n if (numeral._.includes(format, \" a\")) {\r\n abbr = \" \"\r\n }\r\n\r\n format = format.replace(new RegExp(abbr + \"a[kmbt]?\"), \"\")\r\n\r\n if ((abs >= trillion && !abbrForce) || abbrForce === \"t\") {\r\n // trillion\r\n abbr += locale.abbreviations.trillion\r\n value = value / trillion\r\n } else if (\r\n (abs < trillion && abs >= billion && !abbrForce) ||\r\n abbrForce === \"b\"\r\n ) {\r\n // billion\r\n abbr += locale.abbreviations.billion\r\n value = value / billion\r\n } else if (\r\n (abs < billion && abs >= million && !abbrForce) ||\r\n abbrForce === \"m\"\r\n ) {\r\n // million\r\n abbr += locale.abbreviations.million\r\n value = value / million\r\n } else if (\r\n (abs < million && abs >= thousand && !abbrForce) ||\r\n abbrForce === \"k\"\r\n ) {\r\n // thousand\r\n abbr += locale.abbreviations.thousand\r\n value = value / thousand\r\n }\r\n }\r\n\r\n // check for optional decimals\r\n if (numeral._.includes(format, \"[.]\")) {\r\n optDec = true\r\n format = format.replace(\"[.]\", \".\")\r\n }\r\n\r\n // break number and format\r\n int = value.toString().split(\".\")[0]\r\n precision = format.split(\".\")[1]\r\n thousands = format.indexOf(\",\")\r\n leadingCount = (format.split(\".\")[0].split(\",\")[0].match(/0/g) || [])\r\n .length\r\n\r\n if (precision) {\r\n if (numeral._.includes(precision, \"[\")) {\r\n precision = precision.replace(\"]\", \"\")\r\n precision = precision.split(\"[\")\r\n decimal = numeral._.toFixed(\r\n value,\r\n precision[0].length + precision[1].length,\r\n roundingFunction,\r\n precision[1].length\r\n )\r\n } else {\r\n decimal = numeral._.toFixed(value, precision.length, roundingFunction)\r\n }\r\n\r\n int = decimal.split(\".\")[0]\r\n\r\n if (numeral._.includes(decimal, \".\")) {\r\n decimal = locale.delimiters.decimal + decimal.split(\".\")[1]\r\n } else {\r\n decimal = \"\"\r\n }\r\n\r\n if (optDec && Number(decimal.slice(1)) === 0) {\r\n decimal = \"\"\r\n }\r\n } else {\r\n int = numeral._.toFixed(value, 0, roundingFunction)\r\n }\r\n\r\n // check abbreviation again after rounding\r\n if (\r\n abbr &&\r\n !abbrForce &&\r\n Number(int) >= 1000 &&\r\n abbr !== locale.abbreviations.trillion\r\n ) {\r\n int = String(Number(int) / 1000)\r\n\r\n switch (abbr) {\r\n case locale.abbreviations.thousand:\r\n abbr = locale.abbreviations.million\r\n break\r\n case locale.abbreviations.million:\r\n abbr = locale.abbreviations.billion\r\n break\r\n case locale.abbreviations.billion:\r\n abbr = locale.abbreviations.trillion\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n\r\n // format number\r\n if (numeral._.includes(int, \"-\")) {\r\n int = int.slice(1)\r\n neg = true\r\n }\r\n\r\n if (int.length < leadingCount) {\r\n for (var i = leadingCount - int.length; i > 0; i--) {\r\n int = \"0\" + int\r\n }\r\n }\r\n\r\n if (thousands > -1) {\r\n int = int\r\n .toString()\r\n .replace(\r\n /(\\d)(?=(\\d{3})+(?!\\d))/g,\r\n \"$1\" + locale.delimiters.thousands\r\n )\r\n }\r\n\r\n if (format.indexOf(\".\") === 0) {\r\n int = \"\"\r\n }\r\n\r\n output = int + decimal + (abbr ? abbr : \"\")\r\n\r\n if (negP) {\r\n output = (negP && neg ? \"(\" : \"\") + output + (negP && neg ? \")\" : \"\")\r\n } else {\r\n if (signed >= 0) {\r\n output =\r\n signed === 0\r\n ? (neg ? \"-\" : \"+\") + output\r\n : output + (neg ? \"-\" : \"+\")\r\n } else if (neg) {\r\n output = \"-\" + output\r\n }\r\n }\r\n\r\n return output\r\n },\r\n // unformats numbers separators, decimals places, signs, abbreviations\r\n stringToNumber: function (string) {\r\n var locale = locales[options.currentLocale],\r\n stringOriginal = string,\r\n abbreviations = {\r\n thousand: 3,\r\n million: 6,\r\n billion: 9,\r\n trillion: 12,\r\n },\r\n abbreviation,\r\n value,\r\n regexp\r\n\r\n if (options.zeroFormat && string === options.zeroFormat) {\r\n value = 0\r\n } else if (\r\n (options.nullFormat && string === options.nullFormat) ||\r\n !string.replace(/[^0-9]+/g, \"\").length\r\n ) {\r\n value = null\r\n } else {\r\n value = 1\r\n\r\n if (locale.delimiters.decimal !== \".\") {\r\n string = string\r\n .replace(/\\./g, \"\")\r\n .replace(locale.delimiters.decimal, \".\")\r\n }\r\n\r\n for (abbreviation in abbreviations) {\r\n regexp = new RegExp(\r\n \"[^a-zA-Z]\" +\r\n locale.abbreviations[abbreviation] +\r\n \"(?:\\\\)|(\\\\\" +\r\n locale.currency.symbol +\r\n \")?(?:\\\\))?)?$\"\r\n )\r\n\r\n if (stringOriginal.match(regexp)) {\r\n value *= Math.pow(10, abbreviations[abbreviation])\r\n break\r\n }\r\n }\r\n\r\n // check for negative number\r\n value *=\r\n (string.split(\"-\").length +\r\n Math.min(\r\n string.split(\"(\").length - 1,\r\n string.split(\")\").length - 1\r\n )) %\r\n 2\r\n ? 1\r\n : -1\r\n\r\n // remove non numbers\r\n string = string.replace(/[^0-9]+/g, \"\")\r\n\r\n value *= Number(string)\r\n }\r\n\r\n return value\r\n },\r\n isNaN: function (value) {\r\n return typeof value === \"number\" && isNaN(value)\r\n },\r\n includes: function (string, search) {\r\n return string.indexOf(search) !== -1\r\n },\r\n insert: function (string, subString, start) {\r\n return string.slice(0, start) + subString + string.slice(start)\r\n },\r\n reduce: function (array, callback /*, initialValue*/) {\r\n if (this === null) {\r\n throw new TypeError(\r\n \"Array.prototype.reduce called on null or undefined\"\r\n )\r\n }\r\n\r\n if (typeof callback !== \"function\") {\r\n throw new TypeError(callback + \" is not a function\")\r\n }\r\n\r\n var t = Object(array),\r\n len = t.length >>> 0,\r\n k = 0,\r\n value\r\n\r\n if (arguments.length === 3) {\r\n value = arguments[2]\r\n } else {\r\n while (k < len && !(k in t)) {\r\n k++\r\n }\r\n\r\n if (k >= len) {\r\n throw new TypeError(\"Reduce of empty array with no initial value\")\r\n }\r\n\r\n value = t[k++]\r\n }\r\n for (; k < len; k++) {\r\n if (k in t) {\r\n value = callback(value, t[k], k, t)\r\n }\r\n }\r\n return value\r\n },\r\n /**\r\n * Computes the multiplier necessary to make x >= 1,\r\n * effectively eliminating miscalculations caused by\r\n * finite precision.\r\n */\r\n multiplier: function (x) {\r\n var parts = x.toString().split(\".\")\r\n\r\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length)\r\n },\r\n /**\r\n * Given a variable number of arguments, returns the maximum\r\n * multiplier that must be used to normalize an operation involving\r\n * all of them.\r\n */\r\n correctionFactor: function () {\r\n var args = Array.prototype.slice.call(arguments)\r\n\r\n return args.reduce(function (accum, next) {\r\n var mn = _.multiplier(next)\r\n return accum > mn ? accum : mn\r\n }, 1)\r\n },\r\n /**\r\n * Implementation of toFixed() that treats floats more like decimals\r\n *\r\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\r\n * problems for accounting- and finance-related software.\r\n */\r\n toFixed: function (value, maxDecimals, roundingFunction, optionals) {\r\n var splitValue = value.toString().split(\".\"),\r\n minDecimals = maxDecimals - (optionals || 0),\r\n boundedPrecision,\r\n optionalsRegExp,\r\n power,\r\n output\r\n\r\n // Use the smallest precision value possible to avoid errors from floating point representation\r\n if (splitValue.length === 2) {\r\n boundedPrecision = Math.min(\r\n Math.max(splitValue[1].length, minDecimals),\r\n maxDecimals\r\n )\r\n } else {\r\n boundedPrecision = minDecimals\r\n }\r\n\r\n power = Math.pow(10, boundedPrecision)\r\n\r\n // Multiply up by precision, round accurately, then divide and use native toFixed():\r\n output = (\r\n roundingFunction(value + \"e+\" + boundedPrecision) / power\r\n ).toFixed(boundedPrecision)\r\n\r\n if (optionals > maxDecimals - boundedPrecision) {\r\n optionalsRegExp = new RegExp(\r\n \"\\\\.?0{1,\" + (optionals - (maxDecimals - boundedPrecision)) + \"}$\"\r\n )\r\n output = output.replace(optionalsRegExp, \"\")\r\n }\r\n\r\n return output\r\n },\r\n }\r\n\r\n // avaliable options\r\n numeral.options = options\r\n\r\n // avaliable formats\r\n numeral.formats = formats\r\n\r\n // avaliable formats\r\n numeral.locales = locales\r\n\r\n // This function sets the current locale. If\r\n // no arguments are passed in, it will simply return the current global\r\n // locale key.\r\n numeral.locale = function (key) {\r\n if (key) {\r\n options.currentLocale = key.toLowerCase()\r\n }\r\n\r\n return options.currentLocale\r\n }\r\n\r\n // This function provides access to the loaded locale data. If\r\n // no arguments are passed in, it will simply return the current\r\n // global locale object.\r\n numeral.localeData = function (key) {\r\n if (!key) {\r\n return locales[options.currentLocale]\r\n }\r\n\r\n key = key.toLowerCase()\r\n\r\n if (!locales[key]) {\r\n throw new Error(\"Unknown locale : \" + key)\r\n }\r\n\r\n return locales[key]\r\n }\r\n\r\n numeral.reset = function () {\r\n for (var property in defaults) {\r\n options[property] = defaults[property]\r\n }\r\n }\r\n\r\n numeral.zeroFormat = function (format) {\r\n options.zeroFormat = typeof format === \"string\" ? format : null\r\n }\r\n\r\n numeral.nullFormat = function (format) {\r\n options.nullFormat = typeof format === \"string\" ? format : null\r\n }\r\n\r\n numeral.defaultFormat = function (format) {\r\n options.defaultFormat = typeof format === \"string\" ? format : \"0.0\"\r\n }\r\n\r\n numeral.register = function (type, name, format) {\r\n name = name.toLowerCase()\r\n\r\n if (this[type + \"s\"][name]) {\r\n throw new TypeError(name + \" \" + type + \" already registered.\")\r\n }\r\n\r\n this[type + \"s\"][name] = format\r\n\r\n return format\r\n }\r\n\r\n numeral.validate = function (val, culture) {\r\n var _decimalSep,\r\n _thousandSep,\r\n _currSymbol,\r\n _valArray,\r\n _abbrObj,\r\n _thousandRegEx,\r\n localeData,\r\n temp\r\n\r\n //coerce val to string\r\n if (typeof val !== \"string\") {\r\n val += \"\"\r\n\r\n if (console.warn) {\r\n console.warn(\r\n \"Numeral.js: Value is not string. It has been co-erced to: \",\r\n val\r\n )\r\n }\r\n }\r\n\r\n //trim whitespaces from either sides\r\n val = val.trim()\r\n\r\n //if val is just digits return true\r\n if (!!val.match(/^\\d+$/)) {\r\n return true\r\n }\r\n\r\n //if val is empty return false\r\n if (val === \"\") {\r\n return false\r\n }\r\n\r\n //get the decimal and thousands separator from numeral.localeData\r\n try {\r\n //check if the culture is understood by numeral. if not, default it to current locale\r\n localeData = numeral.localeData(culture)\r\n } catch (e) {\r\n localeData = numeral.localeData(numeral.locale())\r\n }\r\n\r\n //setup the delimiters and currency symbol based on culture/locale\r\n _currSymbol = localeData.currency.symbol\r\n _abbrObj = localeData.abbreviations\r\n _decimalSep = localeData.delimiters.decimal\r\n if (localeData.delimiters.thousands === \".\") {\r\n _thousandSep = \"\\\\.\"\r\n } else {\r\n _thousandSep = localeData.delimiters.thousands\r\n }\r\n\r\n // validating currency symbol\r\n temp = val.match(/^[^\\d]+/)\r\n if (temp !== null) {\r\n val = val.substr(1)\r\n if (temp[0] !== _currSymbol) {\r\n return false\r\n }\r\n }\r\n\r\n //validating abbreviation symbol\r\n temp = val.match(/[^\\d]+$/)\r\n if (temp !== null) {\r\n val = val.slice(0, -1)\r\n if (\r\n temp[0] !== _abbrObj.thousand &&\r\n temp[0] !== _abbrObj.million &&\r\n temp[0] !== _abbrObj.billion &&\r\n temp[0] !== _abbrObj.trillion\r\n ) {\r\n return false\r\n }\r\n }\r\n\r\n _thousandRegEx = new RegExp(_thousandSep + \"{2}\")\r\n\r\n if (!val.match(/[^\\d.,]/g)) {\r\n _valArray = val.split(_decimalSep)\r\n if (_valArray.length > 2) {\r\n return false\r\n } else {\r\n if (_valArray.length < 2) {\r\n return (\r\n !!_valArray[0].match(/^\\d+.*\\d$/) &&\r\n !_valArray[0].match(_thousandRegEx)\r\n )\r\n } else {\r\n if (_valArray[0].length === 1) {\r\n return (\r\n !!_valArray[0].match(/^\\d+$/) &&\r\n !_valArray[0].match(_thousandRegEx) &&\r\n !!_valArray[1].match(/^\\d+$/)\r\n )\r\n } else {\r\n return (\r\n !!_valArray[0].match(/^\\d+.*\\d$/) &&\r\n !_valArray[0].match(_thousandRegEx) &&\r\n !!_valArray[1].match(/^\\d+$/)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n\r\n return false\r\n }\r\n\r\n /************************************\r\n Numeral Prototype\r\n ************************************/\r\n\r\n numeral.fn = Numeral.prototype = {\r\n clone: function () {\r\n return numeral(this)\r\n },\r\n format: function (inputString, roundingFunction) {\r\n var value = this._value,\r\n format = inputString || options.defaultFormat,\r\n kind,\r\n output,\r\n formatFunction\r\n\r\n // make sure we have a roundingFunction\r\n roundingFunction = roundingFunction || Math.round\r\n\r\n // format based on value\r\n if (value === 0 && options.zeroFormat !== null) {\r\n output = options.zeroFormat\r\n } else if (value === null && options.nullFormat !== null) {\r\n output = options.nullFormat\r\n } else {\r\n for (kind in formats) {\r\n if (format.match(formats[kind].regexps.format)) {\r\n formatFunction = formats[kind].format\r\n\r\n break\r\n }\r\n }\r\n\r\n formatFunction = formatFunction || numeral._.numberToFormat\r\n\r\n output = formatFunction(value, format, roundingFunction)\r\n }\r\n\r\n return output\r\n },\r\n value: function () {\r\n return this._value\r\n },\r\n input: function () {\r\n return this._input\r\n },\r\n set: function (value) {\r\n this._value = Number(value)\r\n\r\n return this\r\n },\r\n add: function (value) {\r\n var corrFactor = _.correctionFactor.call(null, this._value, value)\r\n\r\n function cback(accum, curr, currI, O) {\r\n return accum + Math.round(corrFactor * curr)\r\n }\r\n\r\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor\r\n\r\n return this\r\n },\r\n subtract: function (value) {\r\n var corrFactor = _.correctionFactor.call(null, this._value, value)\r\n\r\n function cback(accum, curr, currI, O) {\r\n return accum - Math.round(corrFactor * curr)\r\n }\r\n\r\n this._value =\r\n _.reduce([value], cback, Math.round(this._value * corrFactor)) /\r\n corrFactor\r\n\r\n return this\r\n },\r\n multiply: function (value) {\r\n function cback(accum, curr, currI, O) {\r\n var corrFactor = _.correctionFactor(accum, curr)\r\n return (\r\n (Math.round(accum * corrFactor) * Math.round(curr * corrFactor)) /\r\n Math.round(corrFactor * corrFactor)\r\n )\r\n }\r\n\r\n this._value = _.reduce([this._value, value], cback, 1)\r\n\r\n return this\r\n },\r\n divide: function (value) {\r\n function cback(accum, curr, currI, O) {\r\n var corrFactor = _.correctionFactor(accum, curr)\r\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor)\r\n }\r\n\r\n this._value = _.reduce([this._value, value], cback)\r\n\r\n return this\r\n },\r\n difference: function (value) {\r\n return Math.abs(numeral(this._value).subtract(value).value())\r\n },\r\n }\r\n\r\n /************************************\r\n Default Locale && Format\r\n ************************************/\r\n\r\n numeral.register(\"locale\", \"en\", {\r\n delimiters: {\r\n thousands: \",\",\r\n decimal: \".\",\r\n },\r\n abbreviations: {\r\n thousand: \"k\",\r\n million: \"m\",\r\n billion: \"b\",\r\n trillion: \"t\",\r\n },\r\n ordinal: function (number) {\r\n var b = number % 10\r\n return ~~((number % 100) / 10) === 1\r\n ? \"th\"\r\n : b === 1\r\n ? \"st\"\r\n : b === 2\r\n ? \"nd\"\r\n : b === 3\r\n ? \"rd\"\r\n : \"th\"\r\n },\r\n currency: {\r\n symbol: \"$\",\r\n },\r\n })\r\n\r\n return numeral\r\n})\r\n","import React, { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\"\r\nimport usePlacesService from \"src/libs/ReactGooglePlacesAutocomplete/hooks/use-places-service\"\r\nimport useFetchSuggestions from \"src/libs/ReactGooglePlacesAutocomplete/hooks/use-fetch-suggestions\"\r\nimport { MyUI, Popover } from \"src/core/components\"\r\nimport styled from \"styled-components\"\r\nimport classNames from \"classnames\"\r\nimport { HUtils, HCF } from \"@macashipo/mlib\"\r\nimport { Button} from \"reactstrap\"\r\nimport { BsClock } from \"react-icons/bs\"\r\nimport { IoClose } from \"react-icons/io5\"\r\n\r\nfunction SelectList(props) {\r\n const {\r\n list,\r\n onSelect,\r\n stylePopover,\r\n noOptionsMessage,\r\n inputValue,\r\n innerRef,\r\n fnList,\r\n configMsg,\r\n moreConfig\r\n } = props\r\n const [data, setData] = React.useState(list)\r\n React.useEffect(() => {\r\n if (innerRef) {\r\n innerRef({\r\n updateList: a => {\r\n setData(a)\r\n },\r\n })\r\n }\r\n }, [])\r\n var sourceData = []\r\n if (data && data.length > 0) {\r\n sourceData = data.map((v, i) => {\r\n return {\r\n Text: v.label,\r\n Value: v.label,\r\n More: v.value,\r\n }\r\n })\r\n }\r\n // console.warn(\"sourceData:\", sourceData)\r\n if (sourceData == null || sourceData == undefined) {\r\n return null\r\n }\r\n let _uiEmpty = null\r\n if (sourceData && sourceData.length === 0) {\r\n _uiEmpty = {configMsg?.emptyMsg || \"No options\"}
\r\n if (noOptionsMessage) {\r\n _uiEmpty = noOptionsMessage({\r\n inputValue,\r\n })\r\n } else if (inputValue == null || inputValue.length == 0) {\r\n _uiEmpty = {configMsg?.emptyValueMsg || \"Search or enter an address\"}
\r\n }\r\n }\r\n const renderOptions = () => {\r\n if (!moreConfig?.renderCustomOption) {\r\n return {\r\n if (onSelect) {\r\n onSelect(v)\r\n }\r\n }}>\r\n
\r\n })\r\n }\r\n }\r\n }\r\n return (\r\n \r\n \r\n
\r\n {v.Text}
\r\n \r\n {\r\n rInput.current.focus()\r\n if (!firstDropdown) {\r\n setFirstDropdown(true)\r\n }\r\n HUtils.runFuntion(selectProps, \"onChange\", [\r\n {\r\n Text: null,\r\n Value: null,\r\n cbChange: (value) => {\r\n rInput.current.value = value\r\n // setVisible(false)\r\n },\r\n cbSuccess: () => {\r\n rInput.current.value = \"\"\r\n currentText.current = \"\"\r\n setSuggestList(null)\r\n },\r\n cbError: () => { },\r\n },\r\n {\r\n isWaiting: false,\r\n },\r\n ])\r\n }}\r\n color=\"clear-address\"\r\n >\r\n
\r\n )}\r\n {renderDropdownMenu()}\r\n \r\n )\r\n }\r\n return <>\r\n}\r\n\r\nconst Wrap = styled.div`\r\n position: relative;\r\n & .clear {\r\n position: absolute;\r\n top: 6px;\r\n right: 0px;\r\n bottom: 0px;\r\n & > button {\r\n padding: 0 8px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 0 0.25rem 0.25rem 0;\r\n background: transparent;\r\n border: 0px;\r\n color: #cccccc;\r\n transition: color 150ms;\r\n font-size: 18px;\r\n &:hover {\r\n color: #999999;\r\n }\r\n &:focus,\r\n &:active {\r\n box-shadow: none;\r\n background-color: transparent !important;\r\n color: #999999 !important;\r\n }\r\n }\r\n }\r\n & .ic-search{\r\n position: absolute;\r\n top: 13px;\r\n left: 8px;\r\n padding: 3px 0;\r\n padding-right: 8px;\r\n bottom: 0px;\r\n display: flex;\r\n font-size: 18px;\r\n height: fit-content;\r\n border-right: 1px solid #ccc;\r\n }\r\n & .form-control {\r\n padding-right: 40px;\r\n }\r\n &.readonly {\r\n & .form-control {\r\n padding-right: 0.75rem;\r\n }\r\n }\r\n & .input-enter-address {\r\n padding-left: 43px;\r\n min-height: 50px;\r\n border-radius: 10px;\r\n &.active, \r\n &:focus {\r\n }\r\n }\r\n & .option:hover {\r\n background-color: transparent !important;\r\n }\r\n & .one-address-recently {\r\n margin-top: -5px;\r\n transition: ease-in-out all 0.3s;\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 8px;\r\n margin-left: -8px;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n & .wrap-ic {\r\n margin-top: 3px;\r\n width: 40px;\r\n height: 40px;\r\n min-width: 40px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #dddddd;\r\n margin-right: 16px;\r\n }\r\n & i {\r\n font-size: 20px;\r\n color: #5F5F5F;\r\n font-weight: 400;\r\n display: flex;\r\n }\r\n & .address-content {\r\n width: calc(100% - 56px);\r\n color: #7b7878;\r\n & .title {\r\n font-weight: 600;\r\n color: var(--color-text-363636);\r\n margin: 0;\r\n }\r\n & .time {\r\n font-size: 13px;\r\n }\r\n }\r\n &.active {\r\n user-select: none;\r\n pointer-events: none;\r\n cursor: context-menu;\r\n background-color: #ebebeb;\r\n border-color: #ebebeb;\r\n border-radius: 8px;\r\n }\r\n }\r\n`\r\nconst WrapPopover = styled.div`\r\n font-size: 0.88rem;\r\n & .a-noitem {\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: auto;\r\n min-height: 40px;\r\n color: hsl(0, 0%, 60%);\r\n }\r\n`\r\nexport default forwardRef(GooglePlacesAutocompleteCustom)\r\n","import { saveObj, saveString, getString, getObj } from \"./localStorage\"\r\nimport { mergeObjIfExist } from \"./utils\"\r\nimport { HCF } from \"@macashipo/mlib\"\r\nimport { KAuth } from \"src/helpers/Flows/Auth\"\r\nimport ImgAvatar from \"src/assets/images/avatar.jpg\"\r\nconst AuthInfo: any = {\r\n kAuthToken: \"Auth-Token\",\r\n kAuthType: \"Auth-Type\",\r\n kAuthInfo: \"Auth-Info\",\r\n kAuthInfoSocial: \"Auth-InfoSocial\",\r\n token: \"\",\r\n type: \"Bearer\",\r\n info: {},\r\n infoSocial: null,\r\n info2FA: {},\r\n checkBeforeLogout: {},\r\n listAfterLogout: {},\r\n}\r\n\r\nconst AuthConfig: IAuthConfig = {\r\n afterLogout: () => {},\r\n afterLogin: () => {},\r\n}\r\n\r\nexport const initAuth = (config?: IAuthConfig) => {\r\n mergeObjIfExist(AuthConfig, config)\r\n loadLastSaved()\r\n HCF.setCF(KAuth.fnUpdateAuthInfo, authInfo => {\r\n console.log(\"update AuthInfo\", authInfo)\r\n if (authInfo) {\r\n AuthInfo.info = Object.assign(AuthInfo.info, authInfo)\r\n }\r\n })\r\n}\r\nexport const authCheckSavedAuthorized = () => {\r\n let _token = getString(AuthInfo.kAuthToken, \"\")\r\n if (_token) {\r\n return true\r\n }\r\n return false\r\n}\r\n\r\nexport const authGetAuthorizationHeader = () => {\r\n // console.warn(\"authGetAuthorizationHeader:\", AuthInfo)\r\n if (AuthInfo.token) {\r\n return `${AuthInfo.type} ${AuthInfo.token}`\r\n }\r\n}\r\n\r\nexport const registerCheckBeforeLogout = (key, fn) => {\r\n if (key) {\r\n if (fn) {\r\n AuthInfo.checkBeforeLogout[key] = fn\r\n } else {\r\n delete AuthInfo.checkBeforeLogout[key]\r\n }\r\n }\r\n}\r\nexport const registerAfterLogout = (key, fn) => {\r\n if (key) {\r\n if (fn) {\r\n AuthInfo.listAfterLogout[key] = fn\r\n } else {\r\n delete AuthInfo.listAfterLogout[key]\r\n }\r\n }\r\n}\r\n\r\nexport const checkBeforeLogout = () => {\r\n if (AuthInfo.checkBeforeLogout) {\r\n for (let k of Object.keys(AuthInfo.checkBeforeLogout)) {\r\n let _fn = AuthInfo.checkBeforeLogout[k]\r\n if (_fn) {\r\n let _check = _fn()\r\n if (_check === false) {\r\n return false\r\n }\r\n }\r\n }\r\n }\r\n return true\r\n}\r\n\r\nconst loadLastSaved = () => {\r\n // AuthInfo.auth = data;\r\n let _obj = {\r\n type: getString(AuthInfo.kAuthType, AuthInfo.type),\r\n token: getString(AuthInfo.kAuthToken, \"\"),\r\n info: getObj(AuthInfo.kAuthInfo, {}),\r\n }\r\n if (_obj.token) {\r\n authLogin(_obj)\r\n }\r\n}\r\nconst savedLocal = () => {\r\n saveString(AuthInfo.kAuthType, AuthInfo.type)\r\n saveString(AuthInfo.kAuthToken, AuthInfo.token)\r\n saveObj(AuthInfo.kAuthInfo, AuthInfo.info)\r\n}\r\n\r\nexport const authLogin = (data: IAuth) => {\r\n mergeObjIfExist(AuthInfo, data)\r\n savedLocal()\r\n // console.warn(\"authLogin:\", data)\r\n if (AuthConfig.afterLogin) {\r\n AuthConfig.afterLogin()\r\n }\r\n}\r\n\r\nconst getInfoFromData = function (data: any) {\r\n let _info = {}\r\n for (let k of Object.keys(data)) {\r\n if (k !== \"access_token\" && k !== \"token_type\") {\r\n _info[k] = data[k]\r\n }\r\n }\r\n return _info\r\n}\r\nconst parse2FAfromData = function (data: any) {\r\n if (data) {\r\n AuthInfo.info2FA[\"fa2_needenable\"] = data.fa2_needenable\r\n AuthInfo.info2FA[\"fa2_needverify\"] = data.fa2_needverify\r\n AuthInfo.info2FA[\"fa2_token\"] = data.fa2_token\r\n AuthInfo.info2FA[\"user_uniqueid\"] = data.user_uniqueid\r\n AuthInfo.info2FA[\"user_id\"] = data.user_id\r\n AuthInfo.info2FA[\"fa2_method\"] = data.fa2_method\r\n }\r\n}\r\nexport const authLoginWithRes = (data: any): boolean => {\r\n // console.warn(\"authLoginWithRes:\", data)\r\n parse2FAfromData(data)\r\n if (data && data.access_token) {\r\n let _info = getInfoFromData(data)\r\n let _obj = {\r\n token: data.access_token,\r\n type: data.token_type,\r\n info: _info,\r\n }\r\n authLogin(_obj)\r\n return true\r\n }\r\n return false\r\n}\r\nexport const authLoginSocialWithRes = (data: any): boolean => {\r\n if (data) {\r\n if (data.Token) {\r\n parse2FAfromData(data.Token)\r\n }\r\n if (data.Token && data.Token.access_token) {\r\n let _info = getInfoFromData(data.Token)\r\n let _obj = {\r\n token: data.Token.access_token,\r\n type: data.Token.token_type,\r\n info: _info,\r\n infoSocial: data.SocialInfo,\r\n }\r\n authLogin(_obj)\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\nexport const authLogoutWithNothing = () => {\r\n localStorage.removeItem(AuthInfo.kAuthToken)\r\n localStorage.removeItem(AuthInfo.kAuthInfo)\r\n localStorage.removeItem(AuthInfo.kAuthType)\r\n AuthInfo.info2FA = {}\r\n AuthInfo.info = {}\r\n AuthInfo.token = \"\"\r\n}\r\n\r\nconst afterLogout = () => {\r\n if (AuthConfig.afterLogout) {\r\n AuthConfig.afterLogout()\r\n }\r\n if (AuthInfo.listAfterLogout) {\r\n for (let k of Object.keys(AuthInfo.listAfterLogout)) {\r\n let _fn = AuthInfo.listAfterLogout[k]\r\n if (_fn) {\r\n _fn()\r\n }\r\n }\r\n }\r\n}\r\nexport const authLogout = ({ forceLogout, cbLogout }: any = {}) => {\r\n // console.log(\"authLogout:\", forceLogout, cbLogout)\r\n let _isWillLogout = false\r\n if (checkBeforeLogout()) {\r\n _isWillLogout = true\r\n }\r\n if (forceLogout === true) {\r\n _isWillLogout = true\r\n }\r\n if (_isWillLogout) {\r\n authLogoutWithNothing()\r\n afterLogout()\r\n if (cbLogout) {\r\n cbLogout()\r\n }\r\n }\r\n}\r\n\r\nexport const authLogoutWithReload = () => {\r\n authLogoutWithNothing()\r\n window.location.reload()\r\n}\r\n\r\nexport const authIsLogged = () => {\r\n return AuthInfo.token ? true : false\r\n}\r\n\r\nexport const getUserInfo = (): any => {\r\n return AuthInfo.info\r\n}\r\n\r\nexport const getInfo2FA = () => {\r\n return AuthInfo.info2FA\r\n}\r\n\r\nexport const getUserID = () => {\r\n return getUserInfo()?.user_id\r\n}\r\n\r\nexport const getUserName = () => {\r\n return getUserInfo()?.name\r\n}\r\n\r\nexport const getUserEmail = () => {\r\n return getUserInfo()?.user_name\r\n}\r\n\r\nexport const getUserAvatar = () => {\r\n if (getUserInfo() && getUserInfo()[\"avatar_url\"]) {\r\n return getUserInfo()?.avatar_url\r\n }\r\n return ImgAvatar\r\n}\r\n\r\nexport const getUserLogoApp = () => {\r\n return getUserInfo()?.appLogo_url\r\n}\r\n\r\nexport const checkShow2FAFromTokenResponse = resToken => {\r\n if (resToken) {\r\n if (resToken.fa2_needenable || resToken.fa2_needverify) {\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n","export default \"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADcCAYAAAAbWs+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMEY4MjdCNEFFREMxMUVDODFCRjg0M0Q0ODk4RTM0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMEY4MjdCNUFFREMxMUVDODFCRjg0M0Q0ODk4RTM0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3QjQ3MEVEQUU1MDExRUM4MUJGODQzRDQ4OThFMzQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3QjQ3MEVFQUU1MDExRUM4MUJGODQzRDQ4OThFMzQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+45+JKQAAGWVJREFUeNrs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\"","export const categoryFields = {\r\n fAddress: \"Address\",\r\n fLatitude: \"Latitude\",\r\n fLongitude: \"Longitude\",\r\n fFromDate: \"FromDate\",\r\n fToDate: \"ToDate\",\r\n fPDAvatarUrl: \"AvatarUrl\",\r\n fPDName: \"Name\",\r\n fPDRate: \"Rating\",\r\n fPDTripCount: \"ServedCount\",\r\n fPDNumberOfSeat: \"NumberOfSeat\",\r\n fPDDistance: \"Distance\",\r\n fPDRentalPrice: \"RentalPrice\",\r\n fPDRentalPriceOriginal: \"RentalPriceOriginal\",\r\n fOrderBy: \"OrderBy\",\r\n fVehicleNoOfSeatIds: \"VehicleNoOfSeatIds\",\r\n fMinRentalPrice: \"MinRentalPrice\",\r\n fMaxRentalPrice: \"MaxRentalPrice\",\r\n fVehicleTransmissionTypeIds: \"VehicleTransmissionTypeIds\",\r\n fVehicleMakeIds: \"VehicleMakeIds\",\r\n fYearModels: \"YearModels\",\r\n fVehicleColorIds: \"VehicleColorIds\",\r\n fFuelTypeIds: \"FuelTypeIds\",\r\n fRentalSettings: \"RentalSettings\",\r\n fDocumentIds: \"DocumentIds\",\r\n fFeatureIds: \"FeatureIds\",\r\n fSlug: \"Slug\",\r\n fDeliveryAddress: \"DeliveryAddress\",\r\n fVehicleTypeSubIds: \"VehicleTypeSubIds\",\r\n fVehicleModelIds: \"VehicleModelIds\",\r\n fRentalDayCount_Text: \"RentalDayCount_Text\",\r\n fImageUrls: \"ImageUrls\",\r\n fRentalPriceByDayOriginal: \"RentalPriceByDayOriginal\",\r\n fRentalPriceByDay: \"RentalPriceByDay\",\r\n fVehicleMinYearModel: \"VehicleMinYearModel\",\r\n fVehicleMaxYearModel: \"VehicleMaxYearModel\",\r\n fRentalPriceDetails: \"RentalPriceDetails\",\r\n fFreeDaySegment_Text: \"FreeDaySegment_Text\",\r\n}\r\nexport const detailFields = {\r\n fImageUrls: \"ImageUrls\",\r\n fServedCount: \"ServedCount\",\r\n fCharacteristics: \"Characteristics\",\r\n fOwnerInfo: \"OwnerInfo\",\r\n fOwnerInfoUrl: \"InfoUrl\",\r\n fJoinedDate: \"JoinedDate\",\r\n fReplyWithin: \"ReplyWithin\",\r\n fFullDescription: \"FullDescription\",\r\n fFeatures: \"Features\",\r\n fDocuments: \"Documents\",\r\n fSecurities: \"Securities\",\r\n fTerm: \"Term\",\r\n fCancelBookingPolicy: \"CancelBookingPolicy\",\r\n fReview: \"Review\",\r\n fReviewByRenters: \"ReviewByRenters\",\r\n fRVUser: \"User\",\r\n fRVRating: \"Rating\",\r\n fRVTime: \"ReviewAt\",\r\n fRVContent: \"ReviewContent\",\r\n fAddress: \"Address\",\r\n fInsuranceShortDescription: \"InsuranceShortDescription\",\r\n fRentalPriceDetails: \"RentalPriceDetails\",\r\n fVouchers: \"Vouchers\",\r\n fBookingInfoItems: \"BookingInfoItems\",\r\n fTotalPrice: \"TotalPrice\",\r\n fVoucherCode: \"VoucherCode\",\r\n fVoucherDiscountPrice: \"VoucherDiscountPrice\",\r\n fCanBooking: \"CanBooking\",\r\n fRentalServiceCategoryCode: \"RentalServiceCategoryCode\",\r\n fDeliveryAddress: \"DeliveryAddress\",\r\n fCanChangeDeliveryAddress: \"CanChangeDeliveryAddress\",\r\n fReviewByAvatarUrl: \"ReviewByAvatarUrl\",\r\n fName: \"Name\",\r\n fAvatarUrl: \"AvatarUrl\",\r\n fJoinedWhen: \"JoinedWhen\",\r\n fBookingFeatureInfos: \"BookingFeatureInfos\",\r\n fDeliveryInfo: \"DeliveryInfo\",\r\n fLongitude: \"Longitude\",\r\n fLatitude: \"Latitude\",\r\n fThingsToKnow: \"ThingsToKnow\",\r\n fPlateNumber: \"PlateNumber\",\r\n fPaymentInstructionInfo: \"PaymentInstructionInfo\",\r\n fCancelBookingPolicyInfo: \"CancelBookingPolicyInfo\",\r\n fGeneralProvisionInfo: \"GeneralProvisionInfo\",\r\n fSecurity: \"Security\",\r\n fOrderNumber: \"OrderNumber\",\r\n fNewOrderLinks: \"NewOrderLinks\",\r\n fNewOrderContent: \"NewOrderContent\",\r\n fNewOrderBookingDate: \"NewOrderBookingDate\",\r\n fInsuranceInfo: \"InsuranceInfo\",\r\n fRentalDate: \"RentalDate\",\r\n}\r\nexport const historyFields = {\r\n fAvatarUrl: \"AvatarUrl\",\r\n fRentalServiceName: \"RentalServiceName\",\r\n fEntDate_Text: \"EntDate_Text\",\r\n fAnotherUsername: \"Name\",\r\n fFromDate_Text: \"FromDate_Text\",\r\n fToDate_Text: \"ToDate_Text\",\r\n fFromDate: \"FromDate\",\r\n fToDate: \"ToDate\",\r\n fTotalPrice_Text: \"TotalPrice_Text\",\r\n fAnotherUserContacts: \"Contacts\",\r\n fAnotherUserContactsType: \"Type\",\r\n fAnotherUserContactsIconUrl: \"IconUrl\",\r\n fAnotherUserContactsIsDisable: \"IsDisable\",\r\n fAnotherUserContactsValue: \"Value\",\r\n fAnotherUserRole: \"Role\",\r\n fAnotherUserAvatarUrl: \"AvatarUrl\",\r\n fAnotherUserRate: \"Rating\",\r\n fAnotherUserInfo: \"AnotherUserInfo\",\r\n fAnotherUserInfoUrl: \"InfoUrl\",\r\n fAnotherUserPhone: \"MobilePhone\",\r\n fAnotherUserJoinedWhen: \"JoinedWhen\",\r\n fAnotherUserTotalRatingCount: \"TotalRatingCount\",\r\n fAnotherUserIsVerified: \"IsVerified\",\r\n fIsUserTakeSelected: \"IsUserTakeSelected\",\r\n fStatusIconUrl: \"StatusIconUrl\",\r\n fStatusName: \"StatusName\",\r\n fStatusColorCode: \"StatusColorCode\",\r\n fButtons: \"Buttons\",\r\n fRating: \"ReviewRating\",\r\n fReviewRating: \"ReviewRating\",\r\n fReviewContent: \"ReviewContent\",\r\n fInsuranceContact: \"InsuranceContact\",\r\n fPaymentInfos: \"PaymentInfos\",\r\n fMoneyToPay: \"MoneyToPay\",\r\n fTransferContent: \"TransferContent\",\r\n fBankInfo: \"BankInfo\",\r\n fQRCodeUrl: \"QRCodeUrl\",\r\n fCancelReasonId: \"CancelReasonId\",\r\n fCancelReasonDetail: \"CancelReasonDetail\",\r\n fOrderNumber: \"OrderNumber\",\r\n fOrderSteps: \"OrderSteps\",\r\n fHaveInsurance: \"HaveInsurance\",\r\n fInsuranceContractUrl: \"InsuranceContractUrl\",\r\n fInsuranceDescription: \"InsuranceDescription\",\r\n fImageUrls: \"ImageUrls\",\r\n fEntDate: \"EntDate\",\r\n fPaymentTypeName: \"PaymentTypeName\",\r\n fTotalPrice: \"TotalPrice\",\r\n fRentalPriceDetails: \"RentalPriceDetails\",\r\n fBillingForOwnerInfo: \"BillingForOwnerInfo\",\r\n fBillingForOwnerTotalRentPrice: \"TotalRentPrice\",\r\n fBillingForOwnerCompletionFeePercentage: \"CompletionFeePercentage\",\r\n fBillingForOwnerCompletionFeeMoney: \"CompletionFeeMoney\",\r\n fBillingForOwnerTotal: \"Total\",\r\n fDepositAmount: \"DepositAmount\",\r\n fAmountRemain: \"AmountRemain\",\r\n fUserName: \"UserName\",\r\n fMessageToOwner: \"MessageToOwner\",\r\n fDeliveryAddress: \"DeliveryAddress\",\r\n fHotline: \"Hotline\",\r\n fRentalServiceStatus: \"RentalServiceStatus\",\r\n fName: \"Name\",\r\n fMyRentalServiceUrl: \"MyRentalServiceUrl\",\r\n fEndTime: \"EndTime\",\r\n fReceiveImages: \"ReceiveImages\",\r\n fServiceImageTypeName: \"ServiceImageTypeName\",\r\n fFiles: \"Files\",\r\n fFooterInfo: \"FooterInfo\",\r\n fThumbnailUrl: \"ThumbnailUrl\",\r\n fIsRequired: \"IsRequired\",\r\n fLimit: \"Limit\",\r\n fLongitude: \"Longitude\",\r\n fLatitude: \"Latitude\",\r\n fHeaderInfo: \"HeaderInfo\",\r\n fHeaderInfoTitle: \"Title\",\r\n fHeaderInfoDescription: \"Description\",\r\n fMyRating: \"MyRating\",\r\n /** review modal */\r\n fReviewOption: \"fReviewOption\",\r\n /** */\r\n fDeliveryInfo: \"DeliveryInfo\",\r\n /** Now fields */\r\n fTitle: \"Title\",\r\n fDescription: \"Description\",\r\n fOrders: \"Orders\",\r\n fBlogs: \"Blogs\",\r\n fOwnerAddress: \"OwnerAddress\",\r\n fDaysBeforeDeparture_Text: \"DaysBeforeDeparture_Text\",\r\n fRentalDate_Text: \"RentalDate_Text\",\r\n fIcon: \"StatusIcon\",\r\n fIconColor: \"StatusColorCode\",\r\n fRentalService_PlateNumber: \"RentalService_PlateNumber\",\r\n fOrderStatusCode: \"OrderStatusCode\",\r\n fOrderStatus: \"OrderStatus\",\r\n fOrderUserType: \"OrderUserType\",\r\n fID_GUID: \"ID_GUID\",\r\n fAddress: \"Address\",\r\n fSlug: \"Slug\",\r\n fPlateNumber: \"PlateNumber\",\r\n fExtraSurcharges: \"ExtraSurcharges\",\r\n fAnotherUserDescription: \"Description\",\r\n fRentalServiceItemImageUrls: \"RentalServiceItemImageUrls\",\r\n fFromDate_Format_1: \"FromDate_Format_1\",\r\n fToDate_Format_1: \"ToDate_Format_1\",\r\n fDocuments: \"Documents\",\r\n fSecurity: \"Securities\",\r\n fThingsToKnow: \"ThingsToKnow\",\r\n fButtonReport: \"ButtonReport\",\r\n fReportReasonId: \"ReportReasonId\",\r\n fReportReasonNote: \"ReportReasonNote\",\r\n fCharacteristics: \"Characteristics\",\r\n /** Insurance info */\r\n fDetailInsuranceInfo: \"InsuranceInfo\",\r\n fDetailInsuranceIcon: \"Icon\",\r\n fDetailInsuranceDescription: \"Description\",\r\n fDetailInsuranceContent: \"Content\",\r\n fDetailInsuranceTitle: \"Title\",\r\n fDetailInsuranceUrl: \"Url\",\r\n fCancelBookingPolicyInfo: \"CancelBookingPolicyInfo\",\r\n fFromDate_Format_2: \"FromDate_Format_2\",\r\n fToDate_Format_2: \"ToDate_Format_2\",\r\n fEntDate_Format_2: \"EntDate_Format_2\",\r\n}\r\nexport const userProfileFields = {\r\n fId: \"Id\",\r\n fCanReportThisUser: \"CanReportThisUser\",\r\n fCanEditProfile: \"CanEditProfile\",\r\n // avatar\r\n fAvatarUrl: \"AvatarUrl\",\r\n // review\r\n fReview: \"Review\",\r\n fRating: \"Rating\",\r\n fTotalRatingCount: \"TotalRatingCount\",\r\n fRatingByRenterCount: \"RatingByRenterCount\",\r\n fRatingByOwnerCount: \"RatingByOwnerCount\",\r\n fReviewByRenters: \"ReviewByRenters\",\r\n fReviewByOwners: \"ReviewByOwners\",\r\n fReview_Rating: \"Rating\",\r\n fReview_ReviewBy: \"ReviewBy\",\r\n fReview_ReviewAt: \"ReviewAt\",\r\n fReview_ReviewContent: \"ReviewContent\",\r\n // Main info\r\n fServedAndRentCount: \"ServedAndRentCount\",\r\n fJoinedDate: \"JoinedDate\",\r\n fVerified: \"Verified\",\r\n fIconUrl: \"IconUrl\",\r\n fTitle: \"Title\",\r\n fContent: \"Content\",\r\n fCanShowButtonVerified: \"CanShowButtonVerified\",\r\n fDescription: \"Description\",\r\n fVerifiedInfos: \"VerifiedInfos\",\r\n fVerifiedInfos_Text: \"Text\",\r\n fVerifiedInfos_IsVerified: \"IsVerified\",\r\n fVerifiedInfos_RefText: \"RefText\",\r\n fVerifiedInfos_RefUrl: \"RefUrl\",\r\n fOwnerInteracts: \"OwnerInteracts\",\r\n fOwnerInteracts_Text: \"Text\",\r\n fOwnerInteracts_Value: \"Value\",\r\n fPersonalInfo: \"PersonalInfo\",\r\n fPersonalInfo_Nickname: \"Nickname\",\r\n fPersonalInfo_NeedChangePassword: \"NeedChangePassword\",\r\n fPersonalInfo_NewPassword: \"NewPassword\",\r\n fPersonalInfo_ConfirmNewPassword: \"ConfirmNewPassword\",\r\n fPersonalInfo_FullName: \"FullName\",\r\n fPersonalInfo_PhoneNumber: \"PhoneNumber\",\r\n fPersonalInfo_Email: \"Email\",\r\n fPersonalInfo_DateOfBirth: \"DateOfBirth\",\r\n fPersonalInfo_GenderCode: \"GenderCode\",\r\n // Report\r\n fReportUserReasonId: \"ReportUserReasonId\",\r\n fReportReason: \"ReportReason\",\r\n fUserLoginId: \"UserLoginId\",\r\n // Verify Fields\r\n fVerificationSteps: \"VerificationSteps\",\r\n fStep_IsUploaded: \"IsUploaded\",\r\n fStep_IconUrl: \"IconUrl\",\r\n fStep_Content: \"Content\",\r\n fStep_Code: \"Code\",\r\n fImages: \"Images\",\r\n fThumbnailUrl: \"ThumbnailUrl\",\r\n fUserImageTypeDetailName: \"UserImageTypeDetailName\",\r\n fUserImageTypeDetailId: \"UserImageTypeDetailId\",\r\n fLimit: \"Limit\",\r\n fImage_Id: \"Id\",\r\n fMessageShowInUI: \"MessageShowInUI\",\r\n}\r\nexport const myServiceFields = {\r\n fRentalServiceStatus: \"RentalServiceStatus\",\r\n fAvatarUrl: \"AvatarUrl\",\r\n fStatus: \"Status\",\r\n fModel: \"Model\",\r\n fId: \"Id\",\r\n fRate_Txt: \"Rate_Txt\",\r\n fServedCount: \"ServedCount\",\r\n fRentalPrice_Txt: \"RentalPrice_Txt\",\r\n fCanEdit: \"CanEdit\",\r\n}\r\nexport const homeSlidesFields = {\r\n fSlides: \"Slides\",\r\n fSlideImages: \"SlideImages\",\r\n fTitle: \"Title\",\r\n fDescription: \"Description\",\r\n fOneSlideImageUrl: \"ImageUrl\",\r\n fOneSlideTitle: \"Title\",\r\n fOneSlideMoreInfo: \"MoreInfo\",\r\n fAddress: \"Address\",\r\n fLatitude: \"Latitude\",\r\n fLongitude: \"Longitude\",\r\n fFromDate: \"FromDate\",\r\n fToDate: \"ToDate\",\r\n fOneSlideDescription: \"Description\",\r\n fTimeStart: \"TimeStart\",\r\n fTimeEnd: \"TimeEnd\",\r\n}\r\nexport const savingFields = {\r\n fUsername: \"DisplayName\",\r\n fPoint: \"Point\",\r\n fImageUrl: \"AvatarUrl\",\r\n fInvitedFriendCount: \"InvitedFriendCount\",\r\n fCoinCollected: \"Point\",\r\n fInviteCode: \"InviteCode\",\r\n fBonusScreen: \"BonusScreen\",\r\n fHistoryDate: \"Date\",\r\n fHistoryPointChange: \"PointChange\",\r\n fHistoryStatus: \"Status\",\r\n fHistoryTitle: \"Title\",\r\n fInvitedFriendScreen: \"InviteFriendScreen\",\r\n fColorCode: \"ColorCode\",\r\n // history invited friend\r\n fInvitedDate: \"Date\",\r\n fInvitedPointChange: \"PointChange\",\r\n fInvitedStatus: \"Status\",\r\n fInvitedTitle: \"Title\",\r\n fInvitedDisplayName: \"DisplayName\",\r\n}\r\nexport const contentPageFields = {\r\n fTitle: \"Title\",\r\n fBody: \"Body\",\r\n fLastUpdated: \"LastUpdated\",\r\n // Blog fields\r\n fRelatedPosts: \"fRelatedPosts\",\r\n fCreatedDate_Text: \"CreatedDate_Text\",\r\n fPostLink: \"fPostLink\",\r\n fPostTitle: \"fPostTitle\",\r\n fImageUrl: \"fImageUrl\",\r\n fPostCreatedDate: \"fPostCreatedDate\",\r\n fAllowComment: \"AllowComment\",\r\n}\r\nexport const notificationFields = {\r\n fAvatarUrl: \"AvatarUrl\",\r\n fEntity: \"Entity\",\r\n fSubject: \"Subject\",\r\n fMessage: \"Message\",\r\n fIsSeen: \"IsSeen\",\r\n fNotifedAt: \"NotifedAt\",\r\n fId: \"Id\",\r\n fRequestData: \"RequestData\",\r\n fOrderNumber: \"OrderNumber\",\r\n fUserLoginRole: \"UserLoginRole\",\r\n fEntityCode: \"EntityCode\",\r\n}\r\nexport const paymentFields = {\r\n fBankAccount: \"BankAccount\",\r\n fAccountName: \"AccountName\",\r\n fAccountNumber_NotFull: \"AccountNumber_NotFull\",\r\n fAccountNumber: \"AccountNumber\",\r\n fBeneficiaryBankName: \"BeneficiaryBankName\",\r\n fBeneficiaryBankId: \"BeneficiaryBankId\",\r\n fIsDefault: \"IsDefault\",\r\n fIsVerified: \"IsVerified\",\r\n fNeedDelete: \"NeedDelete\",\r\n // payment wallet\r\n fPaymentWallet: \"PaymentWallet\",\r\n fWithdrawFee: \"WithdrawFee\",\r\n fWithdrawFee_Text: \"WithdrawFee_Text\",\r\n fWalletMoney: \"WalletMoney\",\r\n fWalletMoney_Number: \"WalletMoney_Number\",\r\n fMaximumMoneyCanWithdraw: \"MaximumMoneyCanWithdraw\",\r\n fMaximumMoneyCanWithdraw_Text: \"MaximumMoneyCanWithdraw_Text\",\r\n fCanWithdraw: \"CanWithdraw\",\r\n fMinimumMoneyCanWithdraw: \"MinMoneyCanWithdraw\",\r\n fMinMoneyCanWithdraw_Text: \"MinMoneyCanWithdraw_Text\",\r\n // withdraw fields\r\n fWithdrawAmount: \"WithdrawAmount\",\r\n // Transaction\r\n fTransactionHistories: \"TransactionHistories\",\r\n fTransactionAt: \"TransactionAt\",\r\n fDetail: \"Detail\",\r\n fDescription: \"Description\",\r\n fPaidBy: \"PaidBy\",\r\n fBalanceChange: \"BalanceChange\",\r\n}\r\n\r\nexport const travellingFields = {\r\n fFiles_0: \"Files_0\",\r\n fAvatarPhoto: \"AvatarPhoto\",\r\n fPost_Title: \"Title\",\r\n fPost_UpdatedDate_Text: \"UpdatedDate_Text\",\r\n fPost_Slug: \"Slug\",\r\n fPost_Url_Slug: \"Url_Slug\",\r\n fPost_CreatedDate_Text: \"CreatedDate_Text\",\r\n fPost_AvatarUrl: \"AvatarUrl\",\r\n}\r\n","export const LOGOUT = \"app/LOGOUT\"\r\nexport const FETCH_FS_PENDING = \"FETCH_FS_PENDING\"\r\nexport const FETCH_FS_SUCCESS = \"FETCH_FS_SUCCESS\"\r\nexport const FETCH_FS_ERROR = \"FETCH_FS_ERROR\"\r\nexport const INIT_FS_DATA = \"INIT_FS_DATA\"\r\n\r\nexport const SIDE_NAV_CLOSE = \"app/SIDE_NAV_CLOSE\"\r\nexport const SIDE_NAV_UPDATE = \"app/SIDE_NAV_UPDATE\"\r\nexport const SIDE_NAV_REPLACE = \"app/SIDE_NAV_REPLACE\"\r\n\r\nexport const HEADER_TITLE_UPDATE = \"app/HEADER_TITLE_UPDATE\"\r\nexport const HEADER_QUICKOVERVIEW_UPDATE = \"app/HEADER_QUICKOVERVIEW_UPDATE\"\r\nexport const NAVBAR_UITYPE_UPDATE = \"app/NAVBAR_UITYPE_UPDATE\"\r\n","import * as types from \"./App.constants\"\r\n\r\nexport const logout = opts => ({\r\n type: types.LOGOUT,\r\n opts,\r\n})\r\n\r\nexport const toggleSideNav = () => ({\r\n type: types.SIDE_NAV_CLOSE,\r\n})\r\n\r\nexport const sideNavUpdate = data => ({\r\n type: types.SIDE_NAV_UPDATE,\r\n items: data,\r\n})\r\n\r\nexport const fetchFirstSettingPending = () => {\r\n return {\r\n type: types.FETCH_FS_PENDING,\r\n }\r\n}\r\n\r\nexport const fetchFirstSettingSuccess = data => {\r\n return {\r\n type: types.FETCH_FS_SUCCESS,\r\n data: data,\r\n }\r\n}\r\nexport const initFirstSettingData = data => {\r\n return {\r\n type: types.INIT_FS_DATA,\r\n data: data,\r\n }\r\n}\r\n\r\nexport const fetchFirstSettingError = error => {\r\n return {\r\n type: types.FETCH_FS_ERROR,\r\n error: error,\r\n }\r\n}\r\n\r\nexport const updateHeaderTitle = title => ({\r\n type: types.HEADER_TITLE_UPDATE,\r\n title: title,\r\n})\r\n\r\nexport const updateQuickOverviewHeader = data => ({\r\n type: types.HEADER_QUICKOVERVIEW_UPDATE,\r\n data: data,\r\n})\r\nexport const changeUITypeNavbar = data => ({\r\n type: types.NAVBAR_UITYPE_UPDATE,\r\n data: data,\r\n})\r\n","import React, { Component, ReactNode } from \"react\"\r\nimport { MdOutlineError } from \"react-icons/md\"\r\nimport { logException } from \"src/helpers/Log\"\r\nimport styled from \"styled-components\"\r\n\r\ninterface Props {\r\n children: ReactNode\r\n}\r\n\r\ninterface State {\r\n hasError: boolean\r\n}\r\n\r\nclass ErrorBoundary extends Component\r\n
\r\n )\r\n }\r\n }\r\n render() {\r\n const { isShow, opts } = this.state\r\n const { backdrop } = opts\r\n return (\r\n \r\n {configModal?.msg}\r\n
\r\n )\r\n } else if (configModal?.msgHtml) {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n },\r\n ...configModal,\r\n })\r\n }\r\n static hideModalComponent = () => {\r\n if (MyModal.Helpers.components[this.Helpers.types.component]) {\r\n MyModal.Helpers.components[this.Helpers.types.component].hide()\r\n }\r\n }\r\n static hideModalMyUI = () => {\r\n if (MyModal.Helpers.components[this.Helpers.types.myui]) {\r\n MyModal.Helpers.components[this.Helpers.types.myui].hide()\r\n }\r\n }\r\n static hideModal = type => {\r\n if (MyModal.Helpers.components[type]) {\r\n MyModal.Helpers.components[type].hide()\r\n }\r\n }\r\n static hideModalScrollContent = type => {\r\n if (MyModal.Helpers.components[type]) {\r\n MyModal.Helpers.components[type].hide({\r\n skipHideScrollContent: true,\r\n })\r\n }\r\n }\r\n}\r\n\r\nexport default MyModal\r\n","import React from \"react\"\r\n\r\nexport const useForceUpdate = () => {\r\n const [count, setCount] = React.useState(0)\r\n\r\n const increment = () => setCount(Date.now() + 1)\r\n return [count, increment] as any\r\n}\r\n","import { toast } from \"react-toastify\"\r\nimport { HCF } from \"@macashipo/mlib\"\r\nimport { MyDialog, MyModal } from \"src/core/components\"\r\n\r\nconst configToast = {\r\n hideProgressBar: true,\r\n pauseOnHover: true,\r\n autoClose: 2000,\r\n}\r\n\r\nconst ToastType = {\r\n success: \"success\",\r\n warn: \"warn\",\r\n warning: \"warning\",\r\n info: \"info\",\r\n error: \"error\",\r\n}\r\n\r\nexport const showToast = (msg, options) => {\r\n let _options = { ...configToast, ...options }\r\n let _type = options.type || ToastType.success\r\n switch (_type) {\r\n case ToastType.success:\r\n toast.success(msg, _options)\r\n break\r\n case ToastType.warn:\r\n toast.warn(msg, _options)\r\n break\r\n case ToastType.warning:\r\n toast.warn(msg, _options)\r\n break\r\n case ToastType.info:\r\n toast.info(msg, _options)\r\n break\r\n case ToastType.error:\r\n toast.error(msg, _options)\r\n break\r\n }\r\n}\r\n\r\nexport const showToastWithCheckMsg = (\r\n msg,\r\n defaultType = ToastType.success,\r\n opts: any = null\r\n) => {\r\n if (msg) {\r\n if (msg.startsWith(\"[\")) {\r\n if (msg.startsWith(\"[Warning]\")) {\r\n if (opts?.uiConfig?.msgWarningType === \"alert\") {\r\n showAlert({\r\n component: {msg.replace(\"[Warning]\", \"\")}
,\r\n className: \"modal-dialog-alert\",\r\n opts: {\r\n showFooter: true,\r\n titleBtnClose: \"Đã hiểu\",\r\n showFooterClose: true,\r\n modalCentered: true,\r\n },\r\n })\r\n } else {\r\n showToast(msg.replace(\"[Warning]\", \"\"), {\r\n type: ToastType.warning,\r\n })\r\n }\r\n } else if (msg.startsWith(\"[Error]\")) {\r\n showToast(msg.replace(\"[Error]\", \"\"), {\r\n type: ToastType.error,\r\n })\r\n } else if (msg.startsWith(\"[Info]\")) {\r\n showToast(msg.replace(\"[Info]\", \"\"), {\r\n type: ToastType.info,\r\n })\r\n } else if (msg.startsWith(\"[Success]\")) {\r\n showToast(msg.replace(\"[Success]\", \"\"), {\r\n type: ToastType.success,\r\n })\r\n } else if (msg.startsWith(\"[Alert]\")) {\r\n showDialog({\r\n title: HCF.getCF(\"title\") || \"Notice\",\r\n msg: msg.replace(\"[Alert]\", \"\"),\r\n })\r\n } else if (msg.startsWith(\"[System]\") && window.alert) {\r\n window.alert(msg.replace(\"[System]\", \"\"))\r\n } else {\r\n showToast(msg, {\r\n type: defaultType,\r\n })\r\n }\r\n } else {\r\n showToast(msg, {\r\n type: defaultType,\r\n })\r\n }\r\n }\r\n}\r\n\r\nexport const showToastSuccess = (msg, opts: any = null) => {\r\n showToastWithCheckMsg(msg, ToastType.success, opts)\r\n}\r\n\r\nexport const showToastWarning = msg => {\r\n showToastWithCheckMsg(msg, ToastType.warning)\r\n}\r\n\r\nexport const showToastError = msg => {\r\n showToastWithCheckMsg(msg, ToastType.error)\r\n}\r\n\r\nexport const showToastLikeToast = msg => {\r\n if (msg) {\r\n showToast(msg, {\r\n type: ToastType.success,\r\n position: toast.POSITION.BOTTOM_CENTER,\r\n style: {\r\n background: \"black\",\r\n color: \"white\",\r\n },\r\n })\r\n }\r\n}\r\n\r\nexport const showApiMsg = (msg, opts: any = null) => {\r\n if (msg) {\r\n showToastSuccess(msg, opts)\r\n }\r\n}\r\n\r\nexport const hideInMyModalFromProps = props => {\r\n if (props && props.inMyModal && props.inMyModal.hide) {\r\n props.inMyModal.hide()\r\n }\r\n}\r\n\r\nexport const showDialog = (configDialog: any) => {\r\n console.warn(\"showDialog\", configDialog)\r\n MyDialog.show({\r\n ...configDialog,\r\n })\r\n}\r\nexport const showAlert = ({ component, className = \"\", opts = {} }) => {\r\n MyModal.showMyDialog({\r\n title: \"\",\r\n component: component,\r\n size: \"md\",\r\n showFooter: false,\r\n showHeader: false,\r\n modalClassName: className,\r\n ...opts,\r\n })\r\n}\r\n","import { MyUIHelpers } from \"@macashipo/mlib\"\r\nexport default MyUIHelpers\r\n","import { HCF, HUtils } from \"@macashipo/mlib\"\r\nimport {\r\n KConfigApp,\r\n KConfigPageTableDefault,\r\n KConfigPageFilter,\r\n KConfigPageTable,\r\n KConfigPagePage,\r\n KConfigPageHeader,\r\n KUI,\r\n} from \"./K\"\r\nexport const kfnUpdatePageTitle = \"fnUpdatePageTitle\"\r\nexport const kfnGetApiPath = \"fnGetApiPath\"\r\nexport const kfnGetScreenCode = \"fnGetScreenCode\"\r\nexport const kgetSourceList = \"getSourceList\"\r\nexport const kfnHandleSearchText = \"fnHandleSearchText\"\r\nexport const kfnLoadLocalFilter = \"fnLoadLocalFilter\"\r\nexport const kfnGetConfigPageScreenConfig = \"fnGetConfigPageScreenConfig\"\r\nexport const kfnGetConfigPageHeader = \"fnGetConfigPageHeader\"\r\nexport const kfnGetConfigPageTable = \"fnGetConfigPageTable\"\r\nexport const kfnGetConfigPageDetail = \"fnGetConfigPageDetail\"\r\nexport const kfnGetConfigPageFilter = \"fnGetConfigPageFilter\"\r\nexport const kfnGetConfigPagePage = \"fnGetConfigPagePage\"\r\nexport const kfnGetConfigChart = \"kfnGetConfigChart\"\r\nexport const kgetCurrentValues = \"getCurrentValues\"\r\nexport const kfnGetSourceData = \"fnGetSourceData\"\r\nexport const kfnRenderBadge = \"fnRenderBadge\"\r\nexport const kgetTabsIndexSelected = \"getTabsIndexSelected\"\r\nexport const kgetTabLevel = \"getTabLevel\"\r\nexport const konChangeTab = \"onChangeTab\"\r\nexport const kgetDefaultValues = \"getDefaultValues\"\r\nexport const kgetIsMobileByWidth = \"getIsMobileByWidth\"\r\nexport const kgetDefaultTypeHubFilter = \"getDefaultTypeHubFilter\"\r\nexport const kfnForceUpdateTable = \"fnForceUpdateTable\"\r\nexport const kgetDataList = \"getDataList\"\r\nexport const kfnGetComponentTable = \"fnGetComponentTable\"\r\nexport const kfnGetOnePage = \"fnGetOnePage\"\r\nexport const kfnGetOptions = \"fnGetOptions\"\r\nexport const kfnGetExtraDataTable = \"fnGetExtraDataTable\"\r\nexport const kfnGetDataTableFilterd = \"fnGetDataTableFilterd\"\r\nexport const kfnGetDataTable = \"fnGetDataTable\"\r\nexport const kaddFnListFromControl = \"addFnListFromControl\"\r\nexport const kresetFormControl = \"resetFormControl\"\r\nexport const kfnReloadList = \"fnReloadList\"\r\nexport const kfnReloadOptionsAndList = \"fnReloadOptionsAndList\"\r\nexport const kfnGetHeaderTitle = \"fnGetHeaderTitle\"\r\nexport const kfnGetConfigInMore = \"fnGetConfigInMore\"\r\nexport const kfnGetIsInTableExpand = \"fnGetIsInTableExpand\"\r\nexport const kfnGetIsInModal = \"fnGetIsInModal\"\r\nexport const kfnGetColumnSelect = \"fnGetColumnSelect\"\r\nexport const kfnGetConfigModal = \"fnGetConfigModal\"\r\nexport const kfnGetTypeWrapControl = \"fnGetTypeWrapControl\"\r\nexport const kfnGetIsHide = \"fnGetIsHide\"\r\nexport const kfnChangeSwitchView = \"fnChangeSwitchView\"\r\nexport const kfnGetCurrentSwitchView = \"fnGetCurrentSwitchView\"\r\nexport const kfnGetButtonList = \"fnGetButtonList\"\r\nexport const kfnRequestUpdateFromExpand = \"fnRequestUpdateFromExpand\"\r\nconst rf = (fnList, name, args) => {\r\n return HUtils.runFuntion(fnList, name, args)\r\n}\r\n\r\nconst fnListModal = {\r\n showLoadingModal(fnList = {}, args = []) {\r\n HUtils.runFuntion(fnList, \"showLoadingModal\", args)\r\n },\r\n hideLoadingModal(fnList = {}, args = []) {\r\n HUtils.runFuntion(fnList, \"hideLoadingModal\", args)\r\n },\r\n hideModal(fnList = {}, args = []) {\r\n HUtils.runFuntion(fnList, \"hideModal\", args)\r\n },\r\n}\r\n\r\nconst fnListPopover = {\r\n hidePopover(fnList = {}, args = []) {\r\n HUtils.runFuntion(fnList, \"hidePopover\", args)\r\n },\r\n}\r\nconst fnListFilesManager = {\r\n onAfterAddFolderGGDrive(fnList = {}, args = []) {\r\n HUtils.runFuntion(fnList, \"onAfterAddFolderGGDrive\", args)\r\n },\r\n}\r\n\r\n/** MyForm */\r\nconst listFnMyForm = []\r\n\r\nconst kfnRenderFormControl = \"fnRenderFormControl\"\r\nconst fnListMyForm = {\r\n getSourceList(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetSourceList, args)\r\n },\r\n getCurrentValues(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetCurrentValues, args)\r\n },\r\n getDefaultValues(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetDefaultValues, args)\r\n },\r\n addFnListFromControl(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kaddFnListFromControl, args)\r\n },\r\n [kresetFormControl](fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kresetFormControl, args)\r\n },\r\n fnGetTypeWrapControl(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetTypeWrapControl, args)\r\n },\r\n fnRenderFormControl(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnRenderFormControl, args)\r\n },\r\n}\r\nif (listFnMyForm && listFnMyForm.length > 0) {\r\n for (let k of listFnMyForm) {\r\n fnListMyForm[k] = (fnList = {}, args = []) => {\r\n return HUtils.runFuntion(fnList, k, args)\r\n }\r\n }\r\n}\r\n\r\n// const fnListMyFormKeys = [kgetSourceList]\r\n// for(let k of fnListMyFormKeys){\r\n// fnListMyForm[k] = (fnList, args)=>{\r\n// return rf(fnList,k,args)\r\n// }\r\n// }\r\n\r\nconst fnListMyFormControl = {\r\n getSourceData(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, \"getSourceData\", args)\r\n },\r\n fnGetTypeWrapControl(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetTypeWrapControl, args)\r\n },\r\n}\r\n\r\nconst fnListMyTableCell = {\r\n fnGetSourceData(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetSourceData, args)\r\n },\r\n fnRenderBadge(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnRenderBadge, args)\r\n },\r\n fnGetHeaderTitle(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetHeaderTitle, args)\r\n },\r\n fnGetConfigInMore(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigInMore, args)\r\n },\r\n fnGetConfigModal(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetConfigModal, args)\r\n },\r\n fnGetIsHide(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetIsHide, args)\r\n },\r\n}\r\n\r\nexport const kfnGetTitleControl = \"fnGetTitleControl\"\r\nconst fnListMyTableFilterControl = {\r\n fnGetTitleControl(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetTitleControl, args)\r\n },\r\n}\r\n\r\nexport const kfnGetSharedRequestData = \"fnGetSharedRequestData\"\r\nexport const kfnGetDataTotal = \"fnGetDataTotal\"\r\nexport const kfnGetTableCols = \"fnGetTableCols\"\r\nconst fnListMyPage = {\r\n fnGetSharedRequestData(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetSharedRequestData, args)\r\n },\r\n fnReloadList(fnList = {}, args = []) {\r\n console.warn(\"fnReloadList\")\r\n //for old\r\n if (fnList[\"reloadTable\"]) {\r\n return HUtils.runFuntion(fnList, \"reloadTable\", args)\r\n } else if (fnList[\"reloadList\"]) {\r\n return HUtils.runFuntion(fnList, \"reloadList\", args)\r\n }\r\n return HUtils.runFuntion(fnList, kfnReloadList, args)\r\n },\r\n fnReloadOptionsAndList(fnList = {}, args = []) {\r\n //for old\r\n if (fnList[\"reloadOptionsAndList\"]) {\r\n return HUtils.runFuntion(fnList, \"reloadOptionsAndList\", args)\r\n }\r\n return HUtils.runFuntion(fnList, kfnReloadOptionsAndList, args)\r\n },\r\n fnReloadPage(fnList = {}, args = []) {\r\n window.location.reload()\r\n },\r\n fnUpdatePageTitle(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnUpdatePageTitle, args)\r\n },\r\n fnGetApiPath(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetApiPath, args)\r\n },\r\n fnGetScreenCode(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetScreenCode, args)\r\n },\r\n getSourceList(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetSourceList, args)\r\n },\r\n fnHandleSearchText(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnHandleSearchText, args)\r\n },\r\n fnLoadLocalFilter(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnLoadLocalFilter, args)\r\n },\r\n fnGetConfigPageScreenConfig(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPageScreenConfig, args)\r\n },\r\n fnGetConfigPageHeader(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPageHeader, args)\r\n },\r\n fnGetConfigPageTable(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPageTable, args)\r\n },\r\n fnGetConfigPageDetail(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPageDetail, args)\r\n },\r\n fnGetConfigPageFilter(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPageFilter, args)\r\n },\r\n fnGetConfigPagePage(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigPagePage, args)\r\n },\r\n fnGetConfigChart(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetConfigChart, args)\r\n },\r\n getTabsIndexSelected(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetTabsIndexSelected, args)\r\n },\r\n onChangeTab(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, konChangeTab, args)\r\n },\r\n getTabLevel(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetTabLevel, args)\r\n },\r\n fnForceUpdateTable(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnForceUpdateTable, args)\r\n },\r\n getDataList(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kgetDataList, args)\r\n },\r\n fnGetOnePage(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetOnePage, args)\r\n },\r\n fnGetOptions(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetOptions, args)\r\n },\r\n fnGetExtraDataTable(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetExtraDataTable, args)\r\n },\r\n fnGetDataTableFilterd(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetDataTableFilterd, args)\r\n },\r\n fnGetDataTable(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetDataTable, args)\r\n },\r\n fnGetComponentTable(fnList = {}, args = []) {\r\n return HUtils.runFuntion(fnList, kfnGetComponentTable, args)\r\n },\r\n fnGetDefaultScreenConfig(fnList = {}, args = []) {\r\n return rf(fnList, \"fnGetDefaultScreenConfig\", args)\r\n },\r\n fnGetIsInTableExpand(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetIsInTableExpand, args)\r\n },\r\n fnGetIsInModal(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetIsInModal, args)\r\n },\r\n fnChangeSwitchView(fnList = {}, args = []) {\r\n return rf(fnList, kfnChangeSwitchView, args)\r\n },\r\n fnGetCurrentSwitchView(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetCurrentSwitchView, args)\r\n },\r\n fnGetButtonList(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetButtonList, args)\r\n },\r\n fnGetDataTotal(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetDataTotal, args)\r\n },\r\n fnGetTableCols(fnList = {}, args = []) {\r\n return rf(fnList, kfnGetTableCols, args)\r\n },\r\n fnRequestUpdateFromExpand(fnList = {}, args = []) {\r\n return rf(fnList, kfnRequestUpdateFromExpand, args)\r\n },\r\n}\r\n\r\nexport const kgetHasLoginSocial = \"getHasLoginSocial\"\r\nconst fnListConfigApp = {\r\n getHasLoginSocial() {\r\n return (\r\n fnListConfigApp.getHasLoginSocialGoogle() ||\r\n fnListConfigApp.getHasLoginSocialFacebook()\r\n )\r\n },\r\n getHasLoginSocialGoogle() {\r\n return HCF.getCF(KConfigApp.hasLoginSocialGoogle) === true\r\n },\r\n getHasLoginSocialFacebook() {\r\n return HCF.getCF(KConfigApp.hasLoginSocialFacebook) === true\r\n },\r\n getHasForgotPassword() {\r\n return HCF.getCF(KConfigApp.hasForgotPassword) === true\r\n },\r\n getHasRegisterAccount() {\r\n return HCF.getCF(KConfigApp.hasRegisterAccount) === true\r\n },\r\n getGoogleClientID() {\r\n return HCF.getCF(KConfigApp.GoogleClientId)\r\n },\r\n getScreenWidth() {\r\n return window.document.body.offsetWidth\r\n },\r\n getIsMobileByWidth() {\r\n let _widthMobile = HCF.getCF(KConfigApp.widthMobile) || 567\r\n if (window.document.body.offsetWidth < _widthMobile) {\r\n return true\r\n }\r\n return false\r\n },\r\n getDefaultTypeHubFilter() {\r\n return HCF.getCF(KConfigApp.defaultTypeHubFilter)\r\n },\r\n getDefaultPositionFilter() {\r\n return HCF.getCF(KConfigApp.defaultPositionFilter)\r\n },\r\n getIsDevMode() {\r\n return HCF.getCF(KConfigApp.isDevMode)\r\n },\r\n getHomeUrl() {\r\n //home_url tu configApp, configAppExt, authInfo.configs. DefaultHomeURL tu FirstSetting\r\n return (\r\n HCF.getCF(KConfigApp.home_url) ||\r\n HCF.getCF(KConfigApp.DefaultHomeURL) ||\r\n \"/\"\r\n )\r\n },\r\n getAppLogo() {\r\n return HCF.getCF(KConfigApp.appLogo_url) || \"/config/logo.png\"\r\n },\r\n getAuthInfo() {\r\n return HCF.getCF(KConfigApp.AuthInfo)\r\n },\r\n getAppTitle() {\r\n return HCF.getCF(KConfigApp.title)\r\n },\r\n getVerAdmin() {\r\n return HCF.getCF(KConfigApp.verAdmin)\r\n },\r\n}\r\n\r\nexport const fnGetConfigTable = (fnList, key) => {\r\n if (key) {\r\n let _configAll = fnListMyPage.fnGetConfigPageTable(fnList, [])\r\n if (_configAll && _configAll.hasOwnProperty(key)) {\r\n return _configAll[key]\r\n }\r\n if (KConfigPageTableDefault.hasOwnProperty(key)) {\r\n return KConfigPageTableDefault[key]\r\n }\r\n }\r\n}\r\n\r\nconst fnListUI = {\r\n fnShowToast(msg, options, opts) {\r\n rf(HCF.CF, KUI.fnShowToast, [msg, options, opts])\r\n },\r\n fnshowDialog(configDialog, opts) {\r\n rf(HCF.CF, KUI.fnshowDialog, [configDialog, opts])\r\n },\r\n fnshowConfirm(configDialog, opts) {\r\n rf(HCF.CF, KUI.fnshowConfirm, [configDialog, opts])\r\n },\r\n fnShowLoadingScreen(opts) {\r\n rf(HCF.CF, KUI.fnShowLoadingScreen, [opts])\r\n },\r\n fnForceUpdateRoutes(opts) {\r\n rf(HCF.CF, KUI.fnForceUpdateRoutes, [opts])\r\n },\r\n}\r\n\r\nexport {\r\n fnListModal,\r\n fnListPopover,\r\n fnListUI,\r\n fnListFilesManager,\r\n fnListMyForm,\r\n fnListMyFormControl,\r\n fnListMyPage,\r\n fnListMyTableCell,\r\n fnListConfigApp,\r\n fnListMyTableFilterControl,\r\n KConfigPageFilter,\r\n KConfigPageTable,\r\n KConfigPagePage,\r\n KConfigPageHeader,\r\n}\r\n\r\nwindow._fnListUI = fnListUI\r\n","export default \"data:image/png;base64,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\"","import { HLocalStorage } from \"@macashipo/mlib\"\r\nconst getObj = HLocalStorage.getObj\r\nconst saveObj = HLocalStorage.saveObj\r\nconst getString = HLocalStorage.getString\r\nconst saveString = HLocalStorage.saveString\r\nconst initLocalStorage = HLocalStorage.initLocalStorage\r\nexport { getObj, getString, initLocalStorage, saveObj, saveString }\r\nexport default HLocalStorage\r\n","import { HLog } from \"@macashipo/mlib\"\r\n\r\nconst logApi = HLog.logApi\r\nconst logExistType = HLog.logExistType\r\nconst logNoAnyType = HLog.logNoAnyType\r\nconst logOne = HLog.logOne\r\nconst logParseJson = HLog.logParseJson\r\nconst logTest = HLog.logTest\r\nconst logW = HLog.logW\r\nexport {\r\n logApi,\r\n logExistType,\r\n logNoAnyType,\r\n logOne,\r\n logParseJson,\r\n logTest,\r\n logW,\r\n}\r\n","import { useEffect, useRef, useState } from \"react\"\r\nconst useCountdown = (targetDate, { stopWhenFinish } = {}) => {\r\n // const [stop, setStop] = useState(false)\r\n const countDownDate = new Date(targetDate).getTime()\r\n const config = useRef({\r\n needStopInterval: false,\r\n }).current\r\n\r\n const [countDown, setCountDown] = useState(\r\n countDownDate - new Date().getTime()\r\n )\r\n // console.log(\"countDownDate:\", countDownDate, countDown)\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n // console.log(\"interval tick\", stopWhenFinish, config.needStopInterval)\r\n if (stopWhenFinish && config.needStopInterval) {\r\n clearInterval(interval)\r\n } else {\r\n let _countDown = countDownDate - new Date().getTime()\r\n if (_countDown <= 0) {\r\n config.needStopInterval = true\r\n }\r\n setCountDown(_countDown)\r\n }\r\n }, 500)\r\n return () => clearInterval(interval)\r\n }, [countDownDate, stopWhenFinish, config])\r\n\r\n return getReturnValues(countDown)\r\n}\r\n\r\nconst getReturnValues = countDown => {\r\n // calculate time left\r\n\r\n const days = Math.floor(countDown / (1000 * 60 * 60 * 24))\r\n const hours = Math.floor(\r\n (countDown % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)\r\n )\r\n const minutes = Math.floor((countDown % (1000 * 60 * 60)) / (1000 * 60))\r\n const seconds = Math.floor((countDown % (1000 * 60)) / 1000)\r\n const totalSeconds = Math.floor(countDown / 1000)\r\n const finish = countDown <= 0 ? true : false\r\n return [days, hours, minutes, seconds, totalSeconds, finish]\r\n}\r\n\r\nexport { useCountdown }\r\n","import React, { useRef } from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { useCountdown } from \"src/core/hook/useCountdown\"\r\nimport { HUtils } from \"@macashipo/mlib\"\r\nimport { Button } from \"reactstrap\"\r\nconst Wrap = styled.div`\r\n padding: 1rem;\r\n padding-bottom: 0px;\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n & .a-body {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n & .a-icon {\r\n font-size: 30px;\r\n color: #cbc70f;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n & .a-footer {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n justify-content: end;\r\n margin-top: 1rem;\r\n & > button {\r\n margin-left: 5px;\r\n }\r\n }\r\n`\r\nconst TextDisplay = props => {\r\n const { days, hours, minutes, seconds } = props\r\n return (\r\n \r\n {days > 0 && `${days} days `}\r\n {hours > 0 && `${hours} hours `}\r\n {minutes > 0 && `${minutes} minutes `}\r\n {seconds > 0 && `${seconds} seconds`}\r\n \r\n )\r\n}\r\nconst CheckIdleCountDown = props => {\r\n const fnList = props.fnList || {}\r\n const countSeconds = props.countSeconds || 60\r\n const onlyShowMsg = props.onlyShowMsg\r\n const targetDate = useRef(\r\n new Date(new Date().getTime() + countSeconds * 1000)\r\n )\r\n const [days, hours, minutes, seconds, totalSeconds] = useCountdown(\r\n targetDate.current,\r\n {\r\n stopWhenFinish: true,\r\n }\r\n )\r\n if (totalSeconds <= 0) {\r\n // HUtils.runFuntion(fnList, \"hideModal\")\r\n HUtils.runFuntion(fnList, \"onTimeout\")\r\n }\r\n console.log(\"render check idle\", totalSeconds)\r\n if (onlyShowMsg) {\r\n HUtils.runFuntion(fnList, \"onSignOut\")\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n Your session expired
\r\n \r\n {\r\n HUtils.runFuntion(fnList, \"onCloseAlert\")\r\n }}\r\n >\r\n OK, got it.\r\n \r\n
\r\n \r\n
\r\n {totalSeconds > 0 ? (\r\n \r\n \r\n
\r\n \r\n {totalSeconds > 0 ? (\r\n
\r\n Your session is about to expired
\r\n ) : (\r\n Your session expired
\r\n )}\r\n {totalSeconds > 0 && (\r\n \r\n You will be logged out in{\" \"}\r\n
\r\n )}\r\n \r\n {\r\n HUtils.runFuntion(fnList, \"onSignOut\")\r\n }}\r\n >\r\n Sign me out\r\n \r\n {\r\n HUtils.runFuntion(fnList, \"onKeepSignIn\")\r\n HUtils.runFuntion(fnList, \"hideModal\")\r\n }}\r\n >\r\n Keep me signed in\r\n \r\n
\r\n ) : (\r\n \r\n {\r\n HUtils.runFuntion(fnList, \"onBackToSignIn\")\r\n }}\r\n >\r\n Back to sign in\r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\nexport default connector(Header)\r\n","import styled from \"styled-components\"\r\nimport { BREAKPOINT } from \"src/helpers/styles\"\r\n\r\nexport const Footer = styled.div`\r\n padding: 0 30px;\r\n`\r\n\r\nexport const Menu = styled.ul`\r\n padding: 0;\r\n transition: 0.3s;\r\n li {\r\n font-size: 16px;\r\n > a {\r\n padding: 10px 30px;\r\n display: flex;\r\n align-items: center;\r\n color: rgba(255, 255, 255, 0.6);\r\n // border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n text-decoration: none;\r\n img {\r\n width: 20px;\r\n height: auto;\r\n display: inline-block;\r\n margin-right: 10px;\r\n }\r\n &:hover {\r\n background: #3699ff;\r\n color: #ffffff;\r\n }\r\n &.active {\r\n background: rgba(255, 255, 255, 0.05);\r\n color: #8abef5;\r\n font-weight: bold;\r\n position: relative;\r\n }\r\n &.active::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n width: 4px;\r\n background-color: currentColor;\r\n }\r\n }\r\n }\r\n`\r\n\r\nexport const Nav = styled.nav`\r\n min-width: 256px;\r\n max-width: 256px;\r\n background: #303c54;\r\n color: #fff;\r\n transition: all 0.3s;\r\n &.close {\r\n min-width: 0px;\r\n max-width: 0px;\r\n text-align: center;\r\n ${Menu} {\r\n li > a span {\r\n display: none;\r\n }\r\n }\r\n ${Footer} {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: ${BREAKPOINT.MD - 1}px) {\r\n min-width: 0px;\r\n max-width: 0px;\r\n text-align: center;\r\n ${Menu} {\r\n li > a span {\r\n display: none;\r\n }\r\n }\r\n ${Footer} {\r\n display: none;\r\n }\r\n &.close {\r\n margin-left: -80px;\r\n }\r\n }\r\n &::-webkit-scrollbar-track {\r\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n border-radius: 10px;\r\n background-color: #303c54;\r\n }\r\n\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n background-color: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n border-radius: 6px;\r\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\r\n background-color: #242e40;\r\n }\r\n`\r\n\r\nexport const Logo = styled.a`\r\n display: block;\r\n color: #fff;\r\n font-weight: 900;\r\n padding: 10px 30px;\r\n transition: 0.3s;\r\n`\r\nexport const Sidebar = styled.div`\r\n position: relative;\r\n display: flex;\r\n & .overlay {\r\n display: none;\r\n width: 100vw;\r\n height: 100%;\r\n min-height: 100vh;\r\n top: 0;\r\n position: absolute;\r\n left: 0;\r\n z-index: 99;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n }\r\n @media (max-width: 768px) {\r\n & .overlay.open {\r\n display: block;\r\n }\r\n & .c-sidebar {\r\n max-width: 256px;\r\n min-width: 256px;\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n z-index: 100;\r\n min-height: calc(100vh - 73px);\r\n height: 100%;\r\n overflow: auto;\r\n }\r\n & .c-sidebar.close {\r\n margin-left: -256px;\r\n }\r\n & .c-sidebar > ul > li > a span {\r\n display: block;\r\n }\r\n }\r\n`\r\nexport const CloseSidebar = styled.div`\r\n display: none;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: 100%;\r\n padding: 0.5rem;\r\n & > button {\r\n background-color: #242e40;\r\n border-color: #242e40;\r\n }\r\n @media (max-width: 768px) {\r\n display: flex;\r\n }\r\n`\r\n","import React from \"react\"\r\nimport { connect, ConnectedProps } from \"react-redux\"\r\nimport IMGlogo from \"src/assets/images/logo.png\"\r\n// import { HLog } from \"src/core/helpers\"\r\nconst mapStateToProps = state => ({\r\n closeSideNav: state.app.closeSideNav,\r\n})\r\n\r\nconst mapDispatchToProps = {}\r\n\r\nconst connector = connect(mapStateToProps, mapDispatchToProps)\r\n\r\ninterface Props extends ConnectedProps\r\n
\r\n )\r\n}\r\n\r\nexport default connector(SideNavHeader)\r\n","export default \"data:image/png;base64,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\"","import React from \"react\"\r\nimport { connect, ConnectedProps } from \"react-redux\"\r\nimport classnames from \"classnames\"\r\nimport { NavLink } from \"react-router-dom\"\r\nimport { PATH } from \"src/helpers/paths\"\r\nimport { isLocalDev } from \"src/core/helpers/utils\"\r\nimport { Menu, Nav, Sidebar, CloseSidebar } from \"./SideNav.styles\"\r\n// import { HLog } from \"src/core/helpers\"\r\nimport SideNavHeader from \"./SideNavHeader\"\r\nimport { MyIcon } from \"src/core/components\"\r\nimport { MdKeyboardArrowLeft } from \"react-icons/md\"\r\nimport { toggleSideNav } from \"src/App/App.actions\"\r\n\r\nconst mapStateToProps = state => ({\r\n closeSideNav: state.app.closeSideNav,\r\n sideNavItems: state.app.sideNavItems,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n toggleSideNav,\r\n}\r\n\r\nconst connector = connect(mapStateToProps, mapDispatchToProps)\r\n\r\ninterface Props extends ConnectedProps\r\n
\r\n \r\n )\r\n }\r\n return (\r\n \r\n window.location.reload()}\r\n >\r\n Tải lại trang{\" \"}\r\n \r\n
\r\n Bạn đang chuyển đổi thiết bị?
\r\nBạn vui lòng tải lại trang để có trãi nghiệm tốt nhất.
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {needReload ? (\r\n renderReloadUI()\r\n ) : (\r\n <>\r\n {!isHideSideNav && \r\n {!isHideHeader &&
\r\n )\r\n}\r\nconst WrapReload = styled.div`\r\n padding: 4rem;\r\n max-width: 1080px !important;\r\n margin: 0 auto !important;\r\n & img {\r\n max-height: 40px;\r\n }\r\n & h2 {\r\n margin-top: 48px;\r\n font-weight: 600;\r\n font-size: 32px;\r\n }\r\n & h4 {\r\n color: #767676 !important;\r\n }\r\n & button {\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n & i {\r\n width: 14px;\r\n height: 14px;\r\n margin-right: 2px;\r\n }\r\n }\r\n & .icon {\r\n padding: 0 1rem;\r\n text-align: center;\r\n margin-top: 40px;\r\n }\r\n @media (max-width: 767px) {\r\n padding: 2rem 1rem;\r\n & > .row {\r\n flex-direction: column-reverse;\r\n }\r\n & .icon {\r\n text-align: left;\r\n }\r\n }\r\n`\r\n","import React from \"react\"\r\nimport MainLayout from \"src/layouts/MainLayout\"\r\nimport { ConfigPage, MyPageLayoutHelpers } from \"@macashipo/mlib\"\r\n\r\nMyPageLayoutHelpers.setDefaultMyPageLayout((props: any) => {\r\n return {children}
\r\n ) : (\r\n {children}
\r\n )} */}\r\n {children}
\r\n {configFooter.show === true && !isHideFooter && (\r\n {props.children}
\r\n})\r\nfunction PageGeneric(props) {\r\n const configPage = ConfigPage.createFromConfigPageServer(props.configPage)\r\n const CMyPage = configPage.getMyPage(props)\r\n const CLayout = configPage.getWrapMyPageLayout({\r\n ...props,\r\n children: CMyPage,\r\n })\r\n return loading...
\r\n}\r\n","import React, { lazy, Suspense } from \"react\"\r\nimport { Router, Switch, Route, Redirect } from \"react-router-dom\"\r\nimport { HLink, HConfig } from \"src/core/helpers\"\r\nimport { HCF } from \"@macashipo/mlib\"\r\nimport AuthenticatedGuard from \"src/guards/AuthenticatedGuard\"\r\nimport PageGeneric from \"src/pages/PageGeneric/PageGeneric\"\r\nimport Loading from \"src/components/Loading/Loading\"\r\n\r\nconst PageNotFoundv2 = lazy(() => import(\"src/pages/PageNotFound/demo2\"))\r\n\r\nexport default function Routes() {\r\n const history = HLink.getHistory()\r\n const publicRoutes = HConfig.getPublicRoutes()\r\n const privateRoutes = HConfig.getPrivateRoutes()\r\n const configLogin = HCF.getCF(\"configLogin\") || {}\r\n // console.warn(\"history:\", history)\r\n return (\r\n {CSuppense(props, CArc)}
\r\n })\r\n MyLoadingHelpers.Types[\"_defaultlazy\"] = (props: any) => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n },\r\n}\r\n\r\nconsole.warn(\r\n \"MyLoadingHelpers\",\r\n MyLoadingHelpers,\r\n MyLoadingHelpers.Types[\"_defaultLazy\"]\r\n)\r\nexport default MyLoadingOne\r\n","import React from \"react\"\r\nimport MyControlTypes from \"src/core/components/MyControl/MyControlTypes\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst MCSelect2 = React.lazy(() => import(\"./Types/select2\"))\r\nconst MCSelect2Icon = React.lazy(() => import(\"./Types/select2_icon\"))\r\nconst MC_select2_customfilter = React.lazy(\r\n () => import(\"./Types/select2_customfilter\")\r\n)\r\nconst MCDate_flatpickr = React.lazy(() => import(\"./Types/date_flatpickr\"))\r\nconst MCComponent = React.lazy(() => import(\"./Types/component\"))\r\n\r\n// const List = {\r\n// select2: MCSelect2,\r\n// date_flatpickr: MCDate_flatpickr\r\n// }\r\n\r\nconst MyControlOne = {\r\n init() {\r\n MyControlTypes.Types[\"select2\"] = props => {\r\n return CSuppense(props, MCSelect2)\r\n }\r\n MyControlTypes.Types[\"select2_customfilter\"] = props => {\r\n return CSuppense(props, MC_select2_customfilter)\r\n }\r\n MyControlTypes.Types[\"select2_icon\"] = props => {\r\n return CSuppense(props, MCSelect2Icon)\r\n }\r\n MyControlTypes.Types[\"date_flatpickr\"] = props => {\r\n return CSuppense(props, MCDate_flatpickr)\r\n }\r\n MyControlTypes.Types[\"component\"] = props => {\r\n return CSuppense(props, MCComponent)\r\n }\r\n },\r\n}\r\n\r\nexport default MyControlOne\r\n","import MyPageOne from \"./MyPage\"\r\nimport MyUIOne from \"./MyUI\"\r\nimport MyTableCellOne from \"./MyTableCell\"\r\nimport MyTableFilterControlOne from \"./MyTableFilterControl\"\r\nimport MyFormOne from \"./MyForm\"\r\nimport MyButtonOne from \"./MyButton\"\r\nimport MyLoadingOne from \"./MyLoading/index\"\r\nimport MyControlOne from \"./MyControl\"\r\nimport \"./assets/scss/theme-v1.scss\"\r\n\r\ninterface IModuleV1Page extends IModuleOne {\r\n runAfterInit: () => void\r\n}\r\nconst ModuleV1Page: IModuleV1Page = {\r\n runAfterInit: () => {\r\n MyControlOne.init()\r\n MyPageOne.init()\r\n MyUIOne.init()\r\n MyTableCellOne.init()\r\n MyFormOne.init()\r\n MyButtonOne.init()\r\n MyLoadingOne.init()\r\n MyTableFilterControlOne.init()\r\n window.document.body.classList.add(\"theme-v1\")\r\n },\r\n}\r\n\r\nexport default ModuleV1Page\r\n","import React from \"react\"\r\nimport MyPageHelpers from \"src/core/components/MyPage/MyPageHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst PDev_ListMyControl = React.lazy(() => import(\"./Types/Dev_ListMyControl\"))\r\nconst PDev_CategoryList = React.lazy(() => import(\"./Types/Dev_CategoryList\"))\r\nconst PDev_MyPage = React.lazy(() => import(\"./Types/Dev_MyPage\"))\r\nconst PDev_MyForm = React.lazy(() => import(\"./Types/Dev_MyForm\"))\r\nconst PDev_Notification = React.lazy(() => import(\"./Types/Dev_Notification\"))\r\nconst PDev_Other = React.lazy(() => import(\"./Types/Dev_Other\"))\r\nconst PDev_Resize = React.lazy(() => import(\"./Types/Dev_Resize\"))\r\nconst PDev_UseScript = React.lazy(() => import(\"./Types/Dev_UseScript\"))\r\nconst PDev_CustomHook = React.lazy(() => import(\"./Types/Dev_CustomHook\"))\r\nconst PDev_Test = React.lazy(() => import(\"./Types/Dev_Test\"))\r\nconst MyPageOne = {\r\n init() {\r\n MyPageHelpers.addTypes(\"dev_listmycontrol\", props => {\r\n return CSuppense(props, PDev_ListMyControl)\r\n })\r\n MyPageHelpers.addTypes(\"dev_categorylist\", props => {\r\n return CSuppense(props, PDev_CategoryList)\r\n })\r\n MyPageHelpers.addTypes(\"dev_mypage\", props => {\r\n return CSuppense(props, PDev_MyPage)\r\n })\r\n MyPageHelpers.addTypes(\"dev_myform\", props => {\r\n return CSuppense(props, PDev_MyForm)\r\n })\r\n MyPageHelpers.addTypes(\"dev_notification\", props => {\r\n return CSuppense(props, PDev_Notification)\r\n })\r\n MyPageHelpers.addTypes(\"dev_other\", props => {\r\n return CSuppense(props, PDev_Other)\r\n })\r\n MyPageHelpers.addTypes(\"dev_resize\", props => {\r\n return CSuppense(props, PDev_Resize)\r\n })\r\n MyPageHelpers.addTypes(\"dev_hook\", props => {\r\n return CSuppense(props, PDev_UseScript)\r\n })\r\n MyPageHelpers.addTypes(\"dev_customhook\", props => {\r\n return CSuppense(props, PDev_CustomHook)\r\n })\r\n MyPageHelpers.addTypes(\"dev_test\", props => {\r\n return CSuppense(props, PDev_Test)\r\n })\r\n },\r\n}\r\n\r\nexport default MyPageOne\r\n","import MyPageOne from \"./MyPage\"\r\nimport { runFuntion, isLocalDev } from \"src/core/helpers/utils\"\r\nimport HConstant from \"src/core/helpers/constant\"\r\nimport * as actions from \"src/App/App.actions\"\r\ninterface IModuleDev extends IModuleOne {\r\n runAfterInit: (HConfig: any) => void\r\n}\r\nconst ModuleDev: IModuleDev = {\r\n runAfterInit: HConfig => {\r\n if (isLocalDev()) {\r\n MyPageOne.init()\r\n //update routes\r\n runFuntion(HConfig, HConstant.HConfig.FnList.addPublicRoutes, [\r\n [\r\n {\r\n Id: \"dev1\",\r\n UIUrl: \"/dev/1\",\r\n UIType: \"dev_listmycontrol\",\r\n },\r\n {\r\n Id: \"dev2\",\r\n UIUrl: \"/dev/categorylist\",\r\n UIType: \"dev_categorylist\",\r\n },\r\n {\r\n Id: \"dev2\",\r\n UIUrl: \"/dev/mypage\",\r\n UIType: \"dev_mypage\",\r\n },\r\n {\r\n Id: \"devmyform\",\r\n UIUrl: \"/dev/myform\",\r\n UIType: \"dev_myform\",\r\n },\r\n {\r\n Id: \"devnotification\",\r\n UIUrl: \"/dev/notification\",\r\n UIType: \"dev_notification\",\r\n },\r\n {\r\n Id: \"devother\",\r\n UIUrl: \"/dev/other\",\r\n UIType: \"dev_other\",\r\n },\r\n {\r\n Id: \"devresize\",\r\n UIUrl: \"/dev/resize\",\r\n UIType: \"dev_resize\",\r\n },\r\n {\r\n Id: \"dev_hook\",\r\n UIUrl: \"/dev/hook\",\r\n UIType: \"dev_hook\",\r\n },\r\n {\r\n Id: \"dev_customhook\",\r\n UIUrl: \"/dev/customhook\",\r\n UIType: \"dev_customhook\",\r\n },\r\n {\r\n Id: \"dev_test\",\r\n UIUrl: \"/dev/test\",\r\n UIType: \"dev_test\",\r\n },\r\n ],\r\n ])\r\n\r\n //update sidenav\r\n runFuntion(HConfig.fnList, HConstant.HConfig.FnList.dispatchFromStore, [\r\n actions.sideNavUpdate([\r\n {\r\n isDev: true,\r\n name: \"Dev 1\",\r\n url: \"/dev/1\",\r\n },\r\n {\r\n isDev: true,\r\n name: \"Dev Category List\",\r\n url: \"/dev/categorylist\",\r\n },\r\n {\r\n isDev: true,\r\n name: \"Dev My Page\",\r\n url: \"/dev/mypage\",\r\n },\r\n {\r\n isDev: true,\r\n name: \"Dev My Form\",\r\n url: \"/dev/myform\",\r\n },\r\n {\r\n isDev: true,\r\n name: \"Dev Other\",\r\n url: \"/dev/other\",\r\n },\r\n ]),\r\n ])\r\n }\r\n },\r\n}\r\n\r\nexport default ModuleDev\r\n","import { MyIconHelpers } from \"@macashipo/mlib\"\r\n\r\nexport default MyIconHelpers\r\n","import MyIconHelpers from \"src/core/components/MyIcon/MyIconHelpers\"\r\n// import * as IconHi from \"react-icons/hi\"\r\nimport {\r\n HiBadgeCheck,\r\n HiBell,\r\n HiCheck,\r\n HiMenu,\r\n HiOutlineEye,\r\n HiOutlineEyeOff,\r\n HiOutlineHome,\r\n HiOutlineKey,\r\n HiOutlineLockClosed,\r\n HiOutlineMail,\r\n HiOutlinePencilAlt,\r\n HiOutlinePhone,\r\n HiOutlineTrash,\r\n HiOutlineUser,\r\n HiOutlineViewGrid,\r\n HiRefresh,\r\n HiUser,\r\n HiUsers,\r\n HiX,\r\n} from \"react-icons/hi\"\r\nconst ListIconHi = {\r\n HiBadgeCheck,\r\n HiBell,\r\n HiCheck,\r\n HiMenu,\r\n HiOutlineEye,\r\n HiOutlineEyeOff,\r\n HiOutlineHome,\r\n HiOutlineKey,\r\n HiOutlineLockClosed,\r\n HiOutlineMail,\r\n HiOutlinePencilAlt,\r\n HiOutlinePhone,\r\n HiOutlineTrash,\r\n HiOutlineUser,\r\n HiOutlineViewGrid,\r\n HiRefresh,\r\n HiUser,\r\n HiUsers,\r\n HiX,\r\n}\r\nconst MyTableCellOne = {\r\n init() {\r\n console.warn(\"init icon:\")\r\n // for (let k of Object.keys(IconHi)) {\r\n // MyIconHelpers.addTypes(k.toLocaleLowerCase(), IconHi[k])\r\n // }\r\n for (let k of Object.keys(ListIconHi)) {\r\n MyIconHelpers.addTypes(k.toLocaleLowerCase(), ListIconHi[k])\r\n }\r\n // import(\"react-icons/hi\").then(v => {\r\n // console.warn(\"import:\", v)\r\n // if (v) {\r\n // let _keys = Object.keys(v)\r\n // for (let k of _keys) {\r\n // MyIconHelpers.addTypes(k, v[k])\r\n // }\r\n // }\r\n // })\r\n },\r\n}\r\n\r\nexport default MyTableCellOne\r\n","import MyIconOne from \"./MyIcon\"\r\n\r\ninterface IModuleIconHiOutline extends IModuleOne {\r\n runAfterInit: () => void\r\n}\r\nconst ModuleIconHiOutline: IModuleIconHiOutline = {\r\n runAfterInit: () => {\r\n MyIconOne.init()\r\n },\r\n}\r\n\r\nexport default ModuleIconHiOutline\r\n","import React from \"react\"\r\nimport MyPageHelpers from \"src/core/components/MyPage/MyPageHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst PSetting_main = React.lazy(() => import(\"./Types/setting_main\"))\r\n\r\nconst MyPageOne = {\r\n init() {\r\n MyPageHelpers.addTypes(\"setting_main\", props => {\r\n return CSuppense(props, PSetting_main)\r\n })\r\n },\r\n}\r\n\r\nexport default MyPageOne\r\n","import MyPageOne from \"./MyPage\"\r\nimport { HUtils, HConstant } from \"src/core/helpers\"\r\ninterface IModuleUserSetting extends IModuleOne {\r\n runAfterInit: (HConfig: any) => void\r\n}\r\nconst ModuleUserSetting: IModuleUserSetting = {\r\n runAfterInit: HConfig => {\r\n MyPageOne.init()\r\n HUtils.runFuntion(HConfig, HConstant.HConfig.FnList.addPrivateRoutes, [\r\n [\r\n {\r\n Id: \"setting_main\",\r\n UIUrl: \"/setting\",\r\n UIType: \"setting_main\",\r\n },\r\n ],\r\n ])\r\n },\r\n}\r\n\r\nexport default ModuleUserSetting\r\n","import React from \"react\"\r\nimport MyUIHelpers from \"src/core/components/MyUI/MyUIHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst MUIGeneration2FA = React.lazy(\r\n () => import(\"../MyComponent/Generation2FA\")\r\n)\r\nconst MUIVerify2FA = React.lazy(() => import(\"../MyComponent/Verify2FA\"))\r\nconst MUICheck2FA = React.lazy(() => import(\"../MyComponent/Check2FA\"))\r\nconst MUISelectMethod2FA = React.lazy(\r\n () => import(\"../MyComponent/SelectMethod\")\r\n)\r\nconst MyPageOne = {\r\n init() {\r\n MyUIHelpers.addTypes(\"setting2fa_generation2fa\", props => {\r\n return CSuppense(props, MUIGeneration2FA)\r\n })\r\n MyUIHelpers.addTypes(\"setting2fa_verify2fa\", props => {\r\n return CSuppense(props, MUIVerify2FA)\r\n })\r\n MyUIHelpers.addTypes(\"setting2fa_check2fa\", props => {\r\n return CSuppense(props, MUICheck2FA)\r\n })\r\n MyUIHelpers.addTypes(\"setting2fa_selectmethod2fa\", props => {\r\n return CSuppense(props, MUISelectMethod2FA)\r\n })\r\n },\r\n}\r\n\r\nexport default MyPageOne\r\n","import React from \"react\"\r\nimport { CSuppense } from \"src/core/components\"\r\nimport MyModal from \"src/core/components/MyModal/MyModal\"\r\nimport { HConstant, HUtils, HApi } from \"src/core/helpers\"\r\nimport { initI18n } from \"./lang/i18n\"\r\nimport i18next from \"i18next\"\r\nimport MyUIOne from \"./MyUI\"\r\nimport { updateSettingByResponse } from \"./helpers\"\r\nconst Generation2FA = React.lazy(() => import(\"./MyComponent/Generation2FA\"))\r\nconst Disable2FA = React.lazy(() => import(\"./MyComponent/Disable2FA\"))\r\nconst Setting2FA = React.lazy(() => import(\"./MyComponent/Setting2FA\"))\r\nconst Verify2FA = React.lazy(() => import(\"./MyComponent/Verify2FA\"))\r\n\r\ninterface IModuleSetting2FA extends IModuleOne {\r\n runAfterInit: (HConfig: any) => void\r\n requestSetting: () => void\r\n}\r\nconst ModuleSetting2FA: IModuleSetting2FA = {\r\n runAfterInit: HConfig => {\r\n initI18n()\r\n MyUIOne.init()\r\n // ModuleSetting2FA.requestSetting()\r\n HUtils.runFuntion(\r\n HConfig,\r\n HConstant.HConfig.FnList.registerExtSettingParts,\r\n [\r\n props => {\r\n return CSuppense(props, Setting2FA)\r\n },\r\n ]\r\n )\r\n HConfig.showGenerate2FA = (fromOneMethod: any) => {\r\n MyModal.showFromComponent(\r\n props => {\r\n return CSuppense(\r\n props,\r\n fromOneMethod.IsEnable === true ? Disable2FA : Generation2FA\r\n )\r\n },\r\n {\r\n title:\r\n fromOneMethod.IsEnable === true\r\n ? i18next.t(\"setting2fa:title.disable2fa\")\r\n : i18next.t(\"setting2fa:title.enable2fa\"),\r\n backdrop: \"static\",\r\n size: \"md\",\r\n modalCentered: true,\r\n }\r\n )\r\n }\r\n HConfig.showVerify2FA = fnList => {\r\n // console.warn(\"showVerify2FA\")\r\n MyModal.showFromComponent(\r\n props => {\r\n return CSuppense(props, Verify2FA)\r\n },\r\n {\r\n title: \"Verify\",\r\n backdrop: \"static\",\r\n fnList: fnList,\r\n size: \"lg\",\r\n modalCentered: true,\r\n }\r\n )\r\n }\r\n },\r\n requestSetting: () => {\r\n HApi.apiPost({\r\n path: \"Aauth2FA\",\r\n name: \"UserSetting\",\r\n data: {},\r\n })\r\n .then(response => {\r\n updateSettingByResponse(response)\r\n })\r\n .catch(error => {})\r\n },\r\n}\r\n\r\nexport default ModuleSetting2FA\r\n","import i18next from \"i18next\"\r\n\r\nimport Lang_en from \"./en.json\"\r\nexport const initI18n = () => {\r\n // console.warn(\"import i18next from 'i18next';\")\r\n i18next.addResourceBundle(\"en\", \"setting2fa\", Lang_en)\r\n}\r\n","import React from \"react\"\r\nimport MyPageHelpers from \"src/core/components/MyPage/MyPageHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\n\r\nconst PRedirectToken = React.lazy(() => import(\"./Types/redirect_token\"))\r\n\r\nconst MyPageOne = {\r\n init() {\r\n MyPageHelpers.addTypes(\"redirect_token\", props => {\r\n return CSuppense(props, PRedirectToken)\r\n })\r\n },\r\n}\r\n\r\nexport default MyPageOne\r\n","import MyPageOne from \"./MyPage\"\r\nimport { HUtils, HConstant } from \"src/core/helpers\"\r\ninterface IModuleRedirectToken extends IModuleOne {\r\n runAfterInit: (HConfig) => void\r\n}\r\nconst ModuleRedirectToken: IModuleRedirectToken = {\r\n runAfterInit: HConfig => {\r\n MyPageOne.init()\r\n HUtils.runFuntion(HConfig, HConstant.HConfig.FnList.addPublicRoutes, [\r\n [\r\n {\r\n Id: \"redirect_token\",\r\n UIUrl: \"/redirect\",\r\n UIType: \"redirect_token\",\r\n Config: '{\"wrapLayout\":\"blank\"}',\r\n },\r\n ],\r\n ])\r\n },\r\n}\r\n\r\nexport default ModuleRedirectToken\r\n","import React from \"react\"\r\nimport { HUtils } from \"src/core/helpers\"\r\nclass MyUI_HTML extends React.Component{title}
\r\n \r\n \r\n {\r\n const { newValue } = opts\r\n setMobileNumber(newValue)\r\n if (newValue !== mobileNumber) {\r\n setInvalidMobileMsg({})\r\n }\r\n },\r\n } as any\r\n }\r\n renderFooter={() => {\r\n return <>\r\n }}\r\n />\r\n
\r\n Chào mừng bạn đến với SIGO!
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n )\r\n }\r\n const renderTabEnterPwd = () => {\r\n const isActive = tabActive === TabCode.enter_password\r\n const des = getDescriptionWithField(\r\n \"msg_des_enter_pwd\",\r\n \"MobileNumber\",\r\n onFormatMobileNumber4UI(mobileNumber)\r\n )\r\n return (\r\n hoặc
\r\n \r\n \r\n \r\n {\r\n setTabActive(TabCode.enter_phone)\r\n }}\r\n >\r\n
\r\n Nhập mật khẩu của bạn
\r\n \r\n
\r\n \r\n \r\n {\r\n handlePressEnter(e, requestLogin)\r\n }}\r\n />\r\n
\r\n {pwdMsg && (\r\n \r\n {\r\n setShowPwd(!showPwd)\r\n }}\r\n >\r\n {showPwd ?
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {title &&
\r\n {title}
}\r\n {description &&{description}
}\r\nĐăng ký xe cho thuê
\r\n \r\n- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n \r\n Tài khoản\r\n \r\n \r\n
- \r\n \r\n Thông báo *\r\n \r\n \r\n
- \r\n \r\n Chuyến đi của tôi\r\n \r\n \r\n
- \r\n \r\n Tích lũy\r\n \r\n \r\n \r\n
- \r\n \r\n Quản lý xe cho thuê *\r\n \r\n \r\n
- \r\n \r\n Thanh toán\r\n \r\n \r\n {/*
- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n {rentalTypes &&\r\n rentalTypes?.length > 0 &&\r\n rentalTypes.map((v, i) => {\r\n const url = v?.[configKeyHeader.url] || \"#\"\r\n const name = v?.[configKeyHeader.name] || \"\"\r\n return (\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n
- \r\n {menuLeft.map((v, i) => {\r\n const title = v?.[configKeyHeader.item_title] || \"\"\r\n const link = v?.[configKeyHeader.item_link] || \"#\"\r\n const subMenu = v?.[configKeyHeader.sub_items] || \"\"\r\n const isDropdown = subMenu && subMenu !== \"\"\r\n return (\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n
- \r\n {/* {menuRight.map((v, i) => {\r\n const classNameWrap = v?.[configKeyHeader.item_classname_wrap]\r\n const classNameLink = v?.[configKeyHeader.classname_link]\r\n const icon = v?.[configKeyHeader.classname_icon] || \"\"\r\n const link = v?.[configKeyHeader.right_item_link] || \"#\"\r\n const title = v?.[configKeyHeader.right_item_title] || \"\"\r\n const subMenu = v?.[configKeyHeader.right_sub_menu]\r\n const isHasDropdown = subMenu && subMenu?.length > 0\r\n return (\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n
- \r\n
\r\n
\r\n \r\n {\r\n e.preventDefault()\r\n toggle()\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n 0\r\n 
\r\n \r\n )}\r\n {\r\n \r\n \r\n Bộ lọc\r\n \r\n }\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {!isMobileViewV2 && renderMenuLeft()}\r\n {!isMobileViewV2 && renderMenuRight()}\r\n {moreConfig?.isShowInMobile && renderMobile()}\r\n \r\n \r\n {\r\n const { DateFromTo, MoreInfo, ...other } = curData\r\n let newAddress = {\r\n [categoryFields.fAddress]:\r\n curData?.[categoryFields.fAddress],\r\n [categoryFields.fLongitude]:\r\n curData?.[categoryFields.fLongitude],\r\n [categoryFields.fLatitude]:\r\n curData?.[categoryFields.fLatitude],\r\n [`${categoryFields.fAddress}_MoreInfo`]: MoreInfo,\r\n }\r\n if (needClearOtherFilter && fnList?.onFilterAddress) {\r\n fnList.onFilterAddress(\r\n { ...other },\r\n {\r\n needSaveLocal: true,\r\n newValueLocal: newAddress,\r\n needClearOtherFilter: needClearOtherFilter,\r\n }\r\n )\r\n } else {\r\n if (fnList?.onFilter) {\r\n fnList.onFilter(\r\n { ...other },\r\n {\r\n needSaveLocal: true,\r\n newValueLocal: newAddress,\r\n }\r\n )\r\n }\r\n }\r\n setNeedClearOtherFilter(false)\r\n }}\r\n className={`${isFocusSearch ? \"has-text\" : \"\"}`}\r\n disabled={getDisabledBtnSearch()}\r\n >\r\n
\r\n )\r\n }}\r\n />\r\n )\r\n }\r\n const renderRightHeader = () => {\r\n const menuItem = getConfigFromFirstSettingByKey(\"menu_item.right\") || []\r\n return (\r\n - \r\n
\r\n \r\n \r\n \r\n
\r\n {!moreConfig?.onlyShowLogo && (\r\n <>\r\n \r\n
\r\n {curTab === \"xe-tu-lai\" && renderSearchForm()}\r\n {renderRightHeader()}\r\n \r\n )}\r\n \r\n )\r\n }\r\n const render = () => {\r\n if (moreConfig?.showLoading) {\r\n const config: any = getConfigLoadingSkeleton()\r\n return (\r\n \r\n {tabList &&\r\n tabList?.length > 0 &&\r\n tabList?.map(v => {\r\n return (\r\n \r\n {v?.title}\r\n \r\n )\r\n })}\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
Không có loại xe nào!
\r\n ),\r\n },\r\n },\r\n ],\r\n },\r\n configModal: {\r\n title: \"Chọn loại xe\",\r\n showHeaderClose: false,\r\n showFooter: true,\r\n showFooterClose: false,\r\n showFooterOK:\r\n sourceList &&\r\n sourceList[\"VehicleTypeSubList\"] &&\r\n sourceList[\"VehicleTypeSubList\"].length > 0\r\n ? true\r\n : false,\r\n titleBtnOK: \"Áp dụng\",\r\n modalClassName: \"default footer-btn-ok-full modal-filter\",\r\n size: \"lg\",\r\n },\r\n },\r\n {\r\n title: (\r\n \r\n Hãng xe\r\n Không có hãng xe nào!
\r\n ),\r\n },\r\n },\r\n ],\r\n },\r\n configModal: {\r\n title: \"Chọn hãng xe\",\r\n showHeaderClose: false,\r\n showFooter: true,\r\n showFooterClose: false,\r\n showFooterOK:\r\n sourceList &&\r\n sourceList[\"VehicleModelList\"] &&\r\n sourceList[\"VehicleModelList\"].length > 0\r\n ? true\r\n : false,\r\n titleBtnOK: \"Áp dụng\",\r\n modalClassName:\r\n \"default footer-btn-ok-full modal-filter scrollbar-right\",\r\n size: \"lg\",\r\n },\r\n },\r\n {\r\n title: (\r\n \r\n Bộ lọc\r\n \r\n
\r\n )\r\n }\r\n const renderOverlay = () => {\r\n return \r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {filterList.slice(0, 2).map((v, i) => {\r\n // if (!v.checkShow) {\r\n // return <>\r\n // }\r\n return (\r\n
\r\n \r\n {/*
\r\n )\r\n })}\r\n Tùy chọn kết quả
*/}\r\n \r\n {\r\n fnList?.onFilter &&\r\n fnList.onFilter(obj, { isFilterMore: true })\r\n },\r\n }}\r\n />\r\n
\r\n \r\n {filterList.slice(2, 99).map((v, i) => {\r\n return (\r\n
\r\n \r\n {v.subTitle && (\r\n {\r\n fnList?.onFilter &&\r\n fnList.onFilter(obj, { isFilterMore: true })\r\n },\r\n }}\r\n />\r\n
\r\n )\r\n })}\r\n {v.subTitle}
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n let _value = !isShowAmount\r\n setIsShowAmount(_value)\r\n fnList?.onSetShowAmount && fnList?.onSetShowAmount(_value)\r\n }}\r\n />\r\n
\r\n \r\n {\r\n if (fnList?.onSubmitForm) {\r\n fnList.onSubmitForm()\r\n }\r\n }}\r\n >\r\n Áp dụng\r\n \r\n
\r\n )\r\n }\r\n return <>\r\n }}\r\n />\r\n \r\n {\r\n if (fnList?.onFilter && refMyForm?.current) {\r\n fnList.onFilter({\r\n ...refMyForm.current.getCurrentValues(),\r\n })\r\n toggle()\r\n }\r\n }}\r\n >\r\n Áp dụng\r\n \r\n
\r\n )\r\n }}\r\n />\r\n \r\n \r\n {btnConfig?.name ?? \"Xem thêm\"}\r\n \r\n
\r\n \r\n 
\r\n
\r\n )\r\n }\r\n return (\r\n \r\n 
\r\n
\r\n )\r\n } else if (slideImages?.length > 0 && config?.cardType) {\r\n const _url = moreInfo?.[configKeySlide.url]\r\n const _configBtnNavigation = slideSetting?.configBtnNavigation || {}\r\n const _configDots = slideSetting?.configDots || {}\r\n const classNameSlide = slideSetting?.classNameSlide || \"\"\r\n const isCenter = getIsCenter()\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n {_url && (\r\n \r\n \r\n Xem thêm\r\n \r\n
\r\n )}\r\n {renderShowMore()}\r\n \r\n )\r\n }\r\n return <>\r\n}\r\nconst WrapTitle = styled.div`\r\n &.title-home {\r\n margin-bottom: 30px;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n & .wrap-title {\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n & .maintxt {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: var(--color-text-000);\r\n text-align: center;\r\n line-height: 49px;\r\n margin-bottom: 0;\r\n max-width: 80%;\r\n }\r\n & .description {\r\n color: var(--color-text-000);\r\n font-size: 16px;\r\n text-align: center;\r\n padding-top: 15px;\r\n max-width: 80%;\r\n }\r\n @media (max-width: 1199px) {\r\n & .maintxt {\r\n max-width: 90%;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n & .maintxt {\r\n font-size: 30px;\r\n line-height: 39px;\r\n max-width: 100%;\r\n }\r\n & .description {\r\n padding-top: 10px;\r\n max-width: 100%;\r\n }\r\n }\r\n`\r\nconst Wrap: any = styled.div`\r\n padding: 0;\r\n .owl-carousel,\r\n .owl-carousel .owl-item {\r\n -webkit-tap-highlight-color: transparent;\r\n position: relative;\r\n }\r\n\r\n .owl-carousel {\r\n display: none;\r\n width: 100%;\r\n z-index: 1;\r\n }\r\n\r\n .owl-carousel .owl-stage {\r\n position: relative;\r\n -ms-touch-action: pan-Y;\r\n -moz-backface-visibility: hidden;\r\n }\r\n\r\n .owl-carousel .owl-stage:after {\r\n content: \".\";\r\n display: block;\r\n clear: both;\r\n visibility: hidden;\r\n line-height: 0;\r\n height: 0;\r\n }\r\n\r\n .owl-carousel .owl-stage-outer {\r\n position: relative;\r\n overflow: hidden;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n }\r\n\r\n .owl-carousel .owl-item,\r\n .owl-carousel .owl-wrapper {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n -moz-transform: translate3d(0, 0, 0);\r\n -ms-transform: translate3d(0, 0, 0);\r\n }\r\n\r\n .owl-carousel .owl-item {\r\n min-height: 1px;\r\n float: left;\r\n -webkit-backface-visibility: hidden;\r\n -webkit-touch-callout: none;\r\n }\r\n\r\n .owl-carousel .owl-item img {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .owl-carousel .owl-dots.disabled,\r\n .owl-carousel .owl-nav.disabled {\r\n display: none;\r\n }\r\n\r\n .no-js .owl-carousel,\r\n .owl-carousel.owl-loaded {\r\n display: block;\r\n }\r\n\r\n .owl-carousel .owl-dot,\r\n .owl-carousel .owl-nav .owl-next,\r\n .owl-carousel .owl-nav .owl-prev {\r\n cursor: pointer;\r\n cursor: hand;\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n\r\n .owl-carousel.owl-loading {\r\n opacity: 0;\r\n display: block;\r\n }\r\n\r\n .owl-carousel.owl-hidden {\r\n opacity: 0;\r\n }\r\n\r\n .owl-carousel.owl-refresh .owl-item {\r\n visibility: hidden;\r\n }\r\n\r\n .owl-carousel.owl-drag .owl-item {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n\r\n .owl-carousel.owl-grab {\r\n cursor: move;\r\n cursor: grab;\r\n }\r\n\r\n .owl-carousel.owl-rtl {\r\n direction: rtl;\r\n }\r\n\r\n .owl-carousel.owl-rtl .owl-item {\r\n float: right;\r\n }\r\n\r\n .owl-carousel .animated {\r\n animation-duration: 1s;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .owl-carousel .owl-animated-in {\r\n z-index: 0;\r\n }\r\n\r\n .owl-carousel .owl-animated-out {\r\n z-index: 1;\r\n }\r\n\r\n .owl-carousel .fadeOut {\r\n animation-name: fadeOut;\r\n }\r\n & .owl-dots {\r\n right: unset;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n align-items: center;\r\n max-width: 80px;\r\n overflow: hidden;\r\n bottom: ${(props: any) =>\r\n props?.configDots && props?.configDots?.bottom\r\n ? props?.configDots?.bottom\r\n : \"10px\"};\r\n & .owl-dot {\r\n width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n height: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n min-width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n background-color: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultColor\r\n ? props?.configDots?.defaultColor\r\n : \"var(--color-text-e1e1e1)\"};\r\n margin-right: ${(props: any) =>\r\n props?.configDots && props?.configDots?.marginRight\r\n ? props?.configDots?.marginRight\r\n : \"5px\"};\r\n }\r\n & .owl-dot.active {\r\n background-color: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeColor\r\n ? props?.configDots?.activeColor\r\n : \"var(--color-text-fff)\"};\r\n width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n height: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n min-width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n }\r\n }\r\n @keyframes fadeOut {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .owl-height {\r\n transition: height 0.5s ease-in-out;\r\n }\r\n\r\n .owl-carousel .owl-item .owl-lazy {\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .owl-carousel .owl-item img.owl-lazy {\r\n transform-style: preserve-3d;\r\n }\r\n\r\n .owl-carousel .owl-video-wrapper {\r\n position: relative;\r\n height: 100%;\r\n background: #000;\r\n }\r\n\r\n .owl-carousel .owl-video-play-icon {\r\n position: absolute;\r\n height: 80px;\r\n width: 80px;\r\n left: 50%;\r\n top: 50%;\r\n margin-left: -40px;\r\n margin-top: -40px;\r\n background: url(owl.video.play.png) no-repeat;\r\n cursor: pointer;\r\n z-index: 1;\r\n -webkit-backface-visibility: hidden;\r\n transition: transform 0.1s ease;\r\n }\r\n\r\n .owl-carousel .owl-video-play-icon:hover {\r\n -ms-transform: scale(1.3, 1.3);\r\n transform: scale(1.3, 1.3);\r\n }\r\n\r\n .owl-carousel .owl-video-playing .owl-video-play-icon,\r\n .owl-carousel .owl-video-playing .owl-video-tn {\r\n display: none;\r\n }\r\n\r\n .owl-carousel .owl-video-tn {\r\n opacity: 0;\r\n height: 100%;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .owl-carousel .owl-video-frame {\r\n position: relative;\r\n z-index: 1;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n & .custom-nav-position-top {\r\n & .owl-nav {\r\n & .owl-prev,\r\n & .owl-next {\r\n top: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.default\r\n ? props?.configBtnNavigation?.default\r\n : \"calc(50% - 15px)\"};\r\n }\r\n }\r\n }\r\n & .custom-nav-position {\r\n & .owl-nav {\r\n & .owl-prev {\r\n left: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.leftDefault\r\n ? props?.configBtnNavigation?.leftDefault\r\n : \"-15px\"};\r\n }\r\n & .owl-next {\r\n right: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.rightDefault\r\n ? props?.configBtnNavigation?.rightDefault\r\n : \"-15px\"};\r\n }\r\n }\r\n }\r\n & .owl-prev,\r\n & .owl-next {\r\n i {\r\n color: #c5c5c5;\r\n }\r\n }\r\n & .item {\r\n transition: all 0.25s;\r\n // &::before {\r\n // transition: all 0.25s;\r\n // content: \" \";\r\n // position: absolute;\r\n // background-color: var(--color-text-fff);\r\n // top: 0;\r\n // width: 100%;\r\n // height: 100%;\r\n // opacity: 0;\r\n // }\r\n & > div {\r\n width: 100%;\r\n }\r\n }\r\n & .always-show-nav {\r\n .owl-carousel .owl-nav.disabled {\r\n display: block;\r\n opacity: 1;\r\n pointer-events: unset;\r\n touch-action: unset;\r\n }\r\n }\r\n & .always-show-overflow {\r\n & .owl-carousel .owl-stage-outer {\r\n overflow: visible;\r\n }\r\n }\r\n & .always-show-dots {\r\n & .owl-carousel .owl-dots.disabled {\r\n display: block;\r\n }\r\n }\r\n & .wrap-item {\r\n .owl-nav {\r\n opacity: 0;\r\n pointer-events: none;\r\n touch-action: none;\r\n transition: all 0.25s;\r\n visibility: hidden;\r\n }\r\n }\r\n & .wrap-item:hover {\r\n .owl-nav {\r\n display: block;\r\n opacity: 1;\r\n pointer-events: unset;\r\n touch-action: unset;\r\n visibility: visible;\r\n & .disabled {\r\n display: block;\r\n opacity: 0;\r\n user-select: unset;\r\n pointer-events: unset;\r\n touch-action: unset;\r\n }\r\n }\r\n & .owl-item.active {\r\n & .item {\r\n position: relative;\r\n }\r\n // & .item::before {\r\n // opacity: 0.2;\r\n // }\r\n }\r\n }\r\n & .always-center .owl-stage-outer {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n @media (min-width: 1000px) {\r\n & .show-overflow-desktop {\r\n & .owl-carousel .owl-stage-outer {\r\n overflow: visible;\r\n }\r\n }\r\n }\r\n @media (max-width: 996px) {\r\n & .custom-nav-position-top {\r\n & .owl-nav {\r\n & .owl-prev,\r\n & .owl-next {\r\n top: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.mobile\r\n ? props?.configBtnNavigation?.mobile\r\n : \"calc(50% - 15px)\"};\r\n }\r\n }\r\n }\r\n & .custom-nav-position {\r\n & .owl-nav {\r\n & .owl-prev {\r\n left: ${(props: any) =>\r\n props?.configBtnNavigation &&\r\n props?.configBtnNavigation?.leftDefaultMobile\r\n ? props?.configBtnNavigation?.leftDefaultMobile\r\n : \"-15px\"}!important;\r\n }\r\n & .owl-next {\r\n right: ${(props: any) =>\r\n props?.configBtnNavigation &&\r\n props?.configBtnNavigation?.rightDefaultMobile\r\n ? props?.configBtnNavigation?.rightDefaultMobile\r\n : \"-15px\"}!important;\r\n }\r\n }\r\n }\r\n & .wrap-item {\r\n .owl-nav {\r\n opacity: 1;\r\n display: block;\r\n pointer-events: unset;\r\n touch-action: unset;\r\n visibility: visible;\r\n }\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n & .owl-nav {\r\n & .owl-prev {\r\n left: -12px;\r\n }\r\n & .owl-next {\r\n right: -12px;\r\n }\r\n }\r\n & .custom-nav-position-top {\r\n & .owl-nav {\r\n & .owl-prev,\r\n & .owl-next {\r\n top: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.mobile\r\n ? props?.configBtnNavigation?.mobile\r\n : \"calc(50% - 15px)\"};\r\n }\r\n }\r\n }\r\n & .item > div.mobile-padding-32 {\r\n padding: 0 32px !important;\r\n }\r\n }\r\n`\r\nconst WrapShowMore = styled.div`\r\n text-align: center;\r\n margin-top: 1rem;\r\n & .wrap-btn {\r\n display: inline-block;\r\n // padding: 0.75rem;\r\n // background-color: #fff;\r\n }\r\n & a.btn {\r\n min-width: 200px;\r\n }\r\n`\r\nexport default MyUISlideCard\r\n","import React, { useEffect, useState } from \"react\"\r\nimport { HAuth } from \"src/core/helpers\"\r\nimport { MyModal } from \"src/core/components\"\r\nimport { logout } from \"src/App/App.actions\"\r\nimport { ConnectedProps, connect } from \"react-redux\"\r\nimport dfAvatar from \"src/modules/app_sigo/images/user.png\"\r\nimport styled from \"styled-components\"\r\nimport { HEE } from \"@macashipo/mlib\"\r\nimport { KAuth } from \"src/helpers/Flows/Auth\"\r\nimport { SGNewPaths } from \"src/modules/app_sigo/constants/paths\"\r\n\r\nconst mapStateToProps = state => ({\r\n isAuthenticated: state.app.isAuthenticated,\r\n})\r\n\r\nconst mapDispatchToProps = {\r\n logout,\r\n}\r\n\r\nconst connector = connect(mapStateToProps, mapDispatchToProps)\r\n\r\ninterface Props extends ConnectedProps- \r\n {isAuthenticated ? (\r\n <>\r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n \r\n Tài khoản\r\n \r\n \r\n
- \r\n \r\n Thông báo *\r\n \r\n \r\n
- \r\n \r\n Chuyến đi của tôi\r\n \r\n \r\n
- \r\n \r\n Tích lũy\r\n \r\n \r\n \r\n
- \r\n \r\n Quản lý xe cho thuê *\r\n \r\n \r\n
- \r\n \r\n Thanh toán\r\n \r\n \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n \r\n Tài khoản\r\n \r\n \r\n
- \r\n \r\n Thông báo *\r\n \r\n \r\n
- \r\n \r\n Chuyến đi của tôi\r\n \r\n \r\n
- \r\n \r\n Tích lũy\r\n \r\n \r\n \r\n
- \r\n \r\n Quản lý xe cho thuê *\r\n \r\n \r\n
- \r\n \r\n Thanh toán\r\n \r\n \r\n {/*
- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n {rentalTypes &&\r\n rentalTypes?.length > 0 &&\r\n rentalTypes.map((v, i) => {\r\n const url = v?.[configKeyHeader.url] || \"#\"\r\n const name = v?.[configKeyHeader.name] || \"\"\r\n return (\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n
- \r\n {menuLeft.map((v, i) => {\r\n const title = v?.[configKeyHeader.item_title] || \"\"\r\n const link = v?.[configKeyHeader.item_link] || \"#\"\r\n const subMenu = v?.[configKeyHeader.sub_items] || \"\"\r\n const isDropdown = subMenu && subMenu !== \"\"\r\n return (\r\n
- \r\n \r\n {name}\r\n \r\n \r\n )\r\n })}\r\n
- \r\n
- \r\n
\r\n
\r\n \r\n {!moreConfig?.onlyShowLogo && (\r\n <>\r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n {\r\n // e.preventDefault()\r\n toggle()\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n 0\r\n \r\n \r\n \r\n )}\r\n {fnOpenFilter && (\r\n \r\n \r\n Bộ lọc\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n {!moreConfig?.onlyShowLogo && (\r\n <>\r\n {/* {!moreConfig?.hideMenuLeft && renderMenuLeft()} */}\r\n {renderMenuRight()}\r\n {renderMobile()}\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n {\r\n const { fieldName, newValue } = opts\r\n let newData: any = JSON.parse(JSON.stringify(myFilter))\r\n newData[fieldName] = newValue\r\n if (\r\n fieldName === \"datetimefrom\" &&\r\n newData.datetimefrom >= newData.datetimeto\r\n ) {\r\n const _newDateTimeTo = newValue + 86400000\r\n newData.datetimeto = _newDateTimeTo\r\n if (\r\n refTopForm?.current?.fnListFromExtControl?.[\"datetimeto\"]\r\n ) {\r\n refTopForm.current.fnListFromExtControl[\r\n \"datetimeto\"\r\n ].updateValue(_newDateTimeTo)\r\n }\r\n setMyFilter(newData)\r\n } else if (\r\n fieldName === \"datetimeto\" &&\r\n newData.datetimeto <= newData.datetimefrom\r\n ) {\r\n if (\r\n refTopForm?.current?.fnListFromExtControl?.[fieldName]\r\n ) {\r\n refTopForm.current.fnListFromExtControl[\r\n fieldName\r\n ].updateValue(myFilter[fieldName])\r\n }\r\n showAlert({\r\n component: (\r\n
\r\n \r\n {\r\n HLink.openUrl(getLinkSearch(), \"_self\")\r\n MyModal.hideModalComponent()\r\n }}\r\n >\r\n \r\n \r\n
\r\n )\r\n }}\r\n />\r\n \r\n
\r\n \r\n Bạn muốn thuê xe?
\r\n Nhấn vào đây để chọn địa điểm và thời gian
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n const renderVehicleInfo = () => {\r\n const buttonCode = getActionButtonCode()\r\n const vehicalInfoCf = getConfigFromFirstSettingByKey(\"vehicleInfo\")\r\n return (\r\n \r\n
\r\n )\r\n }\r\n const renderPaymentInfo = () => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n const renderOwnerInfo = () => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n const renderSupportInfo = () => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n const renderInsuranceInfo = () => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n const renderActions = () => {\r\n const moreConfigActions =\r\n getConfigFromFirstSettingByKey(\"moreConfigActions\") || {}\r\n const footer = myData?.[historyFields.fFooterInfo]\r\n const buttonList = getButtonList()\r\n if ((buttonList && buttonList?.length > 0) || footer?.Title) {\r\n return (\r\n {timeText?.Title}
}\r\n \r\n
\r\n )\r\n }\r\n return <>\r\n }\r\n const renderContent = () => {\r\n if (myData && !loading) {\r\n return (\r\n <>\r\n \r\n {renderGeneralInfo()}\r\n {renderVehicleInfo()}\r\n {renderPaymentInfo()}\r\n {renderOwnerInfo()}\r\n {renderSupportInfo()}\r\n {renderBlogsSuggestion()}\r\n {renderInsuranceInfo()}\r\n
\r\n \r\n \r\n \r\n {renderMap()}\r\n
\r\n \r\n \r\n )\r\n } else if (loading) {\r\n return (\r\n \r\n {renderHeaderFixed()}\r\n {renderActions()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {name ||
\r\n {name && (\r\n \r\n \r\n \r\n
\r\n {isShowLike && (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {emptyImgs &&\r\n emptyImgs?.length > 0 &&\r\n emptyImgs.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n {otherImgs &&\r\n otherImgs?.length > 0 &&\r\n otherImgs?.map((v, i) => {\r\n return (\r\n 0 && \"hidden\"\r\n )}\r\n key={i}\r\n href={v}\r\n data-fancybox={fancyboxName}\r\n >\r\n 
\r\n \r\n )\r\n })}\r\n {imageSlides?.showEmptyImg &&\r\n emptyImgs &&\r\n emptyImgs?.length > 0 &&\r\n emptyImgs.map((v, i) => {\r\n return (\r\n \r\n )\r\n })}\r\n {hiddenImgs &&\r\n hiddenImgs?.length > 0 &&\r\n hiddenImgs.map((v, i) => {\r\n return (\r\n \r\n \r\n \r\n )\r\n })}\r\n
\r\n {text}
\r\n }\r\n const renderMap = () => {\r\n const UserTakeLat = data?.[historyFields.fLatitude]\r\n const UserTakeLng = data?.[historyFields.fLongitude]\r\n if (UserTakeLng && UserTakeLat) {\r\n return (\r\n \r\n \r\n {list?.map((v, i) => {\r\n const icon = v?.Icon || v?.IconUrl || \"\"\r\n let isIconFont = false\r\n if (icon && icon?.startsWith(\"flaticon\")) {\r\n isIconFont = true\r\n }\r\n return (\r\n \r\n
\r\n )\r\n }\r\n return <>\r\n }\r\n const renderSelectedSecurity = () => {\r\n const list = data?.[historyFields.fSecurity]\r\n if (list && list?.length > 0) {\r\n return (\r\n Giấy tờ khi thuê
\r\n {getDescription()}
\r\n \r\n {isIconFont ? (\r\n \r\n ) : (\r\n // \r\n 
\r\n )}\r\n
\r\n )\r\n })}\r\n {v?.Text}
\r\n \r\n \r\n {list?.map((v, i) => {\r\n const icon = v?.Icon || v?.IconUrl || \"\"\r\n let isIconFont = false\r\n if (icon && icon?.startsWith(\"flaticon\")) {\r\n isIconFont = true\r\n }\r\n return (\r\n \r\n
\r\n )\r\n }\r\n return <>\r\n }\r\n return (\r\n Tài sản thế chấp
\r\n Tài sản thế chấp được lựa chọn
\r\n \r\n {isIconFont ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )\r\n })}\r\n {v?.Text}
\r\n \r\n
\r\n \r\n )\r\n },\r\n address_direction: (data, config, { fnList, buttonCode }) => {\r\n const { icon, title, fieldData, statusNotPaidYet } = config || {}\r\n const getIsPaid = () => {\r\n const statusCode = data?.[historyFields.fOrderStatusCode]\r\n let notPaidYet = false\r\n if (statusCode && statusNotPaidYet && statusNotPaidYet?.length > 0) {\r\n if (statusNotPaidYet.findIndex(v => v === statusCode) > -1) {\r\n notPaidYet = true\r\n }\r\n }\r\n return notPaidYet\r\n }\r\n const getCanShowDirectionButton = () => {\r\n let notPaidYet = getIsPaid()\r\n if (data?.[historyFields.fIsUserTakeSelected] && notPaidYet) {\r\n return false\r\n }\r\n return true\r\n }\r\n const getDescription = () => {\r\n let notPaidYet = getIsPaid()\r\n let des = \"\"\r\n if (data?.[historyFields.fIsUserTakeSelected] && notPaidYet) {\r\n des = \"Địa điểm chính xác sẽ hiển thị khi hoàn tất đặt cọc\"\r\n } else {\r\n des = data?.[historyFields.fDeliveryAddress]\r\n }\r\n return des\r\n }\r\n const handleOpenDirection = () => {\r\n MyModal.showFromComponent(\r\n {title}
\r\n {description}
\r\n \r\n
\r\n \r\n )\r\n },\r\n popup_html: (data, config) => {\r\n const { icon, title, description, fieldData, code } = config || {}\r\n const listThingsToKnow = data?.[fieldData] || []\r\n let _data: any = null\r\n if (listThingsToKnow?.length > 0 && code) {\r\n listThingsToKnow.every(v => {\r\n if (v?.Code === code) {\r\n _data = { ...v }\r\n return false\r\n }\r\n return true\r\n })\r\n }\r\n const fullDescription = _data?.Content || \"\"\r\n const onOpenModal = () => {\r\n MyModal.showFromComponent(\r\n {title}
\r\n {getDescription()}
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n },\r\n link: (data, config) => {\r\n const { icon, title, description, fieldData, moreStyleIcon } = config || {}\r\n const link = data?.[fieldData]\r\n const onOpenLink = () => {\r\n if (link) {\r\n HLink.openUrl(`/${link}`, \"_blank\")\r\n }\r\n }\r\n return (\r\n {title}
\r\n {description}
\r\n \r\n
\r\n \r\n )\r\n },\r\n}\r\nconst GeneralInfo = props => {\r\n const { data, config, fnList, buttonCode, statusCodeList, statusNotPaidYet } =\r\n props\r\n const statusCode = data?.[historyFields.fOrderStatusCode]\r\n const [keyUI, forceUpdate] = useForceUpdate()\r\n\r\n /** get */\r\n const getPartsConfig = () => {\r\n return [\r\n {\r\n type: \"address_direction\",\r\n canShow: true,\r\n classWrap: \"\",\r\n fieldData: historyFields.fDeliveryAddress,\r\n title: \"Hướng dẫn địa chỉ nhận xe\",\r\n icon: \"flaticon-pin\",\r\n statusNotPaidYet: statusNotPaidYet,\r\n },\r\n {\r\n type: \"documents\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Thủ tục nhận xe\",\r\n description: \"Giấy tờ thuê xe và tài sản thế chấp\",\r\n icon: \"flaticon-driving-license\",\r\n },\r\n {\r\n type: \"popup_html\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Những điều cần biết\",\r\n description: \"Quy định chung về sử dụng xe & hủy chuyến\",\r\n icon: \"flaticon-resume\",\r\n code: \"Things_To_Know_Rent_Experience\",\r\n fieldData: historyFields.fThingsToKnow,\r\n },\r\n {\r\n type: \"link\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Thông tin xe thuê\",\r\n description: `${data?.[historyFields.fName]} - ${\r\n data?.[historyFields.fAddress]\r\n }`,\r\n fieldData: historyFields.fSlug,\r\n icon: \"flaticon-car-3\",\r\n moreStyleIcon: {\r\n fontSize: 40,\r\n width: 30,\r\n },\r\n },\r\n ]\r\n }\r\n /**other */\r\n\r\n /** render */\r\n const renderRating = () => {\r\n const rating = data?.[historyFields.fMyRating]\r\n let btnConfig = fnList?.getButtonConfigByCode(buttonCode?.Review)\r\n if (btnConfig) {\r\n const canReview = fnList?.getCanShowByBtnList(buttonCode?.Review)\r\n btnConfig = {\r\n ...btnConfig,\r\n Name: \"Đánh giá của bạn\",\r\n Code: \"NewReview\",\r\n canReview: canReview,\r\n defaultRating: rating,\r\n }\r\n }\r\n const buttonList = [{ ...btnConfig }]\r\n const moreConfigActions =\r\n fnList?.getConfigFromFirstSettingByKey(\"moreConfigActions\") || {}\r\n // only when status = DONE\r\n if (statusCode === statusCodeList?.DONE) {\r\n return (\r\n {title}
\r\n {description}
\r\n {timeText?.Title}
\r\n )} */}\r\n {renderRating()}\r\n \r\n
\r\n \r\n
\r\n Nhận xe
\r\n {fromDate}
\r\n \r\n
\r\n Trả xe
\r\n {toDate}
\r\n \r\n {icon && }\r\n
\r\n \r\n \r\n )\r\n },\r\n call_with_icon: (data, config) => {\r\n const { icon, fieldData, title, fnOnClick, mobileNumber } = config || {}\r\n const number = data?.[fieldData] || mobileNumber || \"\"\r\n return (\r\n {title}
\r\n \r\n {icon && }\r\n
\r\n \r\n \r\n )\r\n },\r\n popup_html: (data, config) => {\r\n const { icon, title, description, fieldData } = config || {}\r\n const _data = data?.[fieldData] || {}\r\n const fullDescription = _data?.Content || \"\"\r\n const onHandleLearnMore = () => {\r\n MyModal.showFromComponent(\r\n {title}
\r\n {_data?.Title}
\r\n )}\r\n {_data?.Description && (\r\n \r\n \r\n \r\n {v?.Text}\r\n
\r\n \r\n )\r\n })}\r\n Thông tin đặt xe
\r\n \r\n 
\r\n
\r\n \r\n
\r\n {name}
\r\n {plate}
\r\n {renderCharacteristics()}\r\n \r\n
\r\n {/* Mã xác nhận
\r\n {orderNumber}
\r\n \r\n
*/}\r\n {renderPart()}\r\n \r\n Chính sách hủy chuyến
\r\n \r\n
\r\n {information && (\r\n {v?.Title}
\r\n {v?.PriceText}
\r\n {information}
\r\n )}\r\n \r\n )\r\n })}\r\n \r\n {data?.length > 0 &&\r\n data.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n {v?.TitleLeft}\r\n {v?.TitleRight}\r\n
\r\n {v?.Content}
\r\n Thông tin thanh toán
\r\n \r\n
\r\n {renderPart()}\r\n \r\n
\r\n Thanh toán khi nhận xe
\r\n {amountRemain}
\r\n \r\n
\r\n Tiền cọc cần thanh toán
\r\n {deposit}
\r\n \r\n
\r\n \r\n
\r\n Tổng
\r\n {total}
\r\n \r\n \r\n
\r\n \r\n Chủ xe: {name}\r\n 
\r\n
\r\n {description && (\r\n \r\n
\r\n )}\r\n {renderPart()}\r\n Giới thiệu về chủ xe
\r\n {description}
\r\n {myData?.title}
\r\n {myData?.description}
\r\n {renderParts()}\r\n \r\n Khám phá những điều thú vị tại những nơi mà bạn sắp đến trong chuyến đi\r\n của mình\r\n
\r\n \r\n
\r\n )}\r\n {title}
\r\n {description}
\r\n {content && (\r\n \r\n \r\n \r\n
\r\n )}\r\n File hợp đồng
\r\n \r\n \r\n \r\n \r\n Cảm ơn bạn, bạn đã đánh giá{\" \"}\r\n {data?.[historyFields.fReviewRating]} sao.\r\n \r\n
\r\n \r\n \r\n ) : null,\r\n type: \"only_label\",\r\n },\r\n {\r\n label: \"\",\r\n fieldName: historyFields.fReviewOption,\r\n type: \"select_custom\",\r\n more: {\r\n sourceData:\r\n fnList?.fnGetOptionList && fnList?.fnGetOptionList(),\r\n multi: true,\r\n },\r\n },\r\n {\r\n label: \"\",\r\n fieldName: historyFields.fReviewContent,\r\n type: \"textarea\",\r\n more: {\r\n placeholder: \"Nội dung đánh giá\",\r\n },\r\n },\r\n ],\r\n } as any\r\n }\r\n fnList={\r\n {\r\n afterUpdateValueControl: opts => {\r\n const { fieldName, newValue } = opts\r\n let newData = { ...data }\r\n if (fieldName !== historyFields.fReviewOption) {\r\n newData[fieldName] = newValue\r\n } else {\r\n if (fnList?.fnGetOptionList) {\r\n const _reviewList = fnList.fnGetOptionList()\r\n let str = data[historyFields.fReviewContent]\r\n if (_reviewList && _reviewList?.length && isArray(newValue)) {\r\n const _newReviewValue = getQuickReview({\r\n values: newValue,\r\n })\r\n let _str = getQuickReviewContent({\r\n newValue: _newReviewValue,\r\n _reviewList,\r\n })\r\n if (str && !isEdited) {\r\n if (_newReviewValue?.length > 0) {\r\n str += \". \" + _str\r\n }\r\n newData[historyFields.fReviewContent] = str\r\n if (\r\n refReviewForm?.current?.fnListFromExtControl?.[\r\n historyFields.fReviewContent\r\n ]\r\n ) {\r\n refReviewForm.current.fnListFromExtControl[\r\n historyFields.fReviewContent\r\n ].updateValue(str)\r\n setIsEdited(false)\r\n }\r\n } else {\r\n str = getQuickReviewContent({\r\n newValue: _newReviewValue,\r\n _reviewList,\r\n })\r\n newData[historyFields.fReviewContent] = str\r\n if (\r\n refReviewForm?.current?.fnListFromExtControl?.[\r\n historyFields.fReviewContent\r\n ]\r\n ) {\r\n refReviewForm.current.fnListFromExtControl[\r\n historyFields.fReviewContent\r\n ].updateValue(str)\r\n setIsEdited(true)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n if (fieldName === historyFields.fReviewContent) {\r\n if (newValue) {\r\n if (data[historyFields.fReviewContent] != newValue) {\r\n setIsEdited(false)\r\n }\r\n } else {\r\n setIsEdited(true)\r\n }\r\n }\r\n setData({ ...newData })\r\n },\r\n } as any\r\n }\r\n renderFooter={() => {\r\n return (\r\n \r\n {\r\n setLoading(true)\r\n if (onSubmit) {\r\n onSubmit({\r\n modalData: data,\r\n cbSuccess: () => {\r\n setLoading(false)\r\n },\r\n cbError: () => {\r\n setLoading(false)\r\n },\r\n })\r\n }\r\n }}\r\n disabled={getDisabledReviewBtn()}\r\n >\r\n {\" \"}\r\n Gửi Đánh Giá\r\n \r\n
\r\n )\r\n }}\r\n />\r\n \r\n {paymentInfos?.length > 0 &&\r\n paymentInfos.map((v, i) => {\r\n const moneyToPay = v[historyFields.fMoneyToPay]\r\n const transferContent = v[historyFields.fTransferContent]\r\n const bankInfo = v[historyFields.fBankInfo]\r\n const qrCode = v[historyFields.fQRCodeUrl]\r\n return (\r\n
\r\n \r\n )\r\n })}\r\n \r\n {getCanShowBtn() && (\r\n \r\n {qrCode && (\r\n
\r\n {!countdown && !msg && !loading && (\r\n \r\n 
\r\n
\r\n )}\r\n \r\n \r\n Đã sao chép thành công !\r\n
\r\n \r\n Số tiền cần thanh toán:{\" \"}\r\n {moneyToPay}\r\n
\r\n\r\n Nội dung chuyển khoản:{\" \"}\r\n {transferContent}{\" \"}\r\n
\r\n \r\n
\r\n )}\r\n {!countdown && msg && (\r\n \r\n Nếu bạn đã thanh toán, vui lòng nhấn xác nhận chuyển\r\n khoản\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n Nếu bạn đã thanh toán, vui lòng nhấn xác nhận chuyển khoản\r\n
\r\n )}\r\n {!countdown && msg && (\r\n \r\n \r\n {moreConfig?.messageWaiting}{\" \"}\r\n {\r\n setShowCountdown(false)\r\n setCanCheck(false)\r\n setMsg(\"\")\r\n },\r\n }}\r\n />\r\n \r\n
\r\n )}\r\n \r\n {msgWarning && (\r\n {\r\n setLoading(true)\r\n if (onSubmit) {\r\n onSubmit({\r\n modalData: data,\r\n cbSuccess: () => {\r\n setLoading(false)\r\n },\r\n cbError: () => {\r\n setLoading(false)\r\n },\r\n })\r\n }\r\n }}\r\n >\r\n {loading && } Hủy\r\n Chuyến\r\n \r\n
\r\n )\r\n }}\r\n />\r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n })}\r\n \r\n ) : (\r\n \r\n requestDelete(v?.Key)}\r\n >\r\n {deleting && (\r\n
\r\n Ảnh thực tế
\r\n\r\n Vui lòng cung cấp hình ảnh để SIGO hoàn thiện hợp đồng bảo hiểm\r\n
\r\n- \r\n {listImg.map((v, i) => {\r\n return (\r\n
\r\n \r\n {v}\r\n \r\n
\r\n )\r\n })\r\n }\r\n MyModal.showFromComponent({component}
, {\r\n title: ({data?.Title}) as any,\r\n size: \"default\",\r\n modalClassName: \"default modal-filter\",\r\n onScrollContent: true,\r\n })\r\n }\r\n return (\r\n \r\n {icon && }\r\n
\r\n \r\n \r\n {configButton?.Name}
\r\n \r\n {\r\n onOpenReview()\r\n // MyModal.showFromComponent(\r\n // {\r\n // requestSubmitReview({\r\n // apiUrl: configButton.APIName,\r\n // query: {\r\n // ...modalData,\r\n // ...configButton?.RequestData,\r\n // },\r\n // cbSuccess: () => {\r\n // MyModal.hideModalComponent()\r\n // cbSuccess && cbSuccess()\r\n // },\r\n // cbError: cbError,\r\n // })\r\n // }}\r\n // fnList={fnList}\r\n // />,\r\n // {\r\n // title: (\r\n // Đánh Giá\r\n // ) as any,\r\n // size: \"default\",\r\n // modalClassName: \"default modal-header-left\",\r\n // onScrollContent: true,\r\n // }\r\n // )\r\n },\r\n disabled: disabledReview,\r\n },\r\n },\r\n onUpdateValue: val => {},\r\n getDefaultValues: () => {\r\n return {\r\n danhgiachuyendi: defaultRating,\r\n }\r\n },\r\n }}\r\n />\r\n \r\n {\r\n return {\r\n OptionList: configButton?.OptionList,\r\n }\r\n },\r\n onClose: () => {\r\n MWEaseLayout.closeWithType(\"review\", {\r\n skipHideScrollContent: true,\r\n })\r\n fnList?.fnReloadList && fnList.fnReloadList()\r\n },\r\n afterSubmit: () => {\r\n MWEaseLayout.closeWithType(\"review\", {\r\n skipHideScrollContent: true,\r\n })\r\n fnList?.fnReloadList && fnList.fnReloadList()\r\n },\r\n requestSubmitReview: requestSubmitReview,\r\n }}\r\n moreConfig={moreConfig}\r\n />\r\n \r\n
\r\n )\r\n}\r\n/** */\r\nconst MyUIOrderAction = props => {\r\n const { className, data, buttonList, fnList, moreConfig } = props\r\n const getMyButtons = () => {\r\n let list: any = []\r\n if (buttonList?.length > 0) {\r\n buttonList.forEach(v => {\r\n list.push(\r\n new OneButton({\r\n configButton: {\r\n ...v,\r\n NeedReloadList: true,\r\n Color: \"custom\",\r\n },\r\n })\r\n )\r\n })\r\n }\r\n return list\r\n }\r\n const buttons = getMyButtons()\r\n // const myBtnTypes = Object.keys(UIButtonTypes)\r\n return (\r\n Đánh giá của bạn
\r\n {text}
\r\n \r\n )\r\n}\r\nconst WrapMaker = styled.div`\r\n height: 28px;\r\n padding: 0px 8px;\r\n border-radius: 28px;\r\n background: #fff;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px 2px 4px 0px rgba(0, 0, 0, 0.18),\r\n 0px 0px 0px 1px rgba(0, 0, 0, 0.08);\r\n color: var(--color-text-000);\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 12px;\r\n`\r\n\r\nconst UIOdometer = props => {\r\n const { defaultValue } = props\r\n const [value, setValue] = useState(defaultValue)\r\n\r\n useEffect(() => {\r\n if (defaultValue != value) {\r\n setValue(defaultValue)\r\n }\r\n }, [defaultValue])\r\n return \r\n {defaultValue} ngày\r\n \r\n {\" \"}\r\n với ước tính giá 1.800k vnđ mỗi ngày\r\n \r\n
\r\n \r\n \r\n
\r\n Bao nhiêu ngày
\r\n \r\n
\r\n
\r\n \r\n {\r\n let newValue = parseInt(e.target?.value)\r\n if (newValue >= 1 && newValue <= 30) {\r\n setCurValue(parseInt(e.target?.value))\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n fnChangeValue && fnChangeValue(curValue)\r\n onHandleDropdown(false)\r\n }}\r\n >\r\n Cập nhật\r\n \r\n
\r\n Cho thuê xe trên SIGO.
\r\n Bạn có thể kiếm được
\r\n \r\n
\r\n {renderChangeNumberOfDate()}\r\n VNĐ
\r\n \r\n
\r\n \r\n
\r\n Thành phố Hồ Chí Minh
\r\n Xe 4 chỗ - Sedan
\r\n \r\n \r\n {points?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\nconst Wrap = styled.a`\r\n background-color: var(--color-text-fff);\r\n border-radius: 15px;\r\n &.cursor-pointer {\r\n cursor: pointer;\r\n }\r\n & img {\r\n height: 300px;\r\n object-fit: cover;\r\n border-radius: 15px 15px 0 0;\r\n }\r\n & .content {\r\n border-radius: 0 0 15px 15px;\r\n padding: 15px;\r\n min-height: 110px;\r\n background-color: var(--color-text-fff);\r\n & .title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--color-text-000);\r\n line-height: normal;\r\n }\r\n & .car-count {\r\n font-size: 16px;\r\n color: var(--color-text-000);\r\n min-height: 25px;\r\n }\r\n & .date {\r\n color: #998f8f;\r\n font-size: 12px;\r\n padding-top: 5px;\r\n }\r\n }\r\n @media (max-width: 996px) {\r\n & img {\r\n height: 250px;\r\n }\r\n }\r\n`\r\nexport default HomeCategoryCard\r\n","import { HLink, HUtils } from \"@macashipo/mlib\"\r\nimport classNames from \"classnames\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\nimport styled from \"styled-components\"\r\n\r\nconst HomeBlogFields = {\r\n fDate: \"createdDate\",\r\n fOverview: \"bodyOverview\",\r\n}\r\nconst HomeBlogCard = props => {\r\n const { data, config } = props\r\n const _url = HUtils.get(data, `${homeSlidesFields.fOneSlideMoreInfo}.url`)\r\n const img = data?.[homeSlidesFields.fOneSlideImageUrl]\r\n const title = data?.[homeSlidesFields.fOneSlideTitle]\r\n const description = HUtils.get(data, `Data.${HomeBlogFields.fOverview}`)\r\n const date = HUtils.get(data, `Data.${HomeBlogFields.fDate}`)\r\n const config4EachCard = HUtils.get(config, \"config4EachCard\", {})\r\n\r\n const onHandleClick = e => {\r\n e?.preventDefault()\r\n if (_url) {\r\n HLink.openUrl(_url, \"_blank\")\r\n }\r\n }\r\n\r\n return (\r\n {title}
\r\n {carCount &&{carCount}
}\r\n {date && {date}
}\r\n \r\n {title && (\r\n \r\n )}\r\n {description && (\r\n
\r\n )}\r\n {date && {date}
}\r\n \r\n \r\n )\r\n}\r\nconst Wrap = styled.a`\r\n display: block;\r\n border: 1px solid var(--color-border-d4d4d4);\r\n border-radius: 15px;\r\n background-color: var(--color-text-fff);\r\n &.cursor-pointer {\r\n cursor: pointer;\r\n }\r\n & img {\r\n height: 322px;\r\n border-radius: 15px 15px 0 0;\r\n object-fit: cover;\r\n }\r\n & .title {\r\n font-size: 20px;\r\n color: var(--color-text-000);\r\n font-weight: 700;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2; /* number of lines to show */\r\n line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n min-height: 50px;\r\n line-height: normal;\r\n }\r\n & .description {\r\n color: #696969;\r\n font-size: 16px;\r\n padding-top: 15px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3; /* number of lines to show */\r\n line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n }\r\n & .date {\r\n font-size: 12px;\r\n color: #696969;\r\n padding-top: 15px;\r\n }\r\n & .wrap-content {\r\n padding: 15px;\r\n border-radius: 0 0 15px 15px;\r\n }\r\n @media (max-width: 767px) {\r\n & img {\r\n height: 280px;\r\n }\r\n }\r\n`\r\nexport default HomeBlogCard\r\n","import { HUtils } from \"@macashipo/mlib\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\n\r\nconst HomeUsageCard = props => {\r\n const { data } = props\r\n\r\n const _url = HUtils.get(data, `${homeSlidesFields.fOneSlideMoreInfo}.url`)\r\n const img = data?.[homeSlidesFields.fOneSlideImageUrl]\r\n const title = data?.[homeSlidesFields.fOneSlideTitle]\r\n return (\r\n \r\n {title}
\r\n \r\n )\r\n}\r\n\r\nexport default HomeUsageCard\r\n","import { HLink, HUtils } from \"@macashipo/mlib\"\r\nimport classNames from \"classnames\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\nimport styled from \"styled-components\"\r\n\r\nconst HomePromotionCard = props => {\r\n const { data } = props\r\n\r\n const _url = HUtils.get(data, `${homeSlidesFields.fOneSlideMoreInfo}.url`)\r\n const img = data?.[homeSlidesFields.fOneSlideImageUrl]\r\n const title = data?.[homeSlidesFields.fOneSlideTitle]\r\n const onHandleClick = () => {\r\n if (_url) {\r\n HLink.openUrl(_url, \"_blank\")\r\n }\r\n }\r\n return (\r\n\r\n {title && (\r\n // \r\n
\r\n )}\r\n {configBtn?.showBtn && (\r\n <>\r\n {/* eslint-disable-next-line */}{\" \"}\r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n // \r\n // {title}\r\n //
\r\n\r\n \r\n \r\n
\r\n {title && (\r\n \r\n )}\r\n {description && (\r\n \r\n
\r\n )}\r\n \r\n {/* eslint-disable-next-line */}\r\n \r\n
\r\n {address && (\r\n {name}
\r\n \r\n {rate && (\r\n\r\n \r\n {rate}\r\n
\r\n )}\r\n {address}
\r\n )}\r\n {freeDay && {freeDay}
}\r\n {/* {rentalPriceOriginalByDay}
\r\n )}\r\n {rentalPriceByDay && (\r\n \r\n {rentalPriceByDay}\r\n /ngày\r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {departureDate && (\r\n
\r\n {blogs && blogs?.length > 0 && (\r\n \r\n
\r\n \r\n {name &&
\r\n {name}
}\r\n {address && {address}
}\r\n \r\n {rentalDate && (\r\n
\r\n {rentalDate}
\r\n )}\r\n {status && (\r\n \r\n {icon && }\r\n {status}\r\n
\r\n )}\r\n {departureDate}
\r\n )}\r\n \r\n {blogs.map((b, j) => {\r\n const _link = b?.BlogUrl\r\n return (\r\n {\r\n if (_link) {\r\n HLink.openUrl(_link, \"_blank\")\r\n }\r\n }}\r\n >\r\n {b?.AvatarUrl && 
}\r\n
\r\n )\r\n })}\r\n {b?.Title}
\r\n Bạn chưa có chuyến đi
\r\n }\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {title}
}\r\n {renderOthers()}\r\n \r\n )\r\n}\r\nconst WrapLoading = styled.div`\r\n margin-bottom: 20px;\r\n & .title-loading {\r\n width: 500px;\r\n height: 25px;\r\n margin-bottom: 30px;\r\n & > span {\r\n display: block;\r\n height: 100%;\r\n & > span {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n & .one-order {\r\n display: flex;\r\n & .card-loading {\r\n width: 66.66667%;\r\n height: 240px;\r\n & > span {\r\n display: block;\r\n height: 100%;\r\n & > span {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n }\r\n & .blogs-loading {\r\n margin-left: 20px;\r\n width: calc(33.333% - 20px);\r\n height: 240px;\r\n & > span {\r\n display: block;\r\n height: 100%;\r\n & > span {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n & .title-loading {\r\n width: 100%;\r\n }\r\n & .one-order {\r\n flex-direction: column;\r\n & .card-loading {\r\n width: 100%;\r\n height: 408px;\r\n }\r\n }\r\n & .blogs-loading {\r\n margin-left: 0;\r\n margin-top: 446px;\r\n width: 100%;\r\n }\r\n }\r\n`\r\nconst Wrap = styled.div`\r\n &.pd-10px {\r\n padding-bottom: 10px;\r\n }\r\n &:last-child {\r\n padding-bototm: 0;\r\n }\r\n`\r\nconst WrapOrder = styled.div`\r\n & .row {\r\n margin: 0;\r\n }\r\n & .one-order {\r\n display: flex;\r\n margin-bottom: 20px;\r\n & .card {\r\n box-shadow: 0px 4px 15px 0px #0000001a;\r\n border-radius: 10px;\r\n border: 1px solid var(--color-e7e7e7);\r\n flex-direction: row;\r\n padding: 0;\r\n height: fit-content;\r\n position: relative;\r\n }\r\n & .info {\r\n padding: 25px;\r\n width: 50%;\r\n & .name {\r\n font-size: 20px;\r\n font-weight: 700;\r\n line-height: 30px;\r\n }\r\n & .address {\r\n color: var(--color-text-747171);\r\n }\r\n & .wrap-date-status {\r\n padding-top: 15px;\r\n height: 50%;\r\n & > div {\r\n width: 50%;\r\n }\r\n & .border-right {\r\n border-right: 1px solid var(--color-d9d9d9);\r\n }\r\n & .rental-date {\r\n padding-right: 10px;\r\n line-height: 26px;\r\n }\r\n & .status {\r\n padding-left: 10px;\r\n font-weight: 700;\r\n line-height: 26px;\r\n & i {\r\n display: flex;\r\n margin-bottom: 5px;\r\n font-size: 20px;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n & span {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n & .wrap-name-address {\r\n height: 50%;\r\n border-bottom: 1px solid var(--color-d9d9d9);\r\n }\r\n & img.car-avtimg {\r\n width: 50%;\r\n max-height: 240px;\r\n object-fit: cover;\r\n border-radius: 0 10px 10px 0;\r\n }\r\n & .departure-date {\r\n position: absolute;\r\n left: calc(50% + 15px);\r\n top: 15px;\r\n background-color: var(--color-text-fff);\r\n font-size: 12px;\r\n font-family: \"Lexend\", sans-serif;\r\n padding: 5px;\r\n border-radius: 5px;\r\n line-height: 15px;\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n & .blogs {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0px, 1fr));\r\n gap: 10px;\r\n padding-left: 20px;\r\n padding-right: 0;\r\n & .one-blog {\r\n display: flex;\r\n & img {\r\n width: 89px;\r\n height: 66px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n margin-right: 8px;\r\n }\r\n }\r\n & .title-blog {\r\n width: calc(100% - 97px);\r\n font-size: 12px;\r\n font-weight: 600;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n max-height: 70px;\r\n line-height: 22px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n & .blogs {\r\n display: none;\r\n margin-top: 20px;\r\n padding-left: 0px;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n & .one-order {\r\n & .card {\r\n flex-direction: column-reverse;\r\n }\r\n & .info {\r\n padding: 15px;\r\n width: 100%;\r\n & .wrap-date-status {\r\n padding-top: 15px;\r\n height: 50%;\r\n }\r\n }\r\n & .wrap-name-address {\r\n padding-bottom: 15px;\r\n }\r\n & img.car-avtimg {\r\n width: 100%;\r\n border-radius: 10px 10px 0 0;\r\n }\r\n & .departure-date {\r\n left: 15px;\r\n }\r\n }\r\n & .blogs {\r\n margin-top: 20px;\r\n grid-template-columns: repeat(1, minmax(0px, 1fr));\r\n display: none;\r\n }\r\n }\r\n`\r\nexport default NowCard\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\nimport { HLink, HUtils } from \"@macashipo/mlib\"\r\nimport classNames from \"classnames\"\r\nimport { squareBracketReplace } from \"src/core/helpers/utils\"\r\nimport classnames from \"classnames\"\r\n\r\nconst RowImageTextHoverBorderCard = props => {\r\n const { data, configMoreInfo } = props\r\n const img = data?.[homeSlidesFields.fOneSlideImageUrl]\r\n const title = data?.[homeSlidesFields.fOneSlideTitle]\r\n const description = data?.[homeSlidesFields.fOneSlideDescription]\r\n const moreInfo = data?.[homeSlidesFields.fOneSlideMoreInfo] || {}\r\n const btnConfig = {\r\n ...HUtils.get(configMoreInfo, \"websiteSetting.configBtn4EachCard\"),\r\n ...HUtils.get(moreInfo, \"websiteSetting\"), // config của từng card\r\n }\r\n const itemConfig = HUtils.get(configMoreInfo, \"websiteSetting.itemConfig\")\r\n const configHover = HUtils.get(configMoreInfo, \"websiteSetting.configHover\")\r\n const url = HUtils.get(btnConfig, \"url\")\r\n const onHandleBtnLandingCard = () => {\r\n if (url) {\r\n HLink.openUrl(squareBracketReplace(url, data), \"_blank\")\r\n }\r\n }\r\n return (\r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n \r\n {title}\r\n
\r\n )}\r\n {description && (\r\n \r\n
\r\n )\r\n })}\r\n \r\n )\r\n }\r\n return <>\r\n }\r\n return (\r\n \r\n 
\r\n
\r\n )}\r\n {renderContent()}\r\n \r\n )\r\n}\r\nconst WrapContent: any = styled.div`\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(\r\n ${(props: any) => (props?.numberOfItems < 3 ? props?.numberOfItems : 3)},\r\n minmax(0px, 1fr)\r\n );\r\n gap: 1rem;\r\n margin-right: 0px;\r\n margin-left: 0px;\r\n padding: 0px;\r\n margin-top: 1rem;\r\n @media (max-width: 996px) {\r\n grid-template-columns: repeat(1, minmax(0px, 1fr));\r\n }\r\n`\r\nconst Wrap = styled.div`\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n padding-bottom: 10px;\r\n display: flex;\r\n justify-content: center;\r\n flex-direction: column;\r\n align-items: center;\r\n & .description {\r\n padding-left: 1rem;\r\n color: var(--color-text-000);\r\n }\r\n @media (max-width: 1023px) {\r\n }\r\n @media (max-width: 576px) {\r\n }\r\n`\r\nexport default ImageRowContentCard\r\n","import React from \"react\"\r\nimport { MyCardHelpers } from \"@macashipo/mlib\"\r\nimport HomeCategoryCard from \"./Types/HomeCategory\"\r\nimport HomeBlogCard from \"./Types/HomeBlog\"\r\nimport HomeUsageCard from \"./Types/HomeUsage\"\r\nimport HomePromotionCard from \"./Types/HomePromotion\"\r\nimport HomeLandingCard from \"./Types/HomeLanding\"\r\nimport HomeDiscoverServiceCard from \"./Types/HomeDiscoverService\"\r\nimport HomeHelpsCard from \"./Types/HomeHelps\"\r\nimport HomeAdvantageCard from \"./Types/HomeAdvantage\"\r\nimport HomeCarCard from \"./Types/HomeCar\"\r\nimport NowCard from \"./Types/NowCard\"\r\nimport RowImageTextHoverBorderCard from \"./Types/RowImageTextHoverBorderCard\"\r\nimport ColumnContentCard from \"./Types/ColumnContentCard\"\r\nimport ImageRowContentCard from \"./Types/ImageRowContentCard\"\r\n\r\nconst ProductCard = React.lazy(() => import(\"./Types/ProductCard\"))\r\nconst DiscountCard = React.lazy(() => import(\"./Types/DiscountCard\"))\r\nconst HistoryCard = React.lazy(() => import(\"./Types/HistoryCard\"))\r\nconst ServiceCard = React.lazy(() => import(\"./Types/ServiceCard\"))\r\n// const NowCard = React.lazy(() => import(\"./Types/NowCard\"))\r\n/**Backup chuyến đi của tôi cũ */\r\nconst HistoryCardOld = React.lazy(() => import(\"./Types/HistoryCard_old\"))\r\n\r\nconst OrderCard = React.lazy(() => import(\"./Types/OrderCard\"))\r\nconst OrderDetailBlogCard = React.lazy(() => import(\"./Types/OrderDetailBlog\"))\r\nconst ReviewCard = React.lazy(() => import(\"./Types/ReviewCard\"))\r\nconst RowTextImageCard = React.lazy(() => import(\"./Types/RowTextImageCard\"))\r\nconst RowImageTextArrowCard = React.lazy(\r\n () => import(\"./Types/RowImageTextArrowCard\")\r\n)\r\nconst OnlyTextCard = React.lazy(() => import(\"./Types/OnlyTextCard\"))\r\nconst HTMLTableCard = React.lazy(() => import(\"./Types/HTMLTableCard\"))\r\nconst GuideByImages = React.lazy(() => import(\"./Types/GuideByImages\"))\r\nconst GuideByVideo = React.lazy(() => import(\"./Types/GuideByVideo\"))\r\n\r\nconst TravellingCard = React.lazy(() => import(\"./Types/TravellingCard\"))\r\n\r\nconst List = {\r\n product_card: ProductCard,\r\n discount_card: DiscountCard,\r\n history_card: HistoryCard,\r\n history_card_old: HistoryCardOld,\r\n service_card: ServiceCard,\r\n now_card: NowCard,\r\n home_card_category: HomeCategoryCard,\r\n home_card_blog: HomeBlogCard,\r\n home_card_promotion: HomePromotionCard,\r\n home_card_usage: HomeUsageCard,\r\n home_card_landing: HomeLandingCard,\r\n home_card_discover_service: HomeDiscoverServiceCard,\r\n home_card_helps: HomeHelpsCard,\r\n home_card_advantage: HomeAdvantageCard,\r\n home_card_car: HomeCarCard,\r\n review_card: ReviewCard,\r\n order_card: OrderCard,\r\n order_detail_blog: OrderDetailBlogCard,\r\n row_text_image_card: RowTextImageCard,\r\n row_image_text_arrow_card: RowImageTextArrowCard,\r\n only_text_card: OnlyTextCard,\r\n html_table_card: HTMLTableCard,\r\n guide_by_images: GuideByImages,\r\n guide_by_video: GuideByVideo,\r\n column_content_card: ColumnContentCard,\r\n row_image_text_hover_border_card: RowImageTextHoverBorderCard,\r\n image_row_content_card: ImageRowContentCard,\r\n /** Blog List */\r\n sg_travelling_card: TravellingCard,\r\n}\r\nconst MyLibOne = {\r\n init() {\r\n MyCardHelpers.addTypesFromListLazy(List)\r\n },\r\n}\r\n\r\nexport default MyLibOne\r\n","import React from \"react\"\r\nimport MyFormControlHelpers from \"src/core/components/MyForm/MyFormControlHelpers\"\r\n\r\nconst MFCOnlyLabel = React.lazy(() => import(\"./Types/only_label\"))\r\n\r\nconst List = {\r\n only_label: MFCOnlyLabel,\r\n}\r\nconst MyControlForm = {\r\n init() {\r\n MyFormControlHelpers.addTypesFromListLazy(List)\r\n },\r\n}\r\n\r\nexport default MyControlForm\r\n","import React from \"react\"\r\nimport MyTableFilterControlHelpers from \"src/core/components/MyTableFilterControl/MyTableFilterControlHelpers\"\r\nimport { CSuppense } from \"src/core/components\"\r\nconst MyFilterControlDateFromTo = React.lazy(() => import(\"./Types/datefromto\"))\r\nconst MyTableFilterControl = {\r\n init() {\r\n //wrap\r\n // MyTableFilterControlHelpers.addTypesWrap(\"_default\", props => {\r\n // return CSuppense(props, MyTFCWrap)\r\n // })\r\n //control\r\n let _mapControl = {\r\n datefromto: MyFilterControlDateFromTo,\r\n }\r\n for (let k of Object.keys(_mapControl)) {\r\n MyTableFilterControlHelpers.addTypes(k, props => {\r\n return CSuppense(props, _mapControl[k])\r\n })\r\n }\r\n },\r\n}\r\n\r\nexport default MyTableFilterControl\r\n","import React from \"react\"\r\nimport MyUIHelpers from \"src/core/components/MyUI/MyUIHelpers\"\r\n\r\n//MyUI\r\nconst MyUI_readonly_cofigstyle = React.lazy(() =>\r\n import(\"./TypesMyUI/readonly_configstyle\")\r\n)\r\n\r\nconst ListMyUI = {\r\n readonly_configstyle: MyUI_readonly_cofigstyle,\r\n}\r\nconst MyTableCell = {\r\n init() {\r\n MyUIHelpers.addTypesFromListLazy(ListMyUI)\r\n },\r\n}\r\n\r\nexport default MyTableCell\r\n","import { HConstant, HIs, HLocalStorage, HUtils } from \"src/core/helpers\"\r\nimport {\r\n MyPageOne,\r\n MyUIOne,\r\n MyLibOne,\r\n MyIconOne,\r\n MyControlOne,\r\n MyFormControlOne,\r\n MyButtonOne,\r\n MyCardOne,\r\n MyControlForm,\r\n MyTableFilterControl,\r\n MyTableCell,\r\n} from \"./components\"\r\nimport \"src/modules/app_sigo/assets/theme-sigo.scss\"\r\nimport \"src/modules/app_sigo/assets/fonts/flaticon.css\"\r\nimport \"src/modules/app_sigo/assets/guest/css/reset.css\"\r\nimport \"src/modules/app_sigo/assets/guest/css/nice-select.css\"\r\nimport \"src/modules/app_sigo/assets/guest/css/guest.css\"\r\nimport \"react-loading-skeleton/dist/skeleton.css\"\r\nimport \"src/modules/app_sigo/assets/icons/flaticon.css\"\r\nimport { kFirstSettingData } from \"./constants\"\r\nimport { store } from \"src/store/store\"\r\nimport { initFirstSettingData } from \"src/App/App.actions\"\r\nimport { SGNewPaths, SGPaths } from \"./constants/paths\"\r\nimport { isLocalDev } from \"src/core/helpers/utils\"\r\n\r\ninterface IModuleAppSigo extends ICore.IOneModule {\r\n runAfterInit: (HConfig: any) => void\r\n}\r\nconst ModuleAppSigo: IModuleAppSigo = {\r\n _key: \"app_sigo\",\r\n _fnList: {},\r\n _config: {},\r\n getMyKey: () => {\r\n return \"app_sigo\"\r\n },\r\n runAfterInit: (HConfig: any) => {\r\n MyPageOne.init()\r\n MyUIOne.init()\r\n MyLibOne.init()\r\n MyIconOne.init()\r\n MyControlOne.init()\r\n MyFormControlOne.init()\r\n MyButtonOne.init()\r\n MyCardOne.init()\r\n MyControlForm.init()\r\n MyTableFilterControl.init()\r\n MyTableCell.init()\r\n window.document.body.classList.add(\"theme-sigo\")\r\n window.document.body.classList.add(\"guest\")\r\n const userAgent =\r\n window.navigator.userAgent && window.navigator.userAgent.toLowerCase()\r\n if (\r\n userAgent &&\r\n userAgent.indexOf(\"iphone\") > -1 &&\r\n userAgent.indexOf(\"safari\") > -1\r\n ) {\r\n window.document.body.classList.add(\"on-ios\")\r\n }\r\n // xử lý init first setting\r\n const firstSettingLocal = HLocalStorage.getObj(kFirstSettingData, {})\r\n store.dispatch(initFirstSettingData(firstSettingLocal))\r\n HUtils.runFuntion(HConfig, HConstant.HConfig.FnList.addPrivateRoutes, [\r\n [\r\n {\r\n Id: \"history\",\r\n UIUrl: \"/dev-v1/:status\",\r\n UIType: \"history\",\r\n Title: \"Chuyến đi của tôi\",\r\n },\r\n {\r\n Id: \"mytrips\",\r\n UIUrl: SGPaths.chuyendicuatoi,\r\n UIType: \"mytrips\",\r\n Title: \"Chuyến đi của tôi\",\r\n RedirectUrl: SGNewPaths.chuyendicuatoi,\r\n },\r\n {\r\n Id: \"mytrips-new\",\r\n UIUrl: SGNewPaths.chuyendicuatoi,\r\n UIType: \"mytrips\",\r\n Title: \"Chuyến đi của tôi\",\r\n },\r\n {\r\n Id: \"my-profile\",\r\n UIUrl: SGPaths.taikhoancuatoi,\r\n UIType: \"sg_user_profile\",\r\n Title: \"Tài khoản của tôi\",\r\n APIName: \"User\",\r\n Config: {\r\n GetData: \"User/MyProfile\",\r\n UpdateData: \"User/UpdateProfile\",\r\n UpdateAvatar: \"Upload/User/MyAvatar\",\r\n },\r\n RedirectUrl: SGNewPaths.taikhoancuatoi,\r\n },\r\n {\r\n Id: \"my-profile-new\",\r\n UIUrl: SGNewPaths.taikhoancuatoi,\r\n UIType: \"sg_user_profile\",\r\n Title: \"Tài khoản của tôi\",\r\n APIName: \"User\",\r\n Config: {\r\n GetData: \"User/MyProfile\",\r\n UpdateData: \"User/UpdateProfile\",\r\n UpdateAvatar: \"Upload/User/MyAvatar\",\r\n },\r\n },\r\n {\r\n Id: \"verify-account\",\r\n UIUrl: SGPaths.xacthuctaikhoan,\r\n UIType: \"sg_verify_account\",\r\n Title: \"Xác thực\",\r\n APIName: \"User/MyProfile\",\r\n RedirectUrl: SGNewPaths.xacthuctaikhoan,\r\n },\r\n {\r\n Id: \"verify-account-new\",\r\n UIUrl: SGNewPaths.xacthuctaikhoan,\r\n UIType: \"sg_verify_account\",\r\n Title: \"Xác thực\",\r\n APIName: \"User/MyProfile\",\r\n },\r\n {\r\n Id: \"my-saving\",\r\n UIUrl: SGPaths.tichluy,\r\n UIType: \"sg_saving\",\r\n Title: \"Tích lũy\",\r\n APIName: \"User/GetCoinReward\",\r\n RedirectUrl: SGNewPaths.tichluy,\r\n },\r\n {\r\n Id: \"my-saving-new\",\r\n UIUrl: SGNewPaths.tichluy,\r\n UIType: \"sg_saving\",\r\n Title: \"Tích lũy\",\r\n APIName: \"User/GetCoinReward\",\r\n },\r\n {\r\n Id: \"my-service\",\r\n UIUrl: SGPaths.xecuatoi,\r\n UIType: \"sg_my_service\",\r\n Title: \"Xe của tôi\",\r\n RedirectUrl: SGNewPaths.xecuatoi,\r\n },\r\n {\r\n Id: \"my-service-new\",\r\n UIUrl: SGNewPaths.xecuatoi,\r\n UIType: \"sg_my_service\",\r\n Title: \"Xe của tôi\",\r\n },\r\n {\r\n Id: \"add-service\",\r\n UIUrl: SGPaths.themxe,\r\n UIType: \"sg_add_service\",\r\n Title: \"Thêm xe\",\r\n RedirectUrl: SGNewPaths.themxe,\r\n },\r\n {\r\n Id: \"add-service-new\",\r\n UIUrl: SGNewPaths.themxe,\r\n UIType: \"sg_add_service\",\r\n Title: \"Thêm xe\",\r\n },\r\n {\r\n UIUrl: SGPaths.lichhoatdong,\r\n UIType: \"slug\",\r\n Title: \"Lịch hoạt động\",\r\n RedirectUrl: SGNewPaths.lichhoatdong,\r\n },\r\n {\r\n UIUrl: SGNewPaths.lichhoatdong,\r\n UIType: \"my_activity_schedule\",\r\n Title: \"Lịch hoạt động\",\r\n },\r\n {\r\n UIUrl: SGPaths.danhmucxe,\r\n UIType: \"slug\",\r\n Title: \"Danh mục xe cho thuê\",\r\n RedirectUrl: SGNewPaths.danhmucxe,\r\n },\r\n {\r\n UIUrl: SGNewPaths.danhmucxe,\r\n UIType: \"slug\",\r\n Title: \"Danh mục xe cho thuê\",\r\n },\r\n {\r\n Id: \"notification\",\r\n UIUrl: SGPaths.thongbao,\r\n UIType: \"sg_notification\",\r\n Title: \"Thông báo\",\r\n APIName: \"Notification\",\r\n RedirectUrl: SGNewPaths.thongbao,\r\n },\r\n {\r\n Id: \"notification-new\",\r\n UIUrl: SGNewPaths.thongbao,\r\n UIType: \"sg_notification\",\r\n Title: \"Thông báo\",\r\n APIName: \"Notification\",\r\n },\r\n {\r\n Id: \"payment\",\r\n UIUrl: SGPaths.thanhtoan,\r\n UIType: \"sg_payment\",\r\n Title: \"Thanh toán\",\r\n RedirectUrl: SGNewPaths.thanhtoan,\r\n },\r\n {\r\n Id: \"payment-new\",\r\n UIUrl: SGNewPaths.thanhtoan,\r\n UIType: \"sg_payment\",\r\n Title: \"Thanh toán\",\r\n },\r\n {\r\n Id: \"edit-my-service\",\r\n UIUrl: SGPaths.chinhsuaxe,\r\n UIType: \"sg_edit_my_service\",\r\n Title: \"Chỉnh sửa xe\",\r\n RedirectUrl: SGNewPaths.chinhsuaxe,\r\n },\r\n {\r\n Id: \"edit-my-service-new\",\r\n UIUrl: SGNewPaths.chinhsuaxe,\r\n UIType: \"sg_edit_my_service\",\r\n Title: \"Chỉnh sửa xe\",\r\n },\r\n {\r\n Id: \"my-orders\",\r\n UIUrl: SGPaths.donhanghientai,\r\n UIType: \"my_orders\",\r\n Title: \"Đơn đặt xe của bạn\",\r\n RedirectUrl: SGNewPaths.donhanghientai,\r\n },\r\n {\r\n Id: \"my-orders-new\",\r\n UIUrl: SGNewPaths.donhanghientai,\r\n UIType: \"my_orders\",\r\n Title: \"Đơn đặt xe của bạn\",\r\n },\r\n {\r\n Id: \"account\",\r\n UIUrl: SGPaths.taikhoan,\r\n UIType: \"slug\",\r\n RedirectUrl: SGNewPaths.taikhoancuatoi,\r\n },\r\n ],\r\n ])\r\n HUtils.runFuntion(HConfig, HConstant.HConfig.FnList.addPublicRoutes, [\r\n [\r\n {\r\n Id: \"profile\",\r\n UIUrl: SGPaths.thongtintaikhoan,\r\n UIType: \"sg_user_profile\",\r\n Title: \"\",\r\n APIName: \"User\",\r\n Config: {\r\n GetData: \"User/Profile\",\r\n ReportUser: \"User/ReportUser\",\r\n },\r\n },\r\n {\r\n Id: \"profile-new\",\r\n UIUrl: SGNewPaths.thongtintaikhoan,\r\n UIType: \"sg_user_profile\",\r\n Title: \"\",\r\n APIName: \"User\",\r\n Config: {\r\n GetData: \"User/Profile\",\r\n ReportUser: \"User/ReportUser\",\r\n },\r\n },\r\n {\r\n Id: \"detail\",\r\n UIUrl: SGPaths.chitietxe,\r\n UIType: \"detail\",\r\n Title: \"Chi tiết xe\",\r\n configMainLayout: {\r\n isHideHeader: true,\r\n },\r\n },\r\n {\r\n Id: \"category\",\r\n UIUrl: SGPaths.searchxe,\r\n UIType: \"category\",\r\n Title: \"Danh sách xe\",\r\n configMainLayout: {\r\n isHideHeader: true,\r\n },\r\n RedirectUrl: SGNewPaths.searchxe,\r\n },\r\n {\r\n Id: \"category-new\",\r\n UIUrl: SGNewPaths.searchxe,\r\n UIType: \"category\",\r\n Title: \"Danh sách xe\",\r\n configMainLayout: {\r\n isHideHeader: true,\r\n },\r\n },\r\n {\r\n Id: \"helpus\",\r\n UIUrl: SGPaths.huongdandatxe,\r\n UIType: \"helpus\",\r\n Title: \"Trợ giúp\",\r\n },\r\n {\r\n Id: \"registerguide\",\r\n UIUrl: SGPaths.huongdandangkyxe,\r\n UIType: \"helpus\",\r\n Title: \"Hướng dẫn đăng ký xe\",\r\n },\r\n {\r\n Id: \"sigotravelling\",\r\n UIUrl: SGPaths.sigotravelling,\r\n UIType: \"sg_travelling\",\r\n Title: \"SIGO Travelling\",\r\n configMainLayout: {\r\n isHideHeader: true,\r\n },\r\n },\r\n {\r\n Id: \"faqs\",\r\n UIUrl: SGPaths.cauhoithuonggap,\r\n UIType: \"helpus\",\r\n Title: \"Hỗ trợ\",\r\n },\r\n {\r\n Id: \"notfound\",\r\n UIUrl: SGPaths.notfound,\r\n UIType: \"sg_not_found\",\r\n },\r\n {\r\n Id: \"slug\",\r\n UIUrl: SGPaths.slug,\r\n UIType: \"slug\",\r\n },\r\n {\r\n Id: \"home\",\r\n UIUrl: SGPaths.home,\r\n UIType: \"home\",\r\n Title: \"Sigo\",\r\n configMainLayout: {\r\n isHideHeader: true,\r\n },\r\n },\r\n ],\r\n ])\r\n },\r\n}\r\n\r\nexport default ModuleAppSigo\r\n","import React, { useEffect, useRef } from \"react\"\r\nimport \"slick-carousel/slick/slick.css\"\r\nimport \"slick-carousel/slick/slick-theme.css\"\r\nimport Slider from \"react-slick\"\r\nimport styled from \"styled-components\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\nimport { MyCard } from \"@macashipo/mlib\"\r\nimport classNames from \"classnames\"\r\n\r\nconst configKeySlide = {\r\n slide_options: \"slide_options\",\r\n url: \"url\",\r\n always_show_nav: \"always_show_nav\",\r\n only_image: \"only_image\",\r\n default_image: \"default_image\",\r\n slide_setting: \"slide_setting\",\r\n use_data: \"use_data\",\r\n slide_options_mobile: \"slide_options_mobile\",\r\n}\r\n\r\nfunction SampleNextArrow(props) {\r\n const { className, style, onClick } = props\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction SamplePrevArrow(props) {\r\n const { className, style, onClick } = props\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst MUISlideCardV2 = props => {\r\n const { data, className, config, fnList, classNameWrap, moreInfo } = props\r\n let slideImages = data?.[homeSlidesFields.fSlideImages]\r\n if (config?.[configKeySlide.use_data]) {\r\n slideImages = data\r\n }\r\n const configOptions = config?.[configKeySlide.slide_options_mobile] || {}\r\n const slideSetting = config?.[configKeySlide.slide_setting] || {}\r\n const refWrapSlide = useRef\r\n
\r\n )\r\n })}\r\n \r\n \r\n \r\n )\r\n }\r\n return <>\r\n}\r\n\r\nconst WrapTitle = styled.div`\r\n &.title-home {\r\n margin-bottom: 30px;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n & .wrap-title {\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n & .maintxt {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: var(--color-text-000);\r\n text-align: center;\r\n line-height: 49px;\r\n margin-bottom: 0;\r\n max-width: 80%;\r\n }\r\n & .description {\r\n color: var(--color-text-000);\r\n font-size: 16px;\r\n text-align: center;\r\n padding-top: 15px;\r\n max-width: 80%;\r\n }\r\n @media (max-width: 1199px) {\r\n & .maintxt {\r\n max-width: 90%;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n & .maintxt {\r\n font-size: 30px;\r\n line-height: 39px;\r\n max-width: 100%;\r\n }\r\n & .description {\r\n padding-top: 10px;\r\n max-width: 100%;\r\n }\r\n }\r\n`\r\n\r\nconst Wrap: any = styled.div`\r\n & .wrap-item {\r\n display: block;\r\n }\r\n & .slick-arrow {\r\n width: 35px;\r\n height: 35px;\r\n z-index: 2;\r\n &.slick-disabled {\r\n display: none !important;\r\n }\r\n &:before {\r\n display: none;\r\n }\r\n & i {\r\n display: block;\r\n border-radius: 50%;\r\n background-color: #fff;\r\n box-shadow: 0 0 6px #999;\r\n height: 35px;\r\n width: 35px;\r\n text-align: center;\r\n line-height: 39px;\r\n color: #888;\r\n font-size: 16px;\r\n }\r\n top: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.default\r\n ? props?.configBtnNavigation?.default\r\n : \"calc(50% - 15px)\"};\r\n &.slick-next {\r\n right: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.rightDefault\r\n ? props?.configBtnNavigation?.rightDefault\r\n : \"-15px\"};\r\n }\r\n &.slick-prev {\r\n left: ${(props: any) =>\r\n props?.configBtnNavigation && props?.configBtnNavigation?.leftDefault\r\n ? props?.configBtnNavigation?.leftDefault\r\n : \"-15px\"};\r\n }\r\n }\r\n & .slick-dots {\r\n right: unset;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n align-items: center;\r\n max-width: 80px;\r\n overflow: hidden;\r\n bottom: ${(props: any) =>\r\n props?.configDots && props?.configDots?.bottom\r\n ? props?.configDots?.bottom\r\n : \"10px\"};\r\n & li {\r\n margin: 0;\r\n width: auto;\r\n height: auto;\r\n &.slick-active button {\r\n background-color: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeColor\r\n ? props?.configDots?.activeColor\r\n : \"var(--color-text-fff)\"};\r\n width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n height: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n min-width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.activeWidth\r\n ? props?.configDots?.activeWidth\r\n : \"7px\"};\r\n }\r\n & button {\r\n margin: 0;\r\n border-radius: 50%;\r\n padding: 0;\r\n width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n height: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n min-width: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultWidth\r\n ? props?.configDots?.defaultWidth\r\n : \"5px\"};\r\n background-color: ${(props: any) =>\r\n props?.configDots && props?.configDots?.defaultColor\r\n ? props?.configDots?.defaultColor\r\n : \"var(--color-text-e1e1e1)\"};\r\n margin-right: ${(props: any) =>\r\n props?.configDots && props?.configDots?.marginRight\r\n ? props?.configDots?.marginRight\r\n : \"5px\"};\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n & .slide-item {\r\n background: yellow;\r\n border-right: 1px solid #000;\r\n }\r\n & .custom-wrapper-slick {\r\n overflow: hidden;\r\n }\r\n & .slick-list {\r\n margin-right: -${(props: any) => (props?.configOptions?.margin ? props?.configOptions?.margin / 2 : 7.5)}px;\r\n margin-left: -${(props: any) => (props?.configOptions?.margin ? props?.configOptions?.margin / 2 : 7.5)}px;\r\n }\r\n & .slick-slide {\r\n padding-left: ${(props: any) =>\r\n props?.configOptions?.margin ? props?.configOptions?.margin / 2 : 7.5}px;\r\n padding-right: ${(props: any) =>\r\n props?.configOptions?.margin ? props?.configOptions?.margin / 2 : 7.5}px;\r\n & img {\r\n width: 100%;\r\n }\r\n }\r\n`\r\n\r\nexport default MUISlideCardV2\r\n","import { ConnectedProps, connect } from \"react-redux\"\r\nimport { MyUI } from \"@macashipo/mlib\"\r\nimport styled from \"styled-components\"\r\n\r\nconst mapStateToProps = state => ({\r\n isAuthenticated: state.app.isAuthenticated,\r\n dataFirstSetting: state.app.dataFirstSetting,\r\n uiNavbarType: state.app.uiNavbarType,\r\n})\r\nconst mapDispatchToProps = {}\r\nconst connector = connect(mapStateToProps, mapDispatchToProps)\r\ninterface Props extends ConnectedProps{moreConfig?.recentSearch}
\r\n {list?.map((v, i) => {\r\n let isActive = false\r\n let _start = v?.[categoryFields.fFromDate]\r\n let _text = \"\"\r\n if (_start) {\r\n _text = getDateText(new Date(_start))\r\n }\r\n let _end = v?.[categoryFields.fToDate]\r\n if (_end) {\r\n _text += \" - \" + getDateText(new Date(_end))\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n })}\r\n {getCurAddressText(v)}
\r\n \r\n {_text || moreConfig?.defaultRecentlyLocationTimeText}\r\n
\r\n {moreConfig?.popularAddressTitle}
\r\n \r\n {list?.map((v, i) => {\r\n let isActive = false\r\n return (\r\n {\r\n onHandleSelectAddressFromList(v)\r\n }}\r\n key={i}\r\n >\r\n {v?.Name}\r\n
\r\n )\r\n })}\r\n \r\n Bạn muốn thuê xe ở đâu?
\r\n \r\n {renderPopularLocation()}\r\n
\r\n )\r\n },\r\n fnRenderRecentlyAddress: () => {\r\n return (\r\n \r\n {renderRecentlyAddress()}\r\n
\r\n )\r\n },\r\n moreConfig: {\r\n renderCustomOption: true,\r\n },\r\n setFocusing: value => {\r\n setFocusing(value)\r\n fnList?.onHandleHideFooter && fnList?.onHandleHideFooter(value)\r\n },\r\n }}\r\n />\r\n \r\n )\r\n}\r\nconst Wrap = styled.div`\r\n & .title {\r\n color: var(--mauden);\r\n font-size: 22px;\r\n font-weight: 700;\r\n }\r\n & .sub-title {\r\n font-size: 14px;\r\n color: #7b7878;\r\n margin: 16px 0;\r\n line-height: 19.12px;\r\n }\r\n & .btn-close-modal {\r\n font-size: 20px;\r\n position: fixed;\r\n top: 19px;\r\n left: 16px;\r\n z-index: 1;\r\n color: var(--mauden);\r\n i {\r\n display: flex;\r\n }\r\n & .ic-back {\r\n width: 20px;\r\n height: 20px;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n }\r\n }\r\n &.focusing {\r\n background: #fff;\r\n height: 100%;\r\n position: fixed;\r\n left: 0;\r\n width: 100%;\r\n max-width: 100%;\r\n top: 53px;\r\n padding: 16px;\r\n border-radius: 30px;\r\n box-shadow: 0px 4px 10px 0px #00000026;\r\n }\r\n`\r\nconst WrapPopularAddress = styled.div`\r\n & .list {\r\n margin-top: 16px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n & .one-address {\r\n margin-bottom: 8px;\r\n margin-right: 8px;\r\n font-size: 14px;\r\n }\r\n & .one-address:last-child {\r\n margin-right: 0;\r\n }\r\n }\r\n & .one-address {\r\n border: 1px solid var(--color-border-control);\r\n transition: ease-in-out all 0.3s;\r\n padding: 5px 13px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: var(--color-text-363636);\r\n &.active {\r\n border-color: var(--color-border-blue-light);\r\n background-color: var(--color-bg-blue-light);\r\n user-select: none;\r\n pointer-events: none;\r\n cursor: context-menu;\r\n }\r\n }\r\n`\r\nconst WrapRecentlyAddress = styled.div`\r\n & .one-address {\r\n margin-top: -5px;\r\n transition: ease-in-out all 0.3s;\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 8px;\r\n margin-left: -8px;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n & .wrap-ic {\r\n margin-top: 3px;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #dddddd;\r\n margin-right: 16px;\r\n }\r\n & svg {\r\n font-size: 18px;\r\n color: var(--color-text-000);\r\n }\r\n & .address-content {\r\n color: #7b7878;\r\n width: calc(100% - 56px);\r\n & .address {\r\n font-weight: 600;\r\n color: var(--color-text-363636);\r\n margin: 0;\r\n font-size: 14px;\r\n line-height: 19.12px;\r\n }\r\n & .time {\r\n margin-top: 3px;\r\n font-size: 13px;\r\n line-height: 16px;\r\n }\r\n }\r\n &.active {\r\n user-select: none;\r\n pointer-events: none;\r\n cursor: context-menu;\r\n background-color: #ebebeb;\r\n border-color: #ebebeb;\r\n border-radius: 8px;\r\n }\r\n }\r\n`\r\nexport default forwardRef(EnterAddress)\r\n","import styled from \"styled-components\"\r\nimport { forwardRef, useEffect, useRef, useState } from \"react\"\r\nimport classnames from \"classnames\"\r\nimport { MyForm, MyModal } from \"src/core/components\"\r\nimport { useForceUpdate } from \"src/modules/app_sigo/hooks/useForceUpdate\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\n\r\nconst EnterDate = props => {\r\n const { fnList, data } = props\r\n const refTopForm = useRef\r\n
\r\n ) : (\r\n children\r\n )}\r\n \r\n )\r\n}\r\n\r\nconst Search = props => {\r\n const { fnList, dataFilter = {} } = props\r\n const [myFilter, setMyFilter] = useState({\r\n [homeSlidesFields.fAddress]: null as any,\r\n [homeSlidesFields.fFromDate]: new Date().setHours(21, 0, 0, 0),\r\n [homeSlidesFields.fToDate]: new Date(\r\n new Date().setHours(24, 0, 0, 0)\r\n ).setHours(20, 0, 0, 0),\r\n [homeSlidesFields.fTimeStart]: \"21:00\",\r\n [homeSlidesFields.fTimeEnd]: \"20:00\",\r\n ...dataFilter,\r\n })\r\n\r\n const [curCollapseOpen, setCurCollapseOpen] = useState(\"address\")\r\n const [focusingAddress, setFocusingAddress] = useState(false)\r\n\r\n /** Get */\r\n const getDisabledSearch = () => {\r\n let isDisabled = false\r\n const requiredFields = {\r\n [homeSlidesFields.fAddress]: homeSlidesFields.fAddress,\r\n [homeSlidesFields.fFromDate]: homeSlidesFields.fFromDate,\r\n [homeSlidesFields.fToDate]: homeSlidesFields.fToDate,\r\n }\r\n Object.keys(requiredFields).every(f => {\r\n if (!isNotEmpty(myFilter[f])) {\r\n isDisabled = true\r\n return false\r\n }\r\n return true\r\n })\r\n if (\r\n myFilter?.[homeSlidesFields.fFromDate] >=\r\n myFilter?.[homeSlidesFields.fToDate]\r\n ) {\r\n isDisabled = true\r\n }\r\n return isDisabled\r\n }\r\n const convertHourStringToMilliseconds = timeString => {\r\n if (!timeString) {\r\n return 0\r\n }\r\n // Tách chuỗi thành giờ và phút\r\n const [hours, minutes] = timeString.split(\":\").map(Number)\r\n\r\n // Tính tổng số mili giây\r\n const totalMilliseconds = hours * 3600000 + minutes * 60000\r\n\r\n return totalMilliseconds\r\n }\r\n\r\n const getFnList = () => {\r\n return {\r\n afterUpdateMultiValues: obj => {\r\n const { values, cbSuccess } = obj\r\n let objUpdate: any = {}\r\n objUpdate = { ...values }\r\n if (values?.[`${homeSlidesFields.fAddress}_MoreInfo`]) {\r\n const location = HUtils.get(\r\n values,\r\n `${homeSlidesFields.fAddress}_MoreInfo[0].geometry.location`\r\n )\r\n if (location?.lat) {\r\n objUpdate[homeSlidesFields.fLatitude] = location.lat()\r\n }\r\n if (location?.lng) {\r\n objUpdate[homeSlidesFields.fLongitude] = location.lng()\r\n }\r\n delete objUpdate[`${homeSlidesFields.fAddress}_MoreInfo`]\r\n cbSuccess && cbSuccess()\r\n setMyFilter({\r\n ...myFilter,\r\n ...objUpdate,\r\n })\r\n updateDataOnSearchBar({ ...myFilter, ...objUpdate })\r\n onChangeCollapseActive(\"date\")\r\n onHandleHideFooter(false)\r\n } else {\r\n }\r\n },\r\n onCloseCollapse: () => {\r\n onChangeCollapseActive(null)\r\n },\r\n onUpdateDate: values => {\r\n let newValuesUpdate: any = {}\r\n let timeStart = myFilter?.[homeSlidesFields.fTimeStart]\r\n let timeEnd = myFilter?.[homeSlidesFields.fTimeEnd]\r\n newValuesUpdate[homeSlidesFields.fFromDate] =\r\n values[homeSlidesFields.fFromDate]\r\n newValuesUpdate[homeSlidesFields.fToDate] =\r\n values[homeSlidesFields.fToDate]\r\n\r\n // Nếu chọn giờ trước thì cần apply giờ vào ngày\r\n if (timeStart && values[homeSlidesFields.fFromDate]) {\r\n const resetTimeOfValue = new Date(\r\n values?.[homeSlidesFields.fFromDate]\r\n ).setHours(0, 0, 0, 0)\r\n newValuesUpdate[homeSlidesFields.fFromDate] = new Date(\r\n resetTimeOfValue\r\n ).setMilliseconds(convertHourStringToMilliseconds(timeStart))\r\n }\r\n if (timeEnd && values[homeSlidesFields.fToDate]) {\r\n const resetTimeOfValue = new Date(\r\n values?.[homeSlidesFields.fToDate]\r\n ).setHours(0, 0, 0, 0)\r\n newValuesUpdate[homeSlidesFields.fToDate] = new Date(\r\n resetTimeOfValue\r\n ).setMilliseconds(convertHourStringToMilliseconds(timeEnd))\r\n }\r\n // Cần cộng thêm 1 ngày nếu ngày thuê >= ngày trả\r\n if (\r\n newValuesUpdate[homeSlidesFields.fFromDate] &&\r\n newValuesUpdate[homeSlidesFields.fToDate] &&\r\n newValuesUpdate[homeSlidesFields.fFromDate] >=\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ) {\r\n let _newToDate =\r\n newValuesUpdate[homeSlidesFields.fFromDate] + 86400000\r\n let endHours = new Date(\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ).getHours()\r\n let endMinute = new Date(\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ).getMinutes()\r\n newValuesUpdate[homeSlidesFields.fToDate] = new Date(\r\n new Date(_newToDate).setHours(endHours, endMinute, 0, 0)\r\n ).getTime()\r\n }\r\n setMyFilter({\r\n ...myFilter,\r\n ...newValuesUpdate,\r\n })\r\n updateDataOnSearchBar({ ...myFilter, ...values })\r\n onChangeCollapseActive(\"time\")\r\n },\r\n onUpdateTime: values => {\r\n let newValuesUpdate: any = {}\r\n let timeStart = values[homeSlidesFields.fTimeStart]\r\n let timeEnd = values[homeSlidesFields.fTimeEnd]\r\n\r\n if (timeStart) {\r\n newValuesUpdate[homeSlidesFields.fTimeStart] = timeStart\r\n if (myFilter?.[homeSlidesFields.fFromDate]) {\r\n const resetTimeOfValue = new Date(\r\n myFilter?.[homeSlidesFields.fFromDate]\r\n ).setHours(0, 0, 0, 0)\r\n newValuesUpdate[homeSlidesFields.fFromDate] = new Date(\r\n resetTimeOfValue\r\n ).setMilliseconds(convertHourStringToMilliseconds(timeStart))\r\n }\r\n }\r\n if (timeEnd) {\r\n newValuesUpdate[homeSlidesFields.fTimeEnd] = timeEnd\r\n if (myFilter?.[homeSlidesFields.fToDate]) {\r\n const resetTimeOfValue = new Date(\r\n myFilter?.[homeSlidesFields.fToDate]\r\n ).setHours(0, 0, 0, 0)\r\n newValuesUpdate[homeSlidesFields.fToDate] = new Date(\r\n resetTimeOfValue\r\n ).setMilliseconds(convertHourStringToMilliseconds(timeEnd))\r\n }\r\n }\r\n // Cần cộng thêm 1 ngày nếu ngày thuê >= ngày trả\r\n if (\r\n newValuesUpdate[homeSlidesFields.fFromDate] &&\r\n newValuesUpdate[homeSlidesFields.fToDate] &&\r\n newValuesUpdate[homeSlidesFields.fFromDate] >=\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ) {\r\n let _newToDate =\r\n newValuesUpdate[homeSlidesFields.fFromDate] + 86400000\r\n let endHours = new Date(\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ).getHours()\r\n let endMinute = new Date(\r\n newValuesUpdate[homeSlidesFields.fToDate]\r\n ).getMinutes()\r\n newValuesUpdate[homeSlidesFields.fToDate] = new Date(\r\n new Date(_newToDate).setHours(endHours, endMinute, 0, 0)\r\n ).getTime()\r\n }\r\n //Nếu có thời gian nhưng không có ngày\r\n setMyFilter({\r\n ...myFilter,\r\n ...newValuesUpdate,\r\n })\r\n updateDataOnSearchBar({ ...myFilter, ...values })\r\n },\r\n updateAddress: (\r\n obj,\r\n { afterUpdate, updateWithTime = false }: any = {}\r\n ) => {\r\n if (updateWithTime) {\r\n const { FromDate, ToDate, ...other } = obj\r\n let newData: any = {\r\n ...myFilter,\r\n ...other,\r\n }\r\n let isFormatted = false\r\n if (FromDate && ToDate) {\r\n if (\r\n FromDate <= new Date().getTime() ||\r\n ToDate <= new Date().getTime()\r\n ) {\r\n // showAlert({\r\n // component: (\r\n // {label}
\r\n {_value}
\r\n \r\n //
\r\n // )\r\n // }\r\n const renderContent = () => {\r\n const collapseList = getConfigCollapseList() || []\r\n if (collapseList && collapseList?.length > 0) {\r\n return (\r\n \r\n // {\r\n // const { fieldName, newValue } = opts\r\n // let newData: any = JSON.parse(JSON.stringify(myFilter))\r\n // newData[fieldName] = newValue\r\n // if (\r\n // fieldName === \"datetimefrom\" &&\r\n // newData.datetimefrom >= newData.datetimeto\r\n // ) {\r\n // const _newDateTimeTo = newValue + 86400000\r\n // newData.datetimeto = _newDateTimeTo\r\n // if (\r\n // refTopForm?.current?.fnListFromExtControl?.[\"datetimeto\"]\r\n // ) {\r\n // refTopForm.current.fnListFromExtControl[\r\n // \"datetimeto\"\r\n // ].updateValue(_newDateTimeTo)\r\n // }\r\n // setMyFilter(newData)\r\n // } else if (\r\n // fieldName === \"datetimeto\" &&\r\n // newData.datetimeto <= newData.datetimefrom\r\n // ) {\r\n // if (\r\n // refTopForm?.current?.fnListFromExtControl?.[fieldName]\r\n // ) {\r\n // refTopForm.current.fnListFromExtControl[\r\n // fieldName\r\n // ].updateValue(myFilter[fieldName])\r\n // }\r\n // showAlert({\r\n // component: (\r\n //
\r\n // \r\n // {\r\n // HLink.openUrl(getLinkSearch(), \"_self\")\r\n // MyModal.hideModalComponent()\r\n // }}\r\n // >\r\n // \r\n // \r\n //
\r\n // )\r\n // }}\r\n // />\r\n // \r\n {collapseList?.map((v, i) => {\r\n let active = false\r\n if (v?.key === curCollapseOpen) {\r\n active = true\r\n }\r\n return (\r\n {\r\n onChangeCollapseActive(v?.key)\r\n }}\r\n key={i}\r\n >\r\n {v?.content}\r\n \r\n )\r\n })}\r\n
\r\n )\r\n }\r\n return <>\r\n }\r\n const renderFooter = () => {\r\n return (\r\n \r\n )\r\n }\r\n return (\r\n \r\n {headerTabList &&\r\n headerTabList?.length > 0 &&\r\n headerTabList?.map((v, i) => {\r\n return (\r\n \r\n {v?.title}\r\n \r\n )\r\n })}\r\n
\r\n \r\n
\r\n \r\n \r\n {dataFilter?.[homeSlidesFields.fAddress]\r\n ? dataFilter?.[homeSlidesFields.fAddress]\r\n : \"Bạn muốn thuê xe ở đâu?\"}\r\n
\r\n \r\n {fromDate && toDate ? (\r\n getTimeText()\r\n ) : (\r\n <>\r\n {!dataFilter?.[homeSlidesFields.fAddress] && (\r\n <>\r\n Địa điểm \r\n \r\n )}\r\n Ngày nhận\r\n Ngày trả\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {emptyImgs &&\r\n emptyImgs?.length > 0 &&\r\n emptyImgs.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n
\r\n {isShowLike && (\r\n \r\n \r\n
\r\n )}\r\n \r\n )\r\n }\r\n const renderBack = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {otherImgs &&\r\n otherImgs?.length > 0 &&\r\n otherImgs?.map((v, i) => {\r\n return (\r\n 0 && \"hidden\"\r\n )}\r\n key={i}\r\n href={v}\r\n data-fancybox={fancyboxName}\r\n >\r\n \r\n \r\n )\r\n })}\r\n {imageSlides?.showEmptyImg &&\r\n emptyImgs &&\r\n emptyImgs?.length > 0 &&\r\n emptyImgs.map((v, i) => {\r\n return (\r\n \r\n )\r\n })}\r\n {hiddenImgs &&\r\n hiddenImgs?.length > 0 &&\r\n hiddenImgs.map((v, i) => {\r\n return (\r\n \r\n \r\n \r\n )\r\n })}\r\n
\r\n {renderActions()}\r\n {renderBack()}\r\n \r\n
\r\n \r\n )\r\n },\r\n address_direction: (data, config, { fnList, buttonCode }) => {\r\n const { icon, title, fieldData, statusNotPaidYet } = config || {}\r\n const getIsPaid = () => {\r\n const statusCode = data?.[historyFields.fOrderStatusCode]\r\n let notPaidYet = false\r\n if (statusCode && statusNotPaidYet && statusNotPaidYet?.length > 0) {\r\n if (statusNotPaidYet.findIndex(v => v === statusCode) > -1) {\r\n notPaidYet = true\r\n }\r\n }\r\n return notPaidYet\r\n }\r\n const getCanShowDirectionButton = () => {\r\n let notPaidYet = getIsPaid()\r\n if (data?.[historyFields.fIsUserTakeSelected] && notPaidYet) {\r\n return false\r\n }\r\n return true\r\n }\r\n const getDescription = () => {\r\n let notPaidYet = getIsPaid()\r\n let des = \"\"\r\n if (data?.[historyFields.fIsUserTakeSelected] && notPaidYet) {\r\n des = \"Địa điểm chính xác sẽ hiển thị khi hoàn tất đặt cọc\"\r\n } else {\r\n des = data?.[historyFields.fDeliveryAddress]\r\n }\r\n return des\r\n }\r\n const handleOpenDirection = () => {\r\n MyModal.showFromComponent(\r\n {title}
\r\n {description}
\r\n \r\n
\r\n \r\n )\r\n },\r\n popup_html: (data, config) => {\r\n const { icon, title, description, fieldData, code } = config || {}\r\n const listThingsToKnow = data?.[fieldData] || []\r\n let _data: any = null\r\n if (listThingsToKnow?.length > 0 && code) {\r\n listThingsToKnow.every(v => {\r\n if (v?.Code === code) {\r\n _data = { ...v }\r\n return false\r\n }\r\n return true\r\n })\r\n }\r\n const fullDescription = _data?.Content || \"\"\r\n const onOpenModal = () => {\r\n MyModal.showFromComponent(\r\n {title}
\r\n {getDescription()}
\r\n \r\n
\r\n \r\n )\r\n }\r\n return <>\r\n },\r\n link: (data, config) => {\r\n const { icon, title, description, fieldData, moreStyleIcon } = config || {}\r\n const link = data?.[fieldData]\r\n const onOpenLink = () => {\r\n if (link) {\r\n window.document.body.classList.remove(\"modal-custom-style\")\r\n const navBar = document.getElementById(\"sg-navbar-mobile\")\r\n if (navBar) {\r\n navBar.classList.remove(\"hide\")\r\n }\r\n const html: any = document.getElementsByTagName(\"html\")\r\n if (html?.[0]) {\r\n html[0].style.overflowY = \"scroll\"\r\n }\r\n HLink.openUrl(`/${link}`, \"_self\")\r\n }\r\n }\r\n return (\r\n {title}
\r\n {description}
\r\n \r\n
\r\n \r\n )\r\n },\r\n}\r\nconst GeneralInfo = props => {\r\n const { data, config, fnList, buttonCode, statusCodeList, statusNotPaidYet } =\r\n props\r\n const statusCode = data?.[historyFields.fOrderStatusCode]\r\n const [keyUI, forceUpdate] = useForceUpdate()\r\n\r\n /** get */\r\n const getPartsConfig = () => {\r\n return [\r\n {\r\n type: \"address_direction\",\r\n canShow: true,\r\n classWrap: \"\",\r\n fieldData: historyFields.fDeliveryAddress,\r\n title: \"Hướng dẫn địa chỉ nhận xe\",\r\n icon: \"flaticon-pin\",\r\n statusNotPaidYet: statusNotPaidYet,\r\n },\r\n {\r\n type: \"documents\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Thủ tục nhận xe\",\r\n description: \"Giấy tờ thuê xe và tài sản thế chấp\",\r\n icon: \"flaticon-driving-license\",\r\n },\r\n {\r\n type: \"popup_html\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Những điều cần biết\",\r\n description: \"Quy định chung về sử dụng xe & hủy chuyến\",\r\n icon: \"flaticon-resume\",\r\n code: \"Things_To_Know_Rent_Experience\",\r\n fieldData: historyFields.fThingsToKnow,\r\n },\r\n {\r\n type: \"link\",\r\n canShow: true,\r\n classWrap: \"\",\r\n title: \"Thông tin xe thuê\",\r\n description: `${data?.[historyFields.fName]} - ${\r\n data?.[historyFields.fAddress]\r\n }`,\r\n fieldData: historyFields.fSlug,\r\n icon: \"flaticon-car-3\",\r\n moreStyleIcon: {\r\n fontSize: 40,\r\n width: 30,\r\n },\r\n },\r\n ]\r\n }\r\n /**other */\r\n\r\n /** render */\r\n const renderRating = () => {\r\n const rating = data?.[historyFields.fMyRating]\r\n let btnConfig = fnList?.getButtonConfigByCode(buttonCode?.Review)\r\n if (btnConfig) {\r\n const canReview = fnList?.getCanShowByBtnList(buttonCode?.Review)\r\n btnConfig = {\r\n ...btnConfig,\r\n Name: \"Đánh giá của bạn\",\r\n Code: \"NewReview\",\r\n canReview: canReview,\r\n defaultRating: rating,\r\n }\r\n }\r\n const buttonList = [{ ...btnConfig }]\r\n const moreConfigActions =\r\n fnList?.getConfigFromFirstSettingByKey(\"moreConfigActions\") || {}\r\n // only when status = DONE\r\n if (statusCode === statusCodeList?.DONE) {\r\n return (\r\n {title}
\r\n {description}
\r\n {timeText?.Title}
\r\n )} */}\r\n {renderRating()}\r\n \r\n
\r\n \r\n
\r\n Nhận xe
\r\n {fromDate}
\r\n \r\n
\r\n Trả xe
\r\n {toDate}
\r\n {text}
\r\n \r\n )\r\n}\r\nconst WrapMaker = styled.div`\r\n height: 28px;\r\n padding: 0px 8px;\r\n border-radius: 28px;\r\n background: #fff;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px 2px 4px 0px rgba(0, 0, 0, 0.18),\r\n 0px 0px 0px 1px rgba(0, 0, 0, 0.08);\r\n color: var(--color-text-000);\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 12px;\r\n`\r\n\r\nconst UIOdometer = props => {\r\n const { defaultValue } = props\r\n const [value, setValue] = useState(defaultValue)\r\n\r\n useEffect(() => {\r\n if (defaultValue != value) {\r\n setValue(defaultValue)\r\n }\r\n }, [defaultValue])\r\n return \r\n
\r\n
\r\n )\r\n}\r\n\r\nconst MUIIncomeAndMap = props => {\r\n const { data } = props\r\n const [amountIncome, setAmountIncome] = useState(1800000)\r\n const [slider, setSliderValue] = useState([1, 1] as any)\r\n\r\n const getCenter = data => {\r\n let totalLat = 0\r\n let totalLng = 0\r\n if (data?.length > 0) {\r\n const count = data?.length\r\n data.forEach(item => {\r\n totalLat += item?.lat\r\n totalLng += item?.lng\r\n })\r\n\r\n return {\r\n lat: totalLat / count,\r\n lng: totalLng / count,\r\n }\r\n }\r\n return\r\n }\r\n const handleChangeNumberOfDate = () => {\r\n // console.log(\"devtest - onThumbDragEnd\", amountIncome)\r\n // setAmountIncome(1800*slider[1])\r\n }\r\n const handleChangeDate = value => {\r\n setSliderValue([1, value])\r\n setAmountIncome(1800000 * value)\r\n }\r\n const onOpenModal = () => {\r\n MyModal.showFromComponent(\r\n \r\n
\r\n \r\n {\r\n let newValue = parseInt(e.target?.value)\r\n if (newValue >= 1 && newValue <= 30) {\r\n setCurValue(parseInt(e.target?.value))\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n fnChangeValue && fnChangeValue(curValue)\r\n MyModal.hideModalComponent()\r\n }}\r\n >\r\n Cập nhật\r\n \r\n
\r\n \r\n
\r\n \r\n {slider[1]} ngày\r\n \r\n {\" \"}\r\n với ước tính giá 1.800k vnđ mỗi ngày\r\n \r\n
\r\n Cho thuê xe trên SIGO.
\r\n Bạn có thể kiếm được
\r\n \r\n
\r\n {renderChangeNumberOfDate()}\r\n VNĐ
\r\n \r\n
\r\n \r\n
\r\n Thành phố Hồ Chí Minh
\r\n Xe 4 chỗ - Sedan
\r\n \r\n \r\n {points?.map((v, i) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\nconst Wrap = styled.a`\r\n background-color: var(--color-text-fff);\r\n border-radius: 15px;\r\n &.cursor-pointer {\r\n cursor: pointer;\r\n }\r\n & img {\r\n height: 300px;\r\n object-fit: cover;\r\n border-radius: 15px 15px 0 0;\r\n }\r\n & .content {\r\n border-radius: 0 0 15px 15px;\r\n background-color: var(--color-text-fff);\r\n padding: 15px;\r\n min-height: 110px;\r\n & .title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--color-text-000);\r\n line-height: normal;\r\n }\r\n & .car-count {\r\n font-size: 16px;\r\n color: var(--color-text-000);\r\n min-height: 25px;\r\n }\r\n & .date {\r\n color: #998f8f;\r\n font-size: 12px;\r\n padding-top: 5px;\r\n }\r\n }\r\n @media (max-width: 996px) {\r\n & img {\r\n height: 250px;\r\n }\r\n }\r\n`\r\nexport default HomeCategoryCard\r\n","import { HLink, HUtils, MyIcon, MyUI } from \"@macashipo/mlib\"\r\nimport classnames from \"classnames\"\r\nimport classNames from \"classnames\"\r\nimport { Button } from \"reactstrap\"\r\nimport { squareBracketReplace, isHTMLString } from \"src/core/helpers/utils\"\r\nimport MAnimationIcon from \"src/modules/app_sigo/components/MyAnimationIcon/AnimationIcon\"\r\nimport { homeSlidesFields } from \"src/modules/app_sigo/constants/fields\"\r\nimport styled from \"styled-components\"\r\n\r\nconst HomeDiscoverService = {\r\n fIcon: \"Icon\",\r\n fUrl: \"url\",\r\n}\r\nconst HomeDiscoverServiceCard = props => {\r\n const { data, config, configMoreInfo } = props\r\n const img = data?.[homeSlidesFields.fOneSlideImageUrl]\r\n const title = data?.[homeSlidesFields.fOneSlideTitle]\r\n const description = data?.[homeSlidesFields.fOneSlideDescription]\r\n const icon = data?.[HomeDiscoverService.fIcon]\r\n const moreInfo = data?.[homeSlidesFields.fOneSlideMoreInfo] || {}\r\n const btnConfig =\r\n HUtils.get(configMoreInfo, \"websiteSetting.configBtn4EachCard\") || {}\r\n const itemConfig = HUtils.get(configMoreInfo, \"websiteSetting.itemConfig\")\r\n const url =\r\n moreInfo?.[HomeDiscoverService.fUrl] ||\r\n HUtils.get(moreInfo, \"websiteSetting.url\")\r\n const onHandleBtn = () => {\r\n if (url) {\r\n HLink.openUrl(squareBracketReplace(url, data), \"_blank\")\r\n }\r\n }\r\n const classNameItem = itemConfig?.classNameMobile || itemConfig?.className\r\n const titleStyle = itemConfig?.titleStyleMobile || itemConfig?.titleStyle\r\n const imgStyle = itemConfig?.imgStyleMobile || itemConfig?.imgStyle\r\n const descriptionStyle =\r\n itemConfig?.descriptionStyleMobile || itemConfig?.descriptionStyle\r\n const config4SEO = {\r\n useHeading: true,\r\n headingTag: \"h3\",\r\n ...HUtils.get(config, \"itemConfig.config4SEO\"),\r\n ...HUtils.get(moreInfo, \"websiteSetting.config4SEO\"),\r\n }\r\n const renderIcon = () => {\r\n if (icon) {\r\n if (isHTMLString(icon)) {\r\n return (\r\n {title}
\r\n {carCount &&{carCount}
}\r\n {date && {date}
}\r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n // \r\n // {title}\r\n //
\r\n \r\n
\r\n )}\r\n {name}
\r\n \r\n {rate && (\r\n\r\n \r\n {rate}\r\n
\r\n )}\r\n \r\n {address && (\r\n {address}
\r\n )}\r\n {freeDay && {freeDay}
}\r\n {/* {rentalPriceOriginalByDay}
\r\n )}\r\n {rentalPriceByDay && (\r\n \r\n {rentalPriceByDay}\r\n /ngày\r\n
\r\n )}\r\n \r\n