\n updateCustomer(formValues)}\n onShowSubmitModal={this.showSubmitModal}\n openModel={this.openModal}\n closeModal={this.closeModal}\n disabled={this.checkMode()} />\n this.handleOrderModal(false, \"View\")}\n onOK={() => this.handleOrderModal(false, \"Edit\")}\n showCancel={true}\n title=\"\"\n subTitle={msg.custCancelOrder}\n detail=\"\" />\n this.handleSubmitModal(false)}\n title=\"\" subTitle={this.state.message} detail=\"\" />\n \n \n \n \n
\n \n \n
\n \n \n \n \n \n )}\n \n );\n }\n}\n\nloading.propTypes = {\n isFetching: PropTypes.bool\n};\n\nconst mapStateToProps = state => ({\n products: state.products.isFetching,\n orders: state.orders.isFetching,\n brands: state.brands.isFetching,\n customer: state.customer.isFetching\n});\n\nexport default connect(\n mapStateToProps,\n {}\n)(loading);\n","const trueIdClientId = 3520;\nconst statId = 11111;\n\nconst trueIdDomainDEV = 'https://accounts.trueid-preprod.net/';\nconst trueIdDomainPROD = 'https://accounts.trueid.net/';\n\nconst config_dev = {\n appkey: \"wp0sh0p1ng\",\n\n baseUrl: \"https://wpos-dev.truecorp.co.th/cust/web\",\n // baseUrl: \"http://localhost:3000\",\n\n apiUrl: \"https://wpos-dev.truecorp.co.th/cust/api\",\n apiUrlS: \"https://wpos-dev.truecorp.co.th/cust/api\",\n // apiUrl: \"http://localhost:4000\",\n // apiUrlS: \"http://localhost:4000\",\n\n generateUrl: \"https://wpos-dev.truecorp.co.th/gen/cont/getpdf\",\n\n generateUrlNew: \"https://wpos-dev.truecorp.co.th/cust/api/project/getpdf\",\n utilsAddress: \"https://mvpapi-dev.truecorp.co.th/mpf/utils/address-service\",\n\n //uploadFileUrl: \"http://172.19.218.110/upload/\",\n // uploadFileUrl: \"https://mvpapigw-dev.true.th/ccm-wpo\",\n uploadFileUrl: \"https://wpos-dev.truecorp.co.th/cust/api\",\n\n trueidUrl:trueIdDomainDEV+\"signin?client_id=\"+trueIdClientId+\"&response_type=code&state=\"+statId,\n trueidGetTokenUrl: \"https://sdk-auth.trueid-dev.net/v4/oauth2/token\",\n loginRedirectUri: \"https://wpos-dev.truecorp.co.th/cust/web/callback?\",\n logoutUri:trueIdDomainDEV+\"signout?client_id=\"+trueIdClientId+\"&return_to=\",\n imagePath: \"https://wpos-dev.truecorp.co.th/cust/api/project/banner/show/\",\n mediaPath: \"https://wpos-dev.truecorp.co.th/cust/api/media/\"\n};\n\nconst config_uat = {\n appkey: \"wp0sh0p1ng\",\n\n baseUrl: \"https://wpos-uat.truecorp.co.th/cust/web\",\n // baseUrl: \"http://localhost:3000\",\n\n apiUrl: \"https://wpos-uat.truecorp.co.th/cust/api\",\n apiUrlS: \"https://wpos-uat.truecorp.co.th/cust/api\",\n // apiUrl: \"http://localhost:4000\",\n // apiUrlS: \"http://localhost:4000\",\n\n generateUrl: \"https://wpos-uat.truecorp.co.th/gen/cont/getpdf\",\n\n generateUrlNew: \"https://wpos-uat.truecorp.co.th/cust/api/project/getpdf\",\n utilsAddress: \"https://mvpapi-dev.truecorp.co.th/mpf/utils/address-service\",\n\n //uploadFileUrl: \"http://172.19.218.110/upload/\",\n // uploadFileUrl: \"https://mvpapigw-dev.true.th/ccm-wpo\",\n uploadFileUrl: \"https://wpos-uat.truecorp.co.th/cust/api\",\n\n trueidUrl:trueIdDomainDEV+\"signin?client_id=\"+trueIdClientId+\"&response_type=code&state=\"+statId,\n trueidGetTokenUrl: \"https://sdk-auth.trueid-dev.net/v4/oauth2/token\",\n loginRedirectUri: \"https://wpos-uat.truecorp.co.th/cust/web/callback?\",\n logoutUri:trueIdDomainDEV+\"signout?client_id=\"+trueIdClientId+\"&return_to=\",\n imagePath: \"https://wpos-uat.truecorp.co.th/cust/api/project/banner/show/\",\n mediaPath: \"https://wpos-uat.truecorp.co.th/cust/api/media/\"\n};\n\nconst config_prod = {\n appkey: \"wp0sh0p1ng\",\n\n baseUrl: \"https://wpos.truecorp.co.th/cust/web\",\n\n apiUrl: \"https://wpos.truecorp.co.th/cust/api\",\n apiUrlS: \"https://wpos.truecorp.co.th/cust/api\",\n\n generateUrl: \"https://wpos.truecorp.co.th/gen/cont/getpdf\",\n\n generateUrlNew: \"https://wpos.truecorp.co.th/cust/api/project/getpdf\",\n utilsAddress: \"https://mvpapi.truecorp.co.th/mpf/utils/address-service\",\n\n\n // uploadFileUrl: \"https://mvpapi.truecorp.co.th/ccm-wpo\",\n uploadFileUrl: \"https://wpos.truecorp.co.th/cust/api\",\n\n trueidUrl:trueIdDomainPROD+\"signin?client_id=\"+trueIdClientId+\"&response_type=code&state=\"+statId,\n trueidGetTokenUrl: \"https://sdk-auth.trueid.net/v4/oauth2/token\",\n loginRedirectUri: \"https://wpos.truecorp.co.th/cust/web/callback?\",\n logoutUri:trueIdDomainPROD+\"signout?client_id=\"+trueIdClientId+\"&return_to=\",\n imagePath: \"https://wpos.truecorp.co.th/cust/api/project/banner/show/\",\n mediaPath: \"https://wpos.truecorp.co.th/cust/api/media/\"\n};\n\nlet theConfigEnv = config_uat;\n\nif (typeof process.env.REACT_APP_ENV !== 'undefined' && process.env.REACT_APP_ENV === 'prod') {\n theConfigEnv = config_prod;\n} else if (typeof process.env.REACT_APP_ENV !== 'undefined' && process.env.REACT_APP_ENV === 'uat') {\n theConfigEnv = config_uat;\n} else if (typeof process.env.REACT_APP_ENV !== 'undefined' && process.env.REACT_APP_ENV === 'dev') {\n theConfigEnv = config_dev;\n}\n\n// console.log('-----------------------theConfigEnv cust web------------------------');\n// console.log(process.env);\n// console.log('-----------------------------------------------------------');\n// console.log(theConfigEnv);\n// console.log('-----------------------------------------------------------');\n\nexport const config = theConfigEnv;\n\n// export const config = process.env.REACT_APP_ENV === 'prod' ? config_prod : config_dev;\n\nexport const msg = {\n register: \"ระบบกําลังดําเนินการ กรุณารอสักครู่ ...\",\n howtobuy: \"กดสั่งจองสินค้า\",\n custRequireFiled: \"กรุณาใส่ข้อมูลส่วนตัวให้ครบถ้วน\",\n custInvalidIdCard: \"กรุณาใส่เลขบัตรประชาชนให้ครบ 13 หลัก\",\n custTermCondTitle: \"เงื่อนไขการให้บริการ\",\n custTermCondSubTitle: \"หนังสือให้ความยินยอมในการจัดเก็บ และ เปิดเผยข้อมูล\",\n custTermCond:\n \"ข้อตกลงในการให้ความยินยอมเพื่อการเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูลส่วนบุคคล ข้าพเจ้ายินยอมให้เก็บรวบรวม ใช้ หรือเปิดเผย ข้อมูลส่วนบุคคล รวมถึงข้อมูลการใช้บริการ หรือข้อมูลใด ๆ ที่บริษัทหรือตัวแทนได้รับหรือเก็บรวบรวมผ่านการใช้บริการที่ได้สมัครไว้ภายในระยะเวลาการใช้สิทธิเรียกร้องตามกฎหมายของคู่สัญญา โดยการเก็บรวบรวม ใช้ หรือเปิดเผยเป็นไปเพื่อวัตถุประสงค์ในการให้บริการตามสัญญา ปรับปรุงการบริการให้มีประสิทธิภาพ หรือเพื่อการเสนอหรือให้สิทธิประโยชน์แก่ผู้ใช้บริการ หรือเพื่อวัตถุประสงค์ในการวิจัยตลาดและการส่งเสริมการขาย หรือเพื่อการพัฒนาเครือข่าย หรือเพื่อการพัฒนาปรับปรุงบริการ หรือเพื่ออำนวยความสะดวกในการแจ้งหรือการชำระค่าบริการ หรือเพื่อวิเคราะห์และนำเสนอบริการ หรือเพื่อความปลอดภัยหรือระงับอันตรายต่อชีวิต ร่างกาย หรือสุขภาพอนามัยของบุคคล รวมตลอดถึงเพื่อวัตถุประสงค์ของการปฏิบัติตามกฎหมาย และ/หรือมีเหตุจำเป็นอื่นใดตามที่เห็นสมควร โดยข้าพเจ้ายินยอมให้บริษัทเปิดเผยข้อมูลส่วนบุคคล ข้อมูลการใช้บริการหรือข้อมูลใด ๆ ดังกล่าวข้างต้นให้แก่บริษัทในเครือ เครือกิจการ เครือธุรกิจ รวมถึงนิติบุคคลหรือบุคคลอื่นใดที่บริษัทและ/หรือเจ้าของข้อมูลเป็นคู่สัญญาหรือมีนิติสัมพันธ์ตามกฎหมาย\",\n custEditProfile: \"ระบบจะทำการยกเลิกการจองที่ยังไม่อนุมัติทั้งหมด\",\n custErrExistMsisdn:\n \"หมายเลขนี้ไม่ผ่านเงื่อนไขของโครงการ กรุณาระบุหมายเลขใหม่\",\n custSuccessExistMsisdn: \"ผ่านการตรวจสอบ\",\n errMessage: \"ระบบไม่สามารถทำรายการได้ในขณะนี้ กรุณาลองใหม่ภายหลังค่ะ\",\n custSuccessUpdate: \"บันทึกข้อมูลเสร็จเรียบร้อย\",\n custCancelOrder: `ระบบจะทำการยกเลิกการจองที่ยังไม่อนุมัติทั้งหมด`,\n docOrderApprove: `บริษัทจะยึดความถูกต้องของข้อมูลตามเอกสารที่มีการเซ็นกํากับ และถูกส่งมายังหน่วยงานต้นสังกัดของท่านเท่านั้น กรณีมีการแก้ไขใดๆ ผู้ใช้งานจะต้องทําการพิมพ์เอกสารและเซ็นกํากับ ส่งกลับมาใหม่ ภายในระยะเวลาที่กําหนด`,\n HeaderDocOrderApprove: `ระบบบันทึกข้อมูลเรียบร้อยแล้ว !`,\n docUploadTypeFail: `กรุณาตรวจสอบประเภทไฟล์ข้อมูลและขนาดต้องไม่เกิน 2 MB.`\n};","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nconst locale = require(\"react-redux-i18n\").I18n;\nclass UserInfo extends Component {\n // constructor(props) {\n // super(props);\n // }\n\n logout = () => {\n localStorage.removeItem(\"access_token\");\n localStorage.removeItem(\"expires_in\");\n localStorage.removeItem(\"refresh_token\");\n localStorage.removeItem(\"user_login\");\n document.cookie = 'utk=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n window.location = this.props.logoutUrl;\n return false;\n };\n\n render() {\n // const userData = this.props.userData;\n const loginName = this.props.loginName;\n if (loginName) {\n return (\n \n \n \n Loading...\n
\n \n
\n );\n }\n return null;\n }\n}\nconst mapStateToProps = state => ({\n l: state.i18n.locale\n});\nexport default connect(\n mapStateToProps,\n null\n)(UserInfo);\n","//import axios from \"axios\";\n//import { httpClient } from \"./HttpClient\";\nimport { config } from \"../constants\";\nimport axios from 'axios';\n\nconst jwt = require(\"jsonwebtoken\");\nconst moment = require(\"moment\");\n\nclass CallApi {\n\n async setSysToken() {\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n // console.log(resp.data);\n return resp.data;\n }\n\n async refreshToken() {\n //const refresh_token = localStorage.getItem(\"refresh_token\");\n const data = {\n refresh_token: localStorage.getItem(\"refresh_token\")\n };\n var formBody = [];\n for (var property in data) {\n var encodedKey = encodeURIComponent(property);\n var encodedValue = encodeURIComponent(data[property]);\n formBody.push(encodedKey + \"=\" + encodedValue);\n }\n formBody = formBody.join(\"&\");\n\n return await fetch(config.apiUrl + \"/trueid/refreshtoken\", {\n method: \"POST\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\"\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .then(result => {\n // console.log(result);\n if (result.access_token) {\n const expires_at = moment().add(result.expires_in - 600, \"s\").format();\n // localStorage.setItem(\"access_token\", result.access_token);\n // localStorage.setItem(\"expires_in\", result.expires_in);\n // localStorage.setItem(\"refresh_token\", result.refresh_token);\n // localStorage.setItem(\"expires_at\", expires_at);\n\n const userData = jwt.decode(result.access_token);\n const getProfileBody = { ssoid: userData.sub, token: result.access_token };\n fetch(config.apiUrl + \"/trueid/profile\", {\n method: \"POST\",\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Origin, X-Requested-With\",\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify(getProfileBody)\n })\n .then(response => response.json())\n .then(profile => {\n\n if (parseInt(profile.code) === 200) {\n\n localStorage.setItem(\"access_token\", result.access_token);\n localStorage.setItem(\"user_login\", profile.login_account);\n localStorage.setItem(\"expires_in\", result.expires_in);\n localStorage.setItem(\"refresh_token\", result.refresh_token);\n localStorage.setItem(\"expires_at\", expires_at);\n\n } else {\n console.error(\"Error 3 :\", profile);\n // localStorage.setItem(\"access_token\", result.access_token);\n localStorage.setItem(\"user_login\", '');\n // localStorage.setItem(\"expires_in\", result.expires_in);\n // localStorage.setItem(\"refresh_token\", result.refresh_token);\n // localStorage.setItem(\"expires_at\", expires_at);\n }\n })\n .catch(error2 => {\n console.error(\"Error 2 :\", error2);\n // localStorage.setItem(\"access_token\", result.access_token);\n localStorage.setItem(\"user_login\", '');\n // localStorage.setItem(\"expires_in\", result.expires_in);\n // localStorage.setItem(\"refresh_token\", result.refresh_token);\n // localStorage.setItem(\"expires_at\", expires_at);\n });\n } else {\n console.error(\"Error 4:\", result);\n }\n })\n .catch(error => {\n console.error(\"Error:\", error);\n // alert(msg.errMessage);\n });\n }\n\n async postWithOutToken(url, data = {}) {\n const call_url = config.apiUrl + url;\n console.log('CallApi>postWithOutToken ' + call_url);\n\n return fetch(call_url, {\n method: \"POST\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async patch(url, data = {}) {\n console.log('CallApi>patch ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n //console.log(moment().toString());\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n // var formBody = [];\n // for (var property in data) {\n // var encodedKey = encodeURIComponent(property);\n // var encodedValue = encodeURIComponent(data[property]);\n // formBody.push(encodedKey + \"=\" + encodedValue);\n // }\n // formBody = formBody.join(\"&\");\n //console.log(formBody);\n\n const call_url = config.apiUrl + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"PATCH\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async patchSecurity(url, data = {}) {\n console.log('CallApi>patchSecurity ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n //console.log(moment().toString());\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n // var formBody = [];\n // for (var property in data) {\n // var encodedKey = encodeURIComponent(property);\n // var encodedValue = encodeURIComponent(data[property]);\n // formBody.push(encodedKey + \"=\" + encodedValue);\n // }\n // formBody = formBody.join(\"&\");\n //console.log(formBody);\n\n const call_url = config.apiUrlS + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"PATCH\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async postSecurity(url, data = {}) {\n console.log('CallApi>postSecurity ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n //console.log(moment().toString());\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n var formBody = [];\n for (var property in data) {\n var encodedKey = encodeURIComponent(property);\n var encodedValue = encodeURIComponent(data[property]);\n formBody.push(encodedKey + \"=\" + encodedValue);\n }\n formBody = formBody.join(\"&\");\n //console.log(formBody);\n\n const call_url = config.apiUrlS + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"POST\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async post(url, data = {}) {\n console.log('CallApi>post ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n var formBody = [];\n for (var property in data) {\n var encodedKey = encodeURIComponent(property);\n var encodedValue = encodeURIComponent(data[property]);\n formBody.push(encodedKey + \"=\" + encodedValue);\n }\n formBody = formBody.join(\"&\");\n //console.log(formBody);\n\n const call_url = config.apiUrl + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"POST\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async get(url) {\n console.log('CallApi>get ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(config.apiUrl + url, {\n // method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n method: \"POST\",\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\" // no-referrer, *client\n //body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(res => res.json())\n .catch(error => console.error(\"Error:\", error));\n }\n\n async getSecurity(url) {\n console.log('CallApi>getSecurity ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(config.apiUrlS + url, {\n // method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n method: \"POST\",\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\" // no-referrer, *client\n //body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(res => res.json())\n .catch(error => console.error(\"Error:\", error));\n }\n\n async delete(url, data = {}) {\n console.log('CallApi>delete ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n //console.log(moment().toString());\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n const call_url = config.apiUrl + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"DELETE\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n\n async deleteSecurity(url, data = {}) {\n console.log('CallApi>deleteSecurity ' + url);\n const expires_at = localStorage.getItem(\"expires_at\");\n //console.log(moment().toString());\n if (moment().isSameOrAfter(expires_at)) {\n await this.refreshToken();\n }\n\n const call_url = config.apiUrlS + url;\n //console.log(call_url);\n const jwtToken = localStorage.getItem(\"access_token\");\n return fetch(call_url, {\n method: \"DELETE\", // *GET, POST, PUT, DELETE, etc.\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n //credentials: \"same-origin\", // include, *same-origin, omit\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n //\"Content-Type\": \"application/x-www-form-urlencoded\",\n Authorization: \"Bearer \" + jwtToken,\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n redirect: \"follow\", // manual, *follow, error\n referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n })\n .then(response => response.json())\n .catch(error => console.error(\"Error:\", error)); // parses JSON response into native Javascript objects\n }\n}\n\nexport default CallApi;\n","import { data } from \"../../mockData/_project-mock\";\nimport { dataAddr } from \"../../mockData/_address-mock\";\nimport CallApi from \"../../util/CallApi\";\nimport { config } from \"../../constants\";\n\nexport const FETCH_PROJECT = \"FETCH_PROJECT\";\nexport const FETCH_PROJECT_SUCCESS = \"FETCH_PROJECT_SUCCESS\";\nexport const FETCH_PROJECT_FAILURE = \"FETCH_PROJECT_FAILURE\";\nexport const FETCH_MSISDN_SUCCESS = \"FETCH_MSISDN_SUCCESS\";\nexport const FETCH_MSISDN_FAILURE = \"FETCH_MSISDN_FAILURE\";\nexport const FETCH_PROJECT_ADDR = \"FETCH_PROJECT_ADDR\";\nexport const FETCH_PROJECT_ADDR_SUCCESS = \"FETCH_PROJECT_ADDR_SUCCESS\";\nexport const FETCH_PROJECT_ADDR_FAILURE = \"FETCH_PROJECT_ADDR_FAILURE\";\nexport const FETCH_PROJECT_ADDR_LABEL = \"FETCH_PROJECT_ADDR_LABEL\";\nexport const FETCH_PROJECT_ADDR_LABEL_SUCCESS = \"FETCH_PROJECT_ADDR_LABEL_SUCCESS\";\nexport const FETCH_PROJECT_ADDR_LABEL_FAILURE = \"FETCH_PROJECT_ADDR_LABEL_FAILURE\";\nexport const FETCH_ADDRESS_COMPANY = \"FETCH_ADDRESS_COMPANY\";\nexport const FETCH_ADDRESS_COMPANY_SUCCESS = \"FETCH_ADDRESS_COMPANY_SUCCESS\";\nexport const FETCH_ADDRESS_COMPANY_FAILURE = \"FETCH_ADDRESS_COMPANY_FAILURE\";\nexport const FETCH_ADDRESS_DELIVERY = \"FETCH_ADDRESS_DELIVERY\";\nexport const FETCH_ADDRESS_DELIVERY_SUCCESS = \"FETCH_ADDRESS_DELIVERY_SUCCESS\";\nexport const FETCH_ADDRESS_DELIVERY_FAILURE = \"FETCH_ADDRESS_DELIVERY_FAILURE\";\n\nconst callApi = new CallApi();\nconst fpe = require(\"node-fpe\");\nconst cipher = fpe({ password: config.appkey });\nconst mockup = false;\n\nexport const fetchProject = params => dispatch => {\n dispatch({ type: FETCH_PROJECT });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_PROJECT_SUCCESS, payload: data });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/project\", params)\n .then(res => {\n const resData = {\n ...res,\n project_encrypt: cipher.encrypt(res.project_id)\n };\n //console.log(resData);\n dispatch({ type: FETCH_PROJECT_SUCCESS, payload: resData });\n })\n .catch(error => dispatch({ type: FETCH_PROJECT_FAILURE }));\n }\n};\n\nexport const fetchProjectMsisdn = id => dispatch => {\n dispatch({ type: FETCH_PROJECT });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_MSISDN_SUCCESS, payload: data });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/project/msisdn/\" + id, {x:1})\n .then(res => {\n const resData = {\n ...res,\n project_encrypt: cipher.encrypt(res.project_id)\n };\n //console.log(resData);\n dispatch({ type: FETCH_PROJECT_SUCCESS, payload: resData });\n })\n .catch(error => dispatch({ type: FETCH_PROJECT_FAILURE }));\n }\n};\n\nexport const fetchProjectAddr = params => dispatch => {\n dispatch({ type: FETCH_PROJECT_ADDR });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_PROJECT_ADDR_SUCCESS, payload: dataAddr });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/customer/address\", params)\n .then(data => {\n dispatch({ type: FETCH_PROJECT_ADDR_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_PROJECT_ADDR_FAILURE }));\n }\n};\n\nexport const fetchProjectAddrLabel = () => dispatch => {\n dispatch({ type: FETCH_PROJECT_ADDR_LABEL });\n if (mockup) {\n setTimeout(() => {\n return dispatch({\n type: FETCH_PROJECT_ADDR_LABEL_SUCCESS,\n payload: dataAddr\n });\n }, 1000);\n } else {\n return callApi\n .get(\"/query/address_label\")\n .then(data => {\n dispatch({ type: FETCH_PROJECT_ADDR_LABEL_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_PROJECT_ADDR_LABEL_FAILURE }));\n }\n};\n\nexport const fetchAddressCompany = params => dispatch => {\n dispatch({ type: FETCH_ADDRESS_COMPANY });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_ADDRESS_COMPANY_SUCCESS, payload: dataAddr });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/customer/address\", params)\n .then(data => {\n dispatch({ type: FETCH_ADDRESS_COMPANY_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_ADDRESS_COMPANY_FAILURE }));\n }\n};\nexport const fetchAddressDelivery = params => dispatch => {\n dispatch({ type: FETCH_ADDRESS_DELIVERY });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_ADDRESS_DELIVERY_SUCCESS, payload: dataAddr });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/customer/address\", params)\n .then(data => {\n dispatch({ type: FETCH_ADDRESS_DELIVERY_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_ADDRESS_DELIVERY_FAILURE }));\n }\n};","import { data } from \"../../mockData/_customer-mock\";\nimport CallApi from \"../../util/CallApi\";\n\nexport const LOGIN_CUSTOMER = \"LOGIN_CUSTOMER\";\nexport const LOGIN_CUSTOMER_SUCCESS = \"LOGIN_CUSTOMER_SUCCESS\";\nexport const LOGIN_CUSTOMER_FAILURE = \"LOGIN_CUSTOMER_FAILURE\";\nexport const REGISTER_CUSTOMER = \"REGISTER_CUSTOMER\";\nexport const REGISTER_CUSTOMER_SUCCESS = \"REGISTER_CUSTOMER_SUCCESS\";\nexport const REGISTER_CUSTOMER_FAILURE = \"REGISTER_CUSTOMER_FAILURE\";\n\nconst mockup = false;\n\nconst callApi = new CallApi();\n\nexport const loginCustomer = params => dispatch => {\n dispatch({ type: LOGIN_CUSTOMER });\n if (mockup) {\n return dispatch({ type: LOGIN_CUSTOMER_SUCCESS, payload: data });\n } else {\n return callApi\n // .getSecurity(\n .postSecurity(\n // \"/login?project_id=\" +\n // params.project_id +\n // \"&login_name=\" +\n \"/login\",\n { project_id: params.project_id, login_name: params.login_name }\n )\n .then(data => {\n dispatch({ type: LOGIN_CUSTOMER_SUCCESS, payload: data });\n })\n .catch(error => {\n dispatch({ type: LOGIN_CUSTOMER_FAILURE, payload: error });\n });\n }\n};\nexport const registerCustomer = values => dispatch => {\n dispatch({ type: REGISTER_CUSTOMER });\n if (mockup) {\n return dispatch({\n type: REGISTER_CUSTOMER_SUCCESS,\n payload: { customer_id: \"cus001\" }\n });\n } else {\n return callApi\n .postWithOutToken(\"/login/register\", values)\n .then(res => {\n return dispatch({ type: REGISTER_CUSTOMER_SUCCESS, payload: res });\n })\n .catch(error => {\n return dispatch({ type: REGISTER_CUSTOMER_FAILURE, payload: error });\n });\n }\n};","import { data } from \"../../mockData/_orders-mock\";\nimport CallApi from \"../../util/CallApi\";\n\nexport const FETCH_ORDERS = \"FETCH_ORDERS\";\nexport const FETCH_ORDERS_SUCCESS = \"FETCH_ORDERS_SUCCESS\";\nexport const FETCH_ORDERS_FAILURE = \"FETCH_ORDERS_FAILURE\";\n\nexport const DELETE_ORDERS = \"DELETE_ORDERS\";\nexport const DELETE_ORDERS_SUCCESS = \"DELETE_ORDERS_SUCCESS\";\nexport const DELETE_ORDERS_FAILURE = \"DELETE_ORDERS_FAILURE\";\n\nexport const TOGGLE_DOC_MODAL = \"TOGGLE_DOC_MODAL\";\nexport const TOGGLE_DETAIL_MODAL = \"TOGGLE_DETAIL_MODAL\";\n\nexport const UPDATE_DOC = \"UPDATE_DOC\";\nexport const UPDATE_DOC_SUCCESS = \"UPDATE_DOC_SUCCESS\";\nexport const UPDATE_DOC_FAILURE = \"UPDATE_DOC_FAILURE\";\n\nexport const ADD_ORDER_ITEM = \"ADD_ORDER_ITEM\";\nexport const ADD_ORDER_ITEM_SUCCESS = \"ADD_ORDER_ITEM_SUCCESS\";\nexport const ADD_ORDER_ITEM_FAILURE = \"ADD_ORDER_ITEM_FAILURE\";\n\nexport const UPDATE_DETAIL = \"UPDATE_DETAIL\";\nexport const UPDATE_DETAIL_SUCCESS = \"UPDATE_DETAIL_SUCCESS\";\nexport const UPDATE_DETAIL_FAILURE = \"UPDATE_DETAIL_FAILURE\";\n\nexport const ORDER_APPROVE = \"ORDER_APPROVE\";\nexport const ORDER_APPROVE_SUCCESS = \"ORDER_APPROVE_SUCCESS\";\nexport const ORDER_APPROVE_FAILURE = \"ORDER_APPROVE_FAILURE\";\n\nconst mockup = false; // from folder mockup or not\nconst callApi = new CallApi();\n\nexport const fetchOrders = params => dispatch => {\n dispatch({ type: FETCH_ORDERS });\n if (mockup) {\n return dispatch({ type: FETCH_ORDERS_SUCCESS, payload: data });\n } else {\n return callApi\n // .getSecurity(\n // \"/order?project_id=\" +\n // params.project_id +\n // \"&customer_id=\" +\n // params.customer_id\n // )\n .postSecurity(\n \"/order\",\n { project_id: params.project_id, customer_id: params.customer_id }\n )\n .then(res => {\n dispatch({ type: FETCH_ORDERS_SUCCESS, payload: res });\n })\n .catch(error => dispatch({ type: FETCH_ORDERS_FAILURE }));\n }\n};\n\nexport const deleteOrders = (id, customer_id) => dispatch => {\n dispatch({ type: DELETE_ORDERS });\n if (mockup) {\n return dispatch({ type: DELETE_ORDERS_SUCCESS, payload: id });\n } else {\n return callApi\n .deleteSecurity(\"/order/\" + id + \"/\" + customer_id)\n .then(res => {\n dispatch({ type: DELETE_ORDERS_SUCCESS, payload: id });\n })\n .catch(error => dispatch({ type: DELETE_ORDERS_FAILURE }));\n }\n};\n\nexport const toggleDocModal = data => dispatch => {\n return dispatch({ type: TOGGLE_DOC_MODAL, payload: data });\n};\n\nexport const toggleDetailModal = data => dispatch => {\n return dispatch({ type: TOGGLE_DETAIL_MODAL, payload: data });\n};\n\nexport const updateDoc = data => dispatch => {\n dispatch({ type: UPDATE_DOC });\n if (mockup) {\n return dispatch({ type: UPDATE_DOC_SUCCESS, payload: data });\n } else {\n return callApi\n .patchSecurity(\"/document/\" + data.order_id, data)\n .then(res => {\n console.log(res);\n dispatch({ type: UPDATE_DOC_SUCCESS, payload: res });\n })\n .catch(error => dispatch({ type: UPDATE_DOC_FAILURE, err: error }));\n }\n};\n\nexport const orderApprove = param => dispatch => {\n console.log('orderApprove Funct');\n dispatch({ type: ORDER_APPROVE });\n if (mockup) {\n console.log('is mockup');\n return dispatch({ type: ORDER_APPROVE_SUCCESS, payload: data });\n } else {\n return callApi\n .patchSecurity(\"/order/approve\", param)\n .then(res => {\n console.log('ORDER_APPROVE_SUCCESS');\n dispatch({ type: ORDER_APPROVE_SUCCESS });\n })\n .catch(error => dispatch({ type: ORDER_APPROVE_FAILURE }));\n }\n};\n\nexport const addCartItem = params => dispatch => {\n dispatch({ type: ADD_ORDER_ITEM });\n if (mockup) {\n return dispatch({ type: ADD_ORDER_ITEM_SUCCESS, payload: data });\n } else {\n return callApi\n .postSecurity(\"/order/add\", params)\n .then(res => {\n dispatch({ type: ADD_ORDER_ITEM_SUCCESS, payload: res });\n })\n .catch(error => dispatch({ type: ADD_ORDER_ITEM_FAILURE }));\n }\n};\n\nexport const updateDetail = data => dispatch => {\n dispatch({ type: UPDATE_DETAIL });\n if (mockup) {\n return dispatch({ type: UPDATE_DETAIL_SUCCESS, payload: data });\n } else {\n return callApi\n .patchSecurity(\"/order/\" + data.order_id, data.order_detail)\n .then(res => {\n dispatch({ type: UPDATE_DETAIL_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: UPDATE_DETAIL_FAILURE }));\n }\n};\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport Loading from \"./loading\";\nimport { config, msg } from \"../../constants\";\nimport UserInfo from \"./userInfo\";\nimport { fetchProject } from \"../../store/project/projectAction\";\nimport { loginCustomer, registerCustomer } from \"../../store/login/loginAction\";\nimport { fetchOrders } from \"../../store/orders/ordersAction\";\nimport { Link } from \"react-router-dom\";\nimport { setLocale } from \"react-redux-i18n\";\nimport { Modal, ModalBody, Spinner } from 'reactstrap';\nimport axios from \"axios\";\n\nconst locale = require(\"react-redux-i18n\").I18n;\n// const Cryptr = require(\"cryptr\");\n// const cryptr = new Cryptr(config.appkey);\nconst fpe = require(\"node-fpe\");\nconst cipher = fpe({ password: config.appkey });\nconst jwt = require(\"jsonwebtoken\");\n\nclass header extends Component {\n constructor(props) {\n super(props);\n this.state = {\n user: {},\n runFirst: true,\n chkLogin: false,\n chkRegister: false,\n modalIsOpen: false\n }\n }\n componentWillMount() {\n // console.log(localStorage.getItem('user_login'));\n }\n\n async componentDidMount() {\n\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n\n if (localStorage.getItem(\"project_id\") && !this.props.project.project_id) {\n const projectId = cipher.decrypt(localStorage.getItem(\"project_id\"));\n const paramsApi = { project_id: projectId };\n // console.log('fpj 01');\n this.props.fetchProject(paramsApi);\n }\n const access_token = localStorage.getItem(\"access_token\");\n const user_login = localStorage.getItem(\"user_login\");\n //console.log(access_token);\n if (access_token) {\n const userData = jwt.decode(access_token);\n this.setState({\n user: userData,\n user_login: user_login,\n login_name: ((typeof user_login !== 'undefined' && user_login !== '') ? user_login : userData.sub),\n });\n }\n //console.log(this.props);\n }\n\n componentWillReceiveProps(next) {\n const access_token = localStorage.getItem(\"access_token\");\n const user_login = localStorage.getItem(\"user_login\");\n const userData = jwt.decode(access_token);\n if (access_token && next.project) {\n this.props.loginCustomer({\n project_id: next.project.project_id,\n user_login: user_login,\n login_name: ((typeof user_login !== 'undefined' && user_login !== '') ? user_login : userData.sub),\n display_name: ((typeof userData.profile.display_name !== 'undefined') ? userData.profile.display_name : ''),\n tel: ((typeof userData.profile.trueid !== 'undefined' && typeof userData.profile.trueid.mobile !== 'undefined') ? userData.profile.trueid.mobile : ''),\n email: ((typeof userData.profile.trueid !== 'undefined' && typeof userData.profile.trueid.email !== 'undefined') ? userData.profile.trueid.email : '')\n });\n this.setState({ chkLogin: true });\n }\n\n if (next.project && next.customerID && this.state.runFirst) {\n //console.log(next.customerID);\n // console.log('fetchOrders 01');\n this.props.fetchOrders({\n project_id: next.project.project_id,\n customer_id: next.customerID\n });\n this.setState({ runFirst: false });\n }\n }\n handleRegisterCustomer = async () => {\n if (!this.props.customerID && this.state.chkLogin && !this.state.chkRegister) {\n this.props.registerCustomer({\n project_id: this.props.project.project_id,\n login_name: this.state.login_name,\n display_name: ((typeof this.state.user.profile.display_name !== 'undefined') ? this.state.user.profile.display_name : ''),\n tel: ((typeof this.state.user.profile.trueid !== 'undefined' && typeof this.state.user.profile.trueid.mobile !== 'undefined') ? this.state.user.profile.trueid.mobile : ''),\n email: ((typeof this.state.user.profile.trueid !== 'undefined' && typeof this.state.user.profile.trueid.email !== 'undefined') ? this.state.user.profile.trueid.email : '')\n });\n this.openModal()\n this.setState({ chkRegister: true });\n await this.props.loginCustomer({\n project_id: this.props.project.project_id,\n login_name: this.state.login_name,\n display_name: ((typeof this.state.user.profile.display_name !== 'undefined') ? this.state.user.profile.display_name : ''),\n tel: ((typeof this.state.user.profile.trueid !== 'undefined' && typeof this.state.user.profile.trueid.mobile !== 'undefined') ? this.state.user.profile.trueid.mobile : ''),\n email: ((typeof this.state.user.profile.trueid !== 'undefined' && typeof this.state.user.profile.trueid.email !== 'undefined') ? this.state.user.profile.trueid.email : '')\n });\n this.closeModal();\n }\n };\n openModal() {\n this.setState({ modalIsOpen: true });\n }\n closeModal() {\n this.setState({ modalIsOpen: false });\n }\n handleChangLanguage = l => {\n if (this.props.l !== l) {\n this.props.setLang(l);\n }\n };\n HomePage = () => {\n return (\n config.baseUrl + \"/shop/\" + cipher.encrypt(this.props.project.project_id)\n );\n };\n openHamberger = e => {\n const navMobile = document.getElementsByClassName(\"mobile\")[0];\n var chkHaveOpen = false;\n navMobile.classList.forEach(element => {\n if (element === \"mobile--open\") {\n chkHaveOpen = true;\n }\n });\n if (chkHaveOpen) {\n navMobile.classList.remove(\"mobile--open\");\n } else {\n navMobile.classList.add(\"mobile--open\");\n }\n };\n\n logout = () => {\n localStorage.removeItem(\"access_token\");\n localStorage.removeItem(\"expires_in\");\n localStorage.removeItem(\"refresh_token\");\n localStorage.removeItem(\"user_login\");\n document.cookie = 'utk=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n window.location = config.logoutUri + encodeURI(config.baseUrl + \"/shop/\" + cipher.encrypt(this.props.project.project_id))\n return false;\n };\n\n render() {\n this.handleRegisterCustomer();\n const customStyles = {\n textAlign: 'center',\n top: '40%',\n }\n //console.log(this.props.customerID);\n //console.log(this.props.project);\n const projectStatus = this.props.project.project_status;\n //console.log(projectStatus);\n if (projectStatus !== \"A\") {\n return (\n <>\n \n \n {loginName}\n \n
\n \n \n {locale.t(\"logout\")}\n \n
\n \n {locale.t(\"dataProfile\")}\n
\n \n \n {locale.t(\"cart\")}{\" \"}\n \n {orders.length ? \"(\" + orders.length + \")\" : \"\"}\n \n \n
\n );\n }\n return null;\n};\n\nconst Userlogin = props => {\n const { loginName, loginUrl } = props;\n // console.log(userData);\n if (!loginName) {\n return (\n \n \n {locale.t(\"login\")}\n \n
\n );\n }\n return null;\n};\n\nconst mapStateToProps = state => ({\n project: state.project.info,\n customerID: state.login.customerID,\n orders: state.orders.items,\n l: state.i18n.locale\n});\n\nconst setLang = l => dispatch => {\n //setLang: l => {\n return dispatch(setLocale(l));\n //}\n};\n\n// const mapDispatchToProps = dispatch => ({\n// setLang: l => {\n// dispatch(setLocale(l));\n// },\n// fetchProject,\n// loginCustomer,\n// fetchOrders\n// });\n\nexport default connect(\n mapStateToProps,\n {\n fetchProject,\n loginCustomer,\n registerCustomer,\n fetchOrders,\n setLang\n }\n)(header);\n","import { data } from \"../../mockData/_products-mock\";\n\nimport CallApi from \"../../util/CallApi\";\n\nexport const FETCH_PRODUCT = \"FETCH_PRODUCT\";\nexport const FETCH_PRODUCT_SUCCESS = \"FETCH_PRODUCT_SUCCESS\";\nexport const FETCH_PRODUCT_FAILURE = \"FETCH_PRODUCT_FAILURE\";\n\nexport const FILTER_PRODUCT = \"FILTER_PRODUCT\";\nconst mockup = false;\nconst callApi = new CallApi();\n\nexport const fetchProducts = params => dispatch => {\n dispatch({ type: FETCH_PRODUCT });\n if (mockup) {\n setTimeout(() => {\n return dispatch({ type: FETCH_PRODUCT_SUCCESS, payload: data });\n }, 1000);\n } else {\n return callApi\n .postWithOutToken(\"/product\", params)\n .then(res => {\n dispatch({ type: FETCH_PRODUCT_SUCCESS, payload: res });\n })\n .catch(error => dispatch({ type: FETCH_PRODUCT_FAILURE }));\n }\n};\n\nexport const filterProducts = brandList => dispatch => {\n dispatch({ type: FILTER_PRODUCT, payload: brandList });\n};\n","import { data } from \"../../mockData/banners-mock\";\nimport CallApi from \"../../util/CallApi\";\nexport const FETCH_BANNERS = \"FETCH_BANNERS\";\nexport const FETCH_BANNERS_SUCCESS = \"FETCH_BANNERS_SUCCESS\";\nexport const FETCH_BANNERS_FAILURE = \"FETCH_BANNERS_FAILURE\";\n\nconst mockup = false;\nconst callApi = new CallApi();\n\nexport const fetchBanners = params => dispatch => {\n dispatch({ type: FETCH_BANNERS });\n if (mockup) {\n return dispatch({ type: FETCH_BANNERS_SUCCESS, payload: data });\n } else {\n return callApi\n .get(\"/project/banner/\" + params.project_id)\n .then(res => {\n dispatch({ type: FETCH_BANNERS_SUCCESS, payload: res });\n })\n .catch(error => dispatch({ type: FETCH_BANNERS_FAILURE }));\n }\n};\n","import { data } from \"../../mockData/_brands-mock\";\nimport CallApi from \"../../util/CallApi\";\n\nexport const FETCH_BRANDS = \"FETCH_BRANDS\";\nexport const FETCH_BRANDS_SUCCESS = \"FETCH_BRANDS_SUCCESS\";\nexport const FETCH_BRANDS_FAILURE = \"FETCH_BRANDS_FAILURE\";\n\nconst callApi = new CallApi();\nconst mockup = false;\n\nexport const fetchBrands = params => dispatch => {\n dispatch({ type: FETCH_BRANDS });\n if (mockup) {\n return dispatch({ type: FETCH_BRANDS_SUCCESS, payload: data });\n } else {\n return callApi\n .postWithOutToken(\"/query/brands\", params)\n .then(data => {\n dispatch({ type: FETCH_BRANDS_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_BRANDS_FAILURE }));\n }\n};\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { config } from \"../../constants\";\nimport { fetchBanners } from \"../../store/banners/bannersAction\";\n\nclass banner extends Component {\n componentDidMount() {\n // this.props.fetchBanners(this.props);\n }\n openUrlLink = (url_link) => {\n if (url_link) {\n window.open(url_link, '_blank');\n }\n }\n render() {\n return (\n \n \n \n Previous\n \n \n \n Next\n \n
\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n banners: state.banners.items,\n project_id: state.project.info.project_id,\n project: state.project.info\n});\nbanner.propTypes = {\n fetchBanners: PropTypes.func.isRequired\n};\nexport default connect(\n mapStateToProps,\n { fetchBanners }\n)(banner);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { filterProducts } from \"../../store/products/productsAction\";\nimport { fetchBrands } from \"../../store/brands/brandsAction\";\nconst locale = require('react-redux-i18n').I18n;\n\nclass Brand extends Component {\n state = {};\n\n componentDidMount() {\n // this.props.fetchBrands({ project_id: this.props.projectID });\n }\n\n onChange = e => {\n var keys = [];\n var checkbox = document.getElementsByClassName('cb-brands')\n for (var i = 0; i < checkbox.length; i++) {\n if (checkbox.item(i).checked) {\n keys.push(checkbox.item(i).name)\n }\n }\n this.props.filterProducts(keys);\n };\n\n render() {\n const brands = this.props.brands.map(val => (\n \n
\n - \n {this.props.banners.map((banner, index) => (\n
\n {this.props.banners.map((banners, index) => (\n \n this.openUrlLink(banners.url_link)} \n style={banners.url_link ? {cursor: \"pointer\"}:{}}\n />\n
\n ))}\n \n
\n );\n }\n}\n\nBrand.propTypes = {\n filterProducts: PropTypes.func.isRequired,\n fetchBrands: PropTypes.func.isRequired,\n brands: PropTypes.array.isRequired,\n isFetching: PropTypes.bool\n};\n\nconst mapStateToProps = state => ({\n brands: state.brands.items,\n projectID: state.project.info.project_id,\n isFetching: state.brands.isFetching,\n l: state.i18n.locale,\n});\n\nexport default connect(\n mapStateToProps,\n { filterProducts, fetchBrands }\n)(Brand);\n","export const TOGGLE_ALERT = \"TOGGLE_ALERT\";\n\nexport const toggleAlert = (message,reload) => dispatch => {\n const data = {\n message,\n isReload: reload\n }\n return dispatch({ type: TOGGLE_ALERT, payload: data});\n};\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport { config } from \"../../constants\";\nimport { toggleAlert } from \"../../store/alertbox/alertboxAction\";\n\n//import CallApi from \"../../util/CallApi\";\n//import { config } from \"../../constants\";\n//import axios from \"axios\";\n\nimport { fetchProducts } from \"../../store/products/productsAction\";\nimport { addCartItem } from \"../../store/orders/ordersAction\";\nconst fpe = require(\"node-fpe\");\nconst cipher = fpe({ password: config.appkey });\nvar numeral = require(\"numeral\");\nconst locale = require(\"react-redux-i18n\").I18n;\n\n//const call = new CallApi();\nclass Products extends Component {\n state = {\n addCart: false\n };\n componentDidMount() {\n //console.log(this.props.project.project_id);\n // this.props.fetchProducts({ project_id: this.props.project.project_id });\n //const res = CallApi(\"GET\", \"/product/find/all\");\n //console.log(res);\n\n // call.get(\"/product/find/all\").then(res => {\n // console.log(res);\n // });\n }\n\n clickOrder = (e, matId, device_id) => {\n if (!localStorage.getItem(\"access_token\")) {\n //this.props.toggleAlert(`กรุณาล็อกอินเข้าสู่ระบบ`);\n e.preventDefault();\n const redirectLoginUri = encodeURI(\n config.loginRedirectUri +\n \"param=\" +\n cipher.encrypt(this.props.project.project_id)\n );\n const loginUrl = config.trueidUrl + \"&redirect_uri=\" + redirectLoginUri;\n window.location = loginUrl;\n }\n //check profile\n if (this.props.user.id_card === \"\" || this.props.user.id_card === null || this.props.user.id_card === undefined) {\n this.props.toggleAlert(locale.t(\"validateProfile\"));\n //e.preventDefault();\n return false;\n // return \n \n
\n \n {locale.t('brandLabel')}\n
\n\n {locale.t('brandLabel')}\n
\n \n\n
\n - {brands}
\n
\n ));\n return (\n \n
\n {val.brand}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {val.device_model.name}
\n{val.device_model.description}
\n\n
\n \n {val.matcode.map(mat => (\n
\n \n
\n ))}\n \n
\n \n
\n \n
\n {this.props.project.payment_type_id === 'pm001' ? {locale.t(\"payVat\")} : ''}\n
\n {numeral(mat.price).format(\"0,0.00\")}
\n {locale.t(\"bathMonth\")}\n {this.props.project.payment_type_id === 'pm001' ? {locale.t(\"payVat\")} : ''}\n
\n
\n \n {locale.t(\"color\")}: {mat.color}\n
\n\n this.clickOrder(e, mat.id, mat.device_id)}\n className=\"btn btn-buy\"\n >\n {locale.t(\"orderPrduct\")}\n \n {/* */}\n
\n \n {product}\n {/*
\n );\n }\n}\n\nProducts.propTypes = {\n fetchProducts: PropTypes.func.isRequired,\n products: PropTypes.array.isRequired,\n isFetching: PropTypes.bool\n};\n\nconst mapStateToProps = state => ({\n products: state.products.items,\n project: state.project.info,\n project_id: state.project.info.project_id,\n user: state.login.info,\n orders: state.orders.items,\n isFetching: state.products.isFetching,\n l: state.i18n.locale\n});\n\nexport default connect(\n mapStateToProps,\n { fetchProducts, toggleAlert, addCartItem }\n)(Products);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\n\nclass outtime extends Component {\n render() {\n document.body.classList.add(\"modal-open\");\n return (\n \n
*/}\n {locale.t(\"conditionPrice\")}
\n\n
\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n project: state.project.info\n});\n\nexport default connect(\n mapStateToProps,\n null\n)(outtime);\n","import React, { Component } from \"react\";\n//import { connect } from \"react-redux\";\n\nclass notfound extends Component {\n render() {\n document.body.classList.add(\"modal-open\");\n return (\n \n
\n \n หมดเขตแคมเปญของ {this.props.project.project_name}{\" \"}\n แล้วค่ะ\n
\n\n ![\"web@2x\"](\"/cust/web/images/logo/web@2x.png\")
\n
\n \n \n
\n \n );\n }\n}\n\nexport default notfound;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { fetchProject } from \"../../store/project/projectAction\";\nimport { fetchProducts } from \"../../store/products/productsAction\";\nimport { fetchBanners } from \"../../store/banners/bannersAction\";\nimport { fetchBrands } from \"../../store/brands/brandsAction\";\n//import { Link } from \"react-router-dom\";\n\nimport Banner from \"./banner\";\nimport Brand from \"./brand\";\nimport Products from \"./products\";\nimport Outtime from \"../outtime/outtime\";\nimport Notfound from \"../outtime/notfound\";\n\n\nimport { config } from \"../../constants\";\n//const Cryptr = require(\"cryptr\");\n//const cryptr = new Cryptr(config.appkey);\n\nimport axios from 'axios';\n\nconst fpe = require(\"node-fpe\");\nconst cipher = fpe({ password: config.appkey });\n\n// import CallApi from \"../../util/CallApi\";\n\n// const callApi = new CallApi();\n\nclass IndexPage extends Component {\n // componentWillMount() {\n // const test_d = cipher.encrypt(\"20190613141453415406208\"); // 75425843464693649658750\n // console.log(test_d);\n // //'4185730'\n // console.log(cipher.decrypt(test_d));\n // }\n state = {\n pageNotfound: false\n };\n\n async componentDidMount() {\n\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n\n // const gtknResp = await callApi.setSysToken();\n // console.log(gtknResp)\n // if (parseInt(gtknResp.code) === 200) {\n // localStorage.setItem('sys_token', gtknResp.token);\n // }\n\n // const {\n // match: { params }\n // } = this.props;\n const {\n match: { params }\n } = this.props;\n localStorage.setItem(\"project_id\", params.project);\n\n try {\n // const projectId = cryptr.decrypt(params.project);\n // const paramsApi = { project_id: projectId };\n // this.props.fetchProject(paramsApi);\n const projectId = cipher.decrypt(params.project);\n //console.log(projectId);\n const paramsApi = { project_id: projectId };\n // console.log('fpj 02');\n this.props.fetchProject(paramsApi);\n this.props.fetchProducts({ project_id: projectId });\n this.props.fetchBrands({ project_id: projectId });\n this.props.fetchBanners({ project_id: projectId });\n } catch (error) {\n this.setState({ pageNotfound: true });\n console.log(error);\n }\n }\n\n render() {\n //const cipher = fpe({ password: config.appkey });\n //const test_d = cipher.encrypt(\"20190613141453415406208\");\n //console.log(test_d);\n // '4185730'\n\n //console.log(cipher.decrypt(test_d));\n // '1234567'\n if (this.state.pageNotfound) {\n return \n
\n {this.props.children}
\n\n \n
\n \n \n
\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n project: state.project.info,\n isFetching: state.project.isFetching,\n projectNotfound: state.project.projectNotfound\n});\n\nexport default connect(\n mapStateToProps,\n {\n fetchProject,\n fetchProducts,\n fetchBanners,\n fetchBrands\n }\n)(IndexPage);\n","import CallApi from \"../../util/CallApi\";\nimport { data } from \"../../mockData/_customer-mock\";\n\nexport const FETCH_CUSTOMER = \"FETCH_CUSTOMER\";\nexport const FETCH_CUSTOMER_SUCCESS = \"FETCH_CUSTOMER_SUCCESS\";\nexport const FETCH_CUSTOMER_FAILURE = \"FETCH_CUSTOMER_FAILURE\";\n\nexport const UPDATE_CUSTOMER = \"UPDATE_CUSTOMER\";\nexport const UPDATE_CUSTOMER_SUCCESS = \"UPDATE_CUSTOMER_SUCCESS\";\nexport const UPDATE_CUSTOMER_FAILURE = \"UPDATE_CUSTOMER_FAILURE\";\n\nexport const CANCEL_ORDERS_CUSTOMER = \"CANCEL_ORDERS_CUSTOMER\";\nexport const CANCEL_ORDERS_CUSTOMER_SUCCESS = \"CANCEL_ORDERS_CUSTOMER_SUCCESS\";\nexport const CANCEL_ORDERS_CUSTOMER_FAILURE = \"CANCEL_ORDERS_CUSTOMER_FAILURE\";\n\nconst mockup = false;\nconst callApi = new CallApi();\n\nexport const fetchCustomer = params => dispatch => {\n dispatch({ type: FETCH_CUSTOMER });\n if (mockup) {\n return dispatch({ type: FETCH_CUSTOMER_SUCCESS, payload: data });\n } else {\n return callApi\n .post(\n \"/customer\",\n { project_id: params.project_id, customer_id: params.customer_id }\n )\n .then(res => {\n dispatch({ type: FETCH_CUSTOMER_SUCCESS, payload: res });\n })\n .catch(error => {\n dispatch({ type: FETCH_CUSTOMER_FAILURE, payload: error });\n });\n }\n};\n\nexport const updateCustomer = values => dispatch => {\n dispatch({ type: UPDATE_CUSTOMER });\n if (mockup) {\n return dispatch({\n type: UPDATE_CUSTOMER_SUCCESS,\n payload: { customer_id: \"cus001\" }\n });\n } else {\n return callApi\n .post(\"/customer/update\", values)\n .then(res => {\n return dispatch({ type: UPDATE_CUSTOMER_SUCCESS, payload: res });\n })\n .catch(error => {\n return dispatch({ type: UPDATE_CUSTOMER_FAILURE, payload: error });\n });\n }\n};\n\nexport const updateOrdersEditCustomer = values => dispatch => {\n dispatch({ type: CANCEL_ORDERS_CUSTOMER });\n if (mockup) {\n return dispatch({\n type: CANCEL_ORDERS_CUSTOMER_SUCCESS,\n payload: { customer_id: \"cus001\" }\n });\n } else {\n return callApi\n .post(\"/customer/cancelorders\", values)\n .then(res => {\n return dispatch({ type: CANCEL_ORDERS_CUSTOMER_SUCCESS, payload: res });\n })\n .catch(error => {\n return dispatch({\n type: CANCEL_ORDERS_CUSTOMER_FAILURE,\n payload: error\n });\n });\n }\n};\n","import { titles } from \"../../mockData/title-mock\";\nimport CallApi from \"../../util/CallApi\";\n\nexport const FETCH_TITLES = \"FETCH_TITLES\";\nexport const FETCH_TITLES_SUCCESS = \"FETCH_TITLES_SUCCESS\";\nexport const FETCH_TITLES_FAILURE = \"FETCH_TITLES_FAILURE\";\nexport const FETCH_ADDRESS_PROJECT = \"FETCH_ADDRESS_PROJECT\";\nexport const FETCH_ADDRESS_PROJECT_SUCCESS = \"FETCH_ADDRESS_PROJECT_SUCCESS\";\nexport const FETCH_ADDRESS_PROJECT_FAILURE = \"FETCH_ADDRESS_PROJECT_FAILURE\";\nexport const FETCH_PROJECT_COMPANY = \"FETCH_PROJECT_COMPANY\";\nexport const FETCH_PROJECT_COMPANY_SUCCESS = \"FETCH_PROJECT_COMPANY_SUCCESS\";\nexport const FETCH_PROJECT_COMPANY_FAILURE = \"FETCH_PROJECT_COMPANY_FAILURE\";\n\nconst callApi = new CallApi();\nconst mockup = false;\n\nexport const fetchTitles = params => dispatch => {\n dispatch({ type: FETCH_TITLES });\n if (mockup) {\n return dispatch({ type: FETCH_TITLES_SUCCESS, payload: titles });\n } else {\n return callApi\n .get(\"/query/titles\")\n .then(data => {\n dispatch({ type: FETCH_TITLES_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_TITLES_FAILURE }));\n }\n};\n\nexport const fetchAddressProject = params => dispatch => {\n dispatch({ type: FETCH_ADDRESS_PROJECT });\n return callApi\n .post(\"/query/address_delivery\", params)\n .then(data => {\n dispatch({ type: FETCH_ADDRESS_PROJECT_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_ADDRESS_PROJECT_FAILURE }));\n};\n\nexport const fetchAddressCompany = params => dispatch => {\n dispatch({ type: FETCH_PROJECT_COMPANY });\n return callApi\n .post(\"/query/address_company\", params)\n .then(data => {\n dispatch({ type: FETCH_PROJECT_COMPANY_SUCCESS, payload: data });\n })\n .catch(error => dispatch({ type: FETCH_PROJECT_COMPANY_FAILURE }));\n};\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { config } from \"../../constants\";\nconst locale = require(\"react-redux-i18n\").I18n;\nclass RegisterHeader extends Component {\n HomePage = () => {\n return config.baseUrl + '/shop/' + this.props.project.project_encrypt;\n };\n render() {\n return (\n \n
\n \n \n
\n );\n }\n}\n\nRegisterHeader.propTypes = {\n status: PropTypes.string.isRequired,\n onEdit: PropTypes.func.isRequired\n};\n\nRegisterHeader.defaultProps = {\n status: \"\",\n onEdit: () => null\n};\nconst mapStateToProps = state => ({\n l: state.i18n.locale,\n project: state.project.info,\n});\nexport default connect(\n mapStateToProps,\n null\n)(RegisterHeader);\n","import React from \"react\";\n\nexport default ({ input, id, label,star,maxLength, type, disabled, meta: { touched, error, warning } }) => {\n return (\n {locale.t(\"dataProfile\")}
\n \n \n \n {\n this.props.mode === \"View\" && (\n this.props.onEdit(\"Edit\")}\n >\n {locale.t(\"edit\")}\n \n )\n }\n {\n this.props.mode === \"Expire\" && (\n \n )\n }\n
\n \n \n
\n )\n}","import React from \"react\";\n\nexport default ({ input, label,star, disabled, options, meta: { touched, error, warning } }) => {\n return (\n \n \n
\n \n {touched && ((error && {error}) || (warning && {warning}))}\n
\n \n \n
\n )\n}","import React from \"react\";\n\nexport default ({ input, id, label,star, type, disabled, meta: { touched, error, warning } }) => {\n return (\n \n
\n \n \n
\n \n {touched && ((error && {error}) || (warning && {warning}))}\n
\n \n \n
\n )\n}\n","import React, { Component } from \"react\";\nimport { Modal } from \"reactstrap\";\n\nclass RegisterModal extends Component {\n render() {\n const { show, title, subTitle, detail, showCancel } = this.props;\n return (\n \n
\n \n \n
\n \n {touched && ((error && {error}) || (warning && {warning}))}\n
\n \n \n \n
\n {title}
\n{subTitle}
\n{detail}
\n\n {showCancel && }\n \n
\n \n {this.props.mode === \"Edit\" && (\n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n project: state.project.info,\n l: state.i18n.locale\n});\n\nexport default connect(mapStateToProps)(RegisterFooter);\n","import { provinces } from \"../../mockData/province-mock\";\nimport { districts } from \"../../mockData/districts-mock\";\nimport { subDistricts } from \"../../mockData/subDistrict-mock\";\nimport { zipcodes } from \"../../mockData/zipcode-mock\";\nimport { config } from \"../../constants\";\n\nexport const FETCH_PROVINCES = \"FETCH_PROVINCES\";\nexport const FETCH_PROVINCES_SUCCESS = \"FETCH_PROVINCES_SUCCESS\";\nexport const FETCH_PROVINCES_FAILURE = \"FETCH_PROVINCES_FAILURE\";\n\nexport const FETCH_DISTRICTS = \"FETCH_DISTRICTS\";\nexport const FETCH_DISTRICTS_SUCCESS = \"FETCH_DISTRICTS_SUCCESS\";\nexport const FETCH_DISTRICTS_FAILURE = \"FETCH_DISTRICTS_FAILURE\";\n\nexport const FETCH_SUBDISTRICTS = \"FETCH_SUBDISTRICTS\";\nexport const FETCH_SUBDISTRICTS_SUCCESS = \"FETCH_SUBDISTRICTS_SUCCESS\";\nexport const FETCH_SUBDISTRICTS_FAILURE = \"FETCH_SUBDISTRICTS_FAILURE\";\n\nexport const FETCH_ZIPCODES = \"FETCH_ZIPCODES\";\nexport const FETCH_ZIPCODES_SUCCESS = \"FETCH_ZIPCODES_SUCCESS\";\nexport const FETCH_ZIPCODES_FAILURE = \"FETCH_ZIPCODES_FAILURE\";\n\nconst mockup = false;\n\nexport const fetchProvinces = () => (dispatch) => {\n\tdispatch({ type: FETCH_PROVINCES });\n\tif (mockup) {\n\t\t// return dispatch({ type: FETCH_PROVINCES_SUCCESS, payload: {} });\n\t\treturn dispatch({ type: FETCH_PROVINCES_SUCCESS, payload: provinces });\n\t} else {\n\t\treturn fetch(config.utilsAddress+'/getProvince', {\n\t\t\t// method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n\t\t\tmethod: \"GET\",\n\t\t\tmode: \"cors\", // no-cors, cors, *same-origin\n\t\t\tcache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\tAuthorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n\t\t\t},\n\t\t\tredirect: \"follow\", // manual, *follow, error\n\t\t\treferrer: \"no-referrer\" // no-referrer, *client\n\t\t})\n\t\t\t.then(res => res.json())\n\t\t\t.then(data => {\n\t\t\t\tdispatch({ type: FETCH_PROVINCES_SUCCESS, payload: data });\n\t\t\t})\n\t\t\t.catch((error) => dispatch({ type: FETCH_PROVINCES_FAILURE }));\n\t}\n};\n\nexport const fetchDistricts = () => (dispatch) => {\n\tdispatch({ type: FETCH_DISTRICTS });\n\tif (mockup) {\n\t\t// return dispatch({ type: FETCH_DISTRICTS_SUCCESS, payload: {} });\n\t\treturn dispatch({ type: FETCH_DISTRICTS_SUCCESS, payload: districts });\n\t} else {\n\t\treturn fetch(config.utilsAddress+'/getAmphor', {\n\t\t\t// method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n\t\t\tmethod: \"GET\",\n\t\t\tmode: \"cors\", // no-cors, cors, *same-origin\n\t\t\tcache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\tAuthorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n\t\t\t},\n\t\t\tredirect: \"follow\", // manual, *follow, error\n\t\t\treferrer: \"no-referrer\" // no-referrer, *client\n\t\t\t//body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n\t\t})\n\t\t\t.then(res => res.json())\n\t\t\t.then(data => {\n\t\t\t\tdispatch({ type: FETCH_DISTRICTS_SUCCESS, payload: data });\n\t\t\t})\n\t\t\t.catch((error) => dispatch({ type: FETCH_DISTRICTS_FAILURE }));\n\t}\n};\n\nexport const fetchSubDistricts = () => (dispatch) => {\n\tdispatch({ type: FETCH_SUBDISTRICTS });\n\tif (mockup) {\n\t\t// return dispatch({ type: FETCH_SUBDISTRICTS_SUCCESS, payload: {} });\n\t\treturn dispatch({ type: FETCH_SUBDISTRICTS_SUCCESS, payload: subDistricts });\n\t} else {\n\t\treturn fetch(config.utilsAddress+'/getTumbon', {\n\t\t\t// method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n\t\t\tmethod: \"GET\",\n\t\t\tmode: \"cors\", // no-cors, cors, *same-origin\n\t\t\tcache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\tAuthorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n\t\t\t},\n\t\t\tredirect: \"follow\", // manual, *follow, error\n\t\t\treferrer: \"no-referrer\" // no-referrer, *client\n\t\t\t//body: JSON.stringify(data) // body data type must match \"Content-Type\" header\n\t\t})\n\t\t\t.then(res => res.json())\n\t\t\t.then(data => {\n\t\t\t\tdispatch({ type: FETCH_SUBDISTRICTS_SUCCESS, payload: data });\n\t\t\t})\n\t\t\t.catch((error) => dispatch({ type: FETCH_SUBDISTRICTS_FAILURE }));\n\t}\n};\n\nexport const fetchZipCodes = () => (dispatch) => {\n\tdispatch({ type: FETCH_ZIPCODES });\n\tif (mockup) {\n\t\t// return dispatch({ type: FETCH_ZIPCODES_SUCCESS, payload: {} });\n\t\treturn dispatch({ type: FETCH_ZIPCODES_SUCCESS, payload: zipcodes });\n\t} else {\n\t\treturn fetch(config.utilsAddress+'/getZipCode', {\n\t\t\t// method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n\t\t\tmethod: \"GET\",\n\t\t\tmode: \"cors\", // no-cors, cors, *same-origin\n\t\t\tcache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\tAuthorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n\t\t\t},\n\t\t\tredirect: \"follow\", // manual, *follow, error\n\t\t\treferrer: \"no-referrer\" // no-referrer, *client\n\t\t})\n\t\t\t.then(res => res.json())\n\t\t\t.then(data => {\n\t\t\t\tdispatch({ type: FETCH_ZIPCODES_SUCCESS, payload: data });\n\t\t\t})\n\t\t\t.catch((error) => dispatch({ type: FETCH_ZIPCODES_FAILURE }));\n\t}\n};\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field } from \"redux-form\";\nimport { msg } from \"../../constants\"\nimport RegisterTextField from \"./RegisterTextField\"\nimport RegisterSelectField from \"./RegisterSelectField\"\nimport RegisterDateField from \"./RegisterDateField\"\nimport RegisterFooter from \"./RegisterFooter\"\nimport {\n fetchProvinces,\n fetchDistricts,\n fetchSubDistricts,\n fetchZipCodes\n} from \"../../store/register/addressAction\";\nconst locale = require(\"react-redux-i18n\").I18n;\nclass RegisterForm extends Component {\n\n state = {\n firsttime: true,\n provinceId: 0,\n provinceName: 0,\n provinceKey: 0,\n districtId: 0,\n districtName: 0,\n districtKey: 0,\n districtHtml: '',\n subDistrictId: 0,\n subDistrictName: 0,\n subDistrictKey: 0,\n };\n\n async componentWillMount() {\n this.props.openModel();\n await this.props.fetchProvinces();\n await this.props.fetchDistricts();\n await this.props.fetchSubDistricts();\n await this.props.fetchZipCodes();\n this.props.closeModal();\n }\n\n componentDidMount() {\n window.initialDatepicker();\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.initialValues && nextProps.provinces.length > 0) {\n if (this.state.firsttime && nextProps.initialValues.address) {\n const { city, amphur, tumbon } = nextProps.initialValues.address;\n if (city && amphur && tumbon) {\n this.getProvinceId(nextProps.provinces, city)\n this.getDistrictId(nextProps.districts, amphur)\n this.getSubDistrictId(nextProps.subDistricts, tumbon)\n }\n }\n }\n if (this.state.provinceId && this.state.districtId && this.state.subDistrictId) {\n this.setState({\n firsttime: false\n })\n }\n }\n\n getTitleVal = (word) => {\n const title = this.props.titles.find(title => {\n return title.title_th === word\n });\n return title ? title.title : word;\n };\n\n getProvinceId = (provinces, city) => {\n const index = provinces.findIndex(province => province.name === city);\n if (index > -1) {\n this.setState({\n provinceId: index,\n provinceKey: provinces[index].id,\n provinceName: provinces[index].name,\n })\n }\n };\n\n getDistrictId = (districts, amphur) => {\n const index = districts.findIndex(district => district.name === amphur && district.provinceID === this.state.provinceKey);\n if (index > -1) {\n this.setState({\n districtId: index,\n districtKey: districts[index].id,\n districtName: districts[index].name\n });\n }\n };\n\n getSubDistrictId = (subDistricts, tumbon) => {\n const index = subDistricts.findIndex(subDistrict => subDistrict.name === tumbon && subDistrict.districtID === this.state.districtKey);\n if (index > -1) {\n this.setState({\n subDistrictId: index,\n subDistrictKey: subDistricts[index].id,\n subDistrictName: subDistricts[index].name\n });\n }\n };\n\n getDistrict = () => {\n return this.props.districts.filter(district =>\n district.provinceID === this.state.provinceKey\n )\n };\n\n getSubDistrict = () => {\n return this.props.subDistricts.filter(subDistrict =>\n subDistrict.provinceID === this.state.provinceKey && subDistrict.districtID === this.state.districtKey\n )\n };\n\n getZipcode = () => {\n return this.props.zipcodes.filter(zipcode =>\n zipcode.provinceID === this.state.provinceKey && zipcode.districtID === this.state.districtKey && zipcode.subDistrictID === this.state.subDistrictKey\n )\n };\n\n onIdCardExpireChange = ({ target }) => {\n this.props.change(\"id_card_expire\", target.value);\n };\n\n onBirthDateChange = ({ target }) => {\n this.props.change(\"birthdate\", target.value);\n };\n\n onJobChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n this.props.change(\"job_code\", id);\n };\n\n onProvinceChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const value = target.options[selectedIndex].getAttribute('value');;\n const province = this.props.provinces.find(province => province.name === value);\n this.setState({\n provinceId: id,\n provinceKey: province.id,\n provinceName: value,\n districtId: 0,\n subDistrictId: 0,\n });\n this.props.change(\"address.amphur\", \"\");\n this.props.change(\"address.tumbon\", \"\");\n this.props.change(\"address.zip\", \"\");\n };\n\n onDistrictChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const value = target.options[selectedIndex].getAttribute('value');\n const district = this.props.districts.find(district => district.name === value && district.provinceID === this.state.provinceKey);\n this.setState({\n districtId: id,\n districtKey: district.id,\n districtName: value,\n subDistrictId: 0\n });\n this.props.change(\"address.tumbon\", \"\");\n this.props.change(\"address.zip\", \"\");\n }\n\n onSubDistrictChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const value = target.options[selectedIndex].getAttribute('value');\n const subDistrict = this.props.subDistricts.find(\n subDistrict => subDistrict.name === value\n && subDistrict.provinceID === this.state.provinceKey\n && subDistrict.districtID === this.state.districtKey)\n this.setState({\n subDistrictId: id,\n subDistrictKey: subDistrict.id,\n subDistrictName: value\n });\n this.props.change(\"address.zip\", \"\");\n }\n\n render() {\n\n if (this.props.initialValues && this.props.initialValues.title) {\n this.props.initialValues.title = this.getTitleVal(this.props.initialValues.title)\n }\n\n const address_company = this.props.address_company.map((project) =>\n \n );\n address_company.unshift(\n \n );\n const address_delivery = this.props.address_delivery.map((project) =>\n \n );\n address_delivery.unshift(\n \n );\n const titleItems = this.props.titles.map((title) =>\n \n );\n titleItems.unshift(\n \n );\n\n const provinceItems = this.props.provinces.map((province, index) =>\n \n );\n provinceItems.unshift(\n \n );\n\n const districtItems = this.getDistrict().map((district, index) =>\n \n );\n districtItems.unshift(\n \n );\n\n const subDistrictItems = this.getSubDistrict().map((subDistrict, index) =>\n \n );\n subDistrictItems.unshift(\n \n );\n\n const zipcodeItems = this.getZipcode().map((zipcode, index) =>\n \n );\n zipcodeItems.unshift(\n \n );\n\n const listJob = this.props.initialValues ? this.props.initialValues.listJob : undefined\n\n const listJobItems = listJob ?\n this.props.initialValues.listJob.map((job) =>\n \n )\n : '';\n if (listJobItems !== '') {\n listJobItems.unshift(\n \n )\n }\n\n const { onCustomerSubmit, handleSubmit, submitting, invalid } = this.props;\n return (\n \n
\n )}\n {this.props.mode === \"Expire\" && (\n \n {locale.t(\"clickToAgree\")}\n this.setState({ modalShow: true })}>\n {locale.t(\"detaiHere\")}\n \n {locale.t(\"beforeEdit\")}\n
\n\n \n {locale.t(\"cancel\")}\n \n \n {locale.t(\"agreeProfile\")}\n \n
\n \n
\n )}\n \n {/* */}\n \n {locale.t(\"cancel\")}\n \n
\n \n \n
\n );\n }\n}\n\nconst required = value => value ? undefined : msg.custRequireFiled;\nconst zero = value => value !== \"0\" ? undefined : msg.custRequireFiled;\nconst idPhone = value => value && /^[0-9]{10}$/.test(value) ? undefined : \"กรุณาใส่หมายเลขให้ถูกต้อง\";\nconst idCard = value => value && /^[0-9]{13}$/.test(value) ? undefined : msg.custInvalidIdCard;\n\nconst handleSubmitSuccess = (result, dispatch, props) => {\n let message = msg.errMessage;\n let success = false;\n if (result.payload) {\n success = result.payload.customer_id ? true : false;\n if (success) {\n message = msg.custSuccessUpdate;\n }\n }\n props.onShowSubmitModal(message, success);\n}\n\nconst handleSubmitFail = (errors, dispatch, props) => {\n console.log(errors);\n props.onShowSubmitModal(msg.errMessage);\n}\n\n// const mapStateToProps = ({ customer }) => {\n// return ({\n// initialValues: customer.data\n// \n// })\n// };\n\nconst mapStateToProps = state => ({\n initialValues: state.customer.data,\n titles: state.titles.items,\n address_delivery: state.titles.delivery,\n address_company: state.titles.company,\n provinces: state.address.provinces,\n districts: state.address.districts,\n subDistricts: state.address.subDistricts,\n zipcodes: state.address.zipCodes,\n l: state.i18n.locale\n});\n\nRegisterForm = reduxForm({\n form: \"register\",\n enableReinitialize: true,\n onSubmitSuccess: handleSubmitSuccess,\n onSubmitFail: handleSubmitFail\n})(RegisterForm);\n\nexport default connect(\n mapStateToProps, {\n fetchProvinces,\n fetchDistricts,\n fetchSubDistricts,\n fetchZipCodes,\n})(RegisterForm);\n\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { fetchCustomer, updateCustomer, updateOrdersEditCustomer } from \"../../store/register/customerAction\";\nimport { fetchTitles, fetchAddressProject, fetchAddressCompany } from \"../../store/query/queryAction\";\nimport { msg, config } from \"../../constants\"\nimport RegisterHeader from \"./RegisterHeader\"\nimport RegisterForm from \"./RegisterForm\"\nimport RegisterModal from \"./RegisterModal\"\nimport { Modal, ModalBody, Spinner } from 'reactstrap';\n\nimport axios from 'axios';\n\nclass registerPage extends Component {\n state = {\n mode: \"\", // View, Edit, Expire\n modalSubmit: false,\n modalOrder: false,\n message: \"\",\n submit: false,\n isFirstTime: true,\n modalIsOpen: false\n };\n\n\n async componentDidMount() {\n\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n \n const { project, customerID } = this.props;\n const params = { project_id: project.project_id, customer_id: customerID };\n this.props.fetchCustomer(params);\n this.props.fetchTitles();\n this.props.fetchAddressProject(params);\n this.props.fetchAddressCompany(params);\n }\n\n componentWillReceiveProps(nextProps) {\n const { customer, project } = nextProps;\n if (customer && this.state.isFirstTime) {\n let mode = \"Expire\";\n if (project.project_status === \"A\" && project.order_status === 'A') {\n mode = customer.id_card ? \"View\" : \"Edit\";\n }\n this.setState({\n mode: mode,\n isFirstTime: false\n })\n }\n }\n\n openModal = () => {\n this.setState({ modalIsOpen: true });\n }\n closeModal = () => {\n this.setState({ modalIsOpen: false });\n }\n\n handleEdit = mode => {\n if (this.props.orders.length > 0) {\n this.showOrderModal();\n } else {\n this.enableEdit(mode);\n }\n };\n\n enableEdit = (mode) => {\n this.setState({\n mode: mode,\n });\n }\n\n checkMode = () => {\n return this.state.mode === \"Edit\" ? false : true\n };\n\n showOrderModal = () => {\n this.setState({\n modalOrder: true,\n });\n }\n\n showSubmitModal = (message, success) => {\n this.setState({\n modalSubmit: true,\n message: message,\n submit: success,\n });\n }\n\n handleOrderModal = (visible, mode) => {\n this.setState({\n modalOrder: visible,\n mode: mode\n });\n if (mode === 'Edit') {\n const { project, customerID } = this.props;\n const params = { project_id: project.project_id, customer_id: customerID };\n this.props.updateOrdersEditCustomer(params);\n }\n };\n\n handleSubmitModal = (visible) => {\n this.setState({\n modalSubmit: visible\n });\n };\n\n render() {\n const { formValues, updateCustomer } = this.props;\n const customStyles = {\n textAlign: 'center',\n top: '40%',\n }\n if (this.state.submit && this.state.modalSubmit === false) {\n window.location = config.baseUrl + \"/shop/\" + this.props.project.project_encrypt;\n }\n return (\n \n
\n \n );\n }\n}\nexport default modal;\n","import React, { Component } from \"react\";\n\nimport { Modal } from \"reactstrap\";\nimport { config, msg } from \"../../constants\";\nimport CallApi from \"../../util/CallApi\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { fetchOrders } from \"../../store/orders/ordersAction\";\nimport { toggleDetailModal, updateDetail } from \"../../store/orders/ordersAction\";\nimport { fetchProjectAddrLabel, fetchProjectMsisdn } from \"../../store/project/projectAction\";\nimport { toggleAlert } from \"../../store/alertbox/alertboxAction\";\nimport axios from \"axios\";\n\nconst callApi = new CallApi();\nconst locale = require(\"react-redux-i18n\").I18n;\n\nclass DetailModal extends Component {\n\n state = {\n normalMode: true,\n msisdnList: [],\n msisdnSelect: '',\n msisdnValiCode: '',\n msisdnValiDate: false,\n msisdnValiMsg: msg.custErrExistMsisdn,\n detailModal: this.props.modal,\n addressDelively: this.props.address_delivery ? \"at006\" : \"at003\",\n addressBill: 'at002',\n IRModal: false,\n existNumModal: false,\n provinceBillId: 0,\n districtBillId: 0,\n subDistrictBillId: 0,\n msisdnData: [],\n orderDetail: {\n msisdn_type: \"new\",\n msisdn: \"\",\n ir_flag: false,\n address_delivery: {\n address_type: this.props.address_delivery ? \"at006\" : \"at003\",\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n },\n address_bill: {\n address_type: \"at002\",\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n }\n },\n msisdn: '',\n ir_flag: false,\n msisdn_type: '',\n provinceDeliveryId: 0,\n districtDeliveryId: 0,\n subDistrictDeliveryId: 0,\n checkMsisdn: \"\",\n errors: {\n address_delivery: {\n city: \"\",\n amphur: \"\",\n tumbon: \"\",\n zip: \"\"\n },\n address_bill: {\n city: \"\",\n amphur: \"\",\n tumbon: \"\",\n zip: \"\"\n }\n }\n };\n\n componentDidMount = async () => {\n\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n\n this.props.fetchProjectAddrLabel();\n }\n\n // componentWillMount() {\n // this.props.fetchProjectAddrLabel();\n // }\n\n\n componentWillReceiveProps(next) {\n if (next.order.order_detail) {\n console.log('have new order')\n const orderDetail = next.order.order_detail;\n delete orderDetail[\"msisdn_display\"];\n delete orderDetail[\"address_bill_type\"];\n delete orderDetail[\"address_delivery_type\"];\n delete orderDetail[\"address_bill_display\"];\n delete orderDetail[\"address_delivery_display\"];\n\n if (orderDetail.address_delivery !== '' && orderDetail.hasOwnProperty('address_delivery')) {\n if (typeof orderDetail.address_delivery.address_type !== \"undefined\") {\n this.setState({ addressDelively: orderDetail.address_delivery.address_type });\n }\n }\n if (orderDetail.address_bill !== '' && orderDetail.hasOwnProperty('address_bill')) {\n if (typeof orderDetail.address_bill.address_type !== \"undefined\") {\n this.setState({ addressBill: orderDetail.address_bill.address_type });\n }\n }\n if (orderDetail.hasOwnProperty('address_delivery') && orderDetail.hasOwnProperty('address_bill')) {\n if (orderDetail.address_delivery.address_type !== 'at004' && orderDetail.address_bill.address_type !== 'at004') {\n\n this.setState({\n msisdnData: next.order.msisdn_selected || [],\n orderDetail: {\n ...orderDetail,\n address_delivery: {\n ...orderDetail.address_delivery,\n address_type: this.state.orderDetail.address_delivery.address_type,\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n },\n address_bill: {\n ...orderDetail.address_bill,\n address_type: this.state.orderDetail.address_bill.address_type,\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n }\n }\n });\n }\n else if (orderDetail.address_delivery.address_type === 'at004' && orderDetail.address_bill.address_type !== 'at004') {\n this.setState({\n orderDetail: {\n ...orderDetail,\n address_delivery: {\n ...orderDetail.address_delivery\n },\n address_bill: {\n ...orderDetail.address_bill,\n address_type: this.state.orderDetail.address_bill.address_type,\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n }\n }\n });\n }\n else if (orderDetail.address_delivery.address_type !== 'at004' && orderDetail.address_bill.address_type === 'at004') {\n this.setState({\n orderDetail: {\n ...orderDetail,\n address_delivery: {\n ...orderDetail.address_delivery,\n address_type: this.state.orderDetail.address_delivery.address_type,\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n },\n address_bill: {\n ...orderDetail.address_bill\n }\n }\n });\n }\n else {\n this.setState({ ...this.state.orderDetail, orderDetail });\n }\n\n }\n\n if (orderDetail.hasOwnProperty('address_delivery') && orderDetail.address_delivery.address_type === \"at004\") {\n const provinceName = orderDetail.address_delivery.city;\n const province = next.provincesData.find(province => province.name === provinceName);\n\n const districtName = orderDetail.address_delivery.amphur;\n const district = next.districtsData.find(district => district.name === districtName);\n\n const subDistrictName = orderDetail.address_delivery.tumbon;\n const subDistrict = next.subDistrictsData.find(sdistrict => sdistrict.name === subDistrictName);\n\n if (typeof province !== 'undefined' && typeof district !== 'undefined' && typeof subDistrict !== 'undefined') {\n this.setState({\n provinceDeliveryId: province.id,\n districtDeliveryId: district.id,\n subDistrictDeliveryId: subDistrict.id,\n });\n }\n }\n\n if (orderDetail.hasOwnProperty('address_bill') && orderDetail.address_bill.address_type === \"at004\") {\n const provinceName = orderDetail.address_bill.city;\n const province = next.provincesData.find(province => province.name === provinceName);\n const districtName = orderDetail.address_bill.amphur;\n const district = next.districtsData.find(district => district.name === districtName);\n const subDistrictName = orderDetail.address_bill.tumbon;\n const subDistrict = next.subDistrictsData.find(sdistrict => sdistrict.name === subDistrictName);\n if (typeof province !== 'undefined' && typeof district !== 'undefined' && typeof subDistrict !== 'undefined') {\n this.setState({\n provinceBillId: province.id,\n districtBillId: district.id,\n subDistrictBillId: subDistrict.id,\n });\n }\n }\n }\n if (next.project.billaddress_type_id === 'bt002') {\n this.setState({\n addressBill: 'at003',\n orderDetail: {\n ...this.state.orderDetail,\n address_bill: {\n ...this.state.orderDetail.address_bill,\n address_type: 'at003'\n }\n }\n })\n }\n }\n\n toggleIRBox = async (e) => {\n const { checked } = e.target;\n await this.setState({\n orderDetail: {\n ...this.state.orderDetail,\n ir_flag: checked\n }\n });\n if (checked) {\n this.setState({\n IRModal: !this.state.IRModal,\n existNumModal: false\n });\n }\n }\n\n closeModal = () => {\n this.setState({\n IRModal: false,\n existNumModal: false\n });\n }\n\n toggleExistNumber = (e) => {\n const { checked, name, value } = e.target;\n if (checked) {\n this.setState({\n existNumModal: !this.state.existNumModal,\n IRModal: false,\n orderDetail: {\n ...this.state.orderDetail,\n [name]: value\n }\n });\n }\n }\n\n changeAddressType = e => {\n const { value, name } = e.target;\n const addrType = e.target.getAttribute('addr_type');\n let addressDetail = { ...this.state.orderDetail[addrType], address_type: value };\n this.setState({\n [name]: value,\n orderDetail: {\n ...this.state.orderDetail,\n address_bill: {\n ...this.state.orderDetail.address_bill\n },\n address_delivery: {\n ...this.state.orderDetail.address_delivery\n },\n [addrType]: addressDetail\n\n\n }\n });\n }\n\n selectMsisdn = (msisdn) => {\n this.setState({\n msisdnSelect: msisdn\n })\n }\n\n toggle = () => {\n this.setState({\n checkMsisdn: '',\n normalMode: true,\n msisdnList: [],\n msisdnSelect: '',\n })\n this.props.toggleDetailModal({});\n };\n\n getDistrict = type => {\n if (type === 'delivery') {\n return this.props.districtsData.filter(district =>\n district.provinceID === this.state.provinceDeliveryId\n )\n }\n else if (type === 'bill') {\n return this.props.districtsData.filter(district =>\n district.provinceID === this.state.provinceBillId\n )\n }\n };\n\n getSubDistrict = type => {\n if (type === 'delivery') {\n return this.props.subDistrictsData.filter(subDistrict =>\n subDistrict.provinceID === this.state.provinceDeliveryId && subDistrict.districtID === this.state.districtDeliveryId\n )\n }\n else if (type === 'bill') {\n return this.props.subDistrictsData.filter(subDistrict =>\n subDistrict.provinceID === this.state.provinceBillId && subDistrict.districtID === this.state.districtBillId\n )\n }\n };\n\n getZipcode = type => {\n if (type === 'delivery') {\n return this.props.zipcodesData.filter(zipcode =>\n zipcode.provinceID === this.state.provinceDeliveryId && zipcode.districtID === this.state.districtDeliveryId && zipcode.subDistrictID === this.state.subDistrictDeliveryId\n )\n }\n else if (type === 'bill') {\n return this.props.zipcodesData.filter(zipcode =>\n zipcode.provinceID === this.state.provinceBillId && zipcode.districtID === this.state.districtBillId && zipcode.subDistrictID === this.state.subDistrictBillId\n )\n }\n };\n\n onProvinceChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const type = target.options[selectedIndex].getAttribute('type');\n const addrType = \"address_\" + type;\n const provinceType = \"province\" + type.charAt(0).toUpperCase() + type.slice(1) + \"Id\";\n this.setState({\n [provinceType]: id,\n districtId: 0,\n subDistrictId: 0,\n orderDetail: {\n ...this.state.orderDetail,\n [addrType]: {\n ...this.state.orderDetail[addrType],\n city: target.value,\n amphur: \"\",\n tumbon: \"\",\n zip: \"\"\n }\n }\n });\n if (target.value !== '') {\n this.setState({\n errors: {\n address_delivery: {\n ...this.state.errors.address_delivery,\n },\n address_bill: {\n ...this.state.errors.address_bill,\n },\n [addrType]: {\n ...this.state.errors[addrType],\n city: ''\n }\n }\n });\n }\n };\n\n onDistrictChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const type = target.options[selectedIndex].getAttribute('type');\n const addrType = \"address_\" + type;\n const districtType = \"district\" + type.charAt(0).toUpperCase() + type.slice(1) + \"Id\";\n this.setState({\n [districtType]: id,\n subDistrictId: 0,\n orderDetail: {\n ...this.state.orderDetail,\n [addrType]: {\n ...this.state.orderDetail[addrType],\n amphur: target.value,\n tumbon: \"\",\n zip: \"\"\n }\n }\n });\n if (target.value !== '') {\n this.setState({\n errors: {\n address_delivery: {\n ...this.state.errors.address_delivery,\n },\n address_bill: {\n ...this.state.errors.address_bill,\n },\n [addrType]: {\n ...this.state.errors[addrType],\n amphur: ''\n }\n }\n });\n }\n }\n\n onSubDistrictChange = ({ target }) => {\n const selectedIndex = target.options.selectedIndex;\n const id = target.options[selectedIndex].getAttribute('id');\n const type = target.options[selectedIndex].getAttribute('type');\n const addrType = \"address_\" + type;\n const subDistrictType = \"subDistrict\" + type.charAt(0).toUpperCase() + type.slice(1) + \"Id\";\n this.setState({\n [subDistrictType]: id,\n orderDetail: {\n ...this.state.orderDetail,\n [addrType]: {\n ...this.state.orderDetail[addrType],\n tumbon: target.value\n }\n }\n });\n\n if (target.value !== '') {\n this.setState({\n errors: {\n address_delivery: {\n ...this.state.errors.address_delivery,\n },\n address_bill: {\n ...this.state.errors.address_bill,\n },\n [addrType]: {\n ...this.state.errors[addrType],\n tumbon: ''\n }\n }\n });\n }\n }\n\n handleMChange = e => {\n const { target } = e;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n const { name } = target;\n var orderDetail = {}\n orderDetail[name] = value;\n this.setState({\n orderDetail\n });\n }\n\n handleOrderChange = e => {\n const { target } = e;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n const { name } = target;\n this.setState({\n checkMsisdn: '',\n msisdnValiCode: '',\n msisdnValiDate: false,\n orderDetail: {\n ...this.state.orderDetail,\n msisdn: '',\n [name]: value\n }\n });\n }\n\n handleInputAddrChange = e => {\n const { target } = e;\n const value = target.type === 'checkbox' ? target.checked : target.value;\n const { name } = target;\n const typeAddr = target.getAttribute('typeaddr');\n const address = 'address_' + typeAddr;\n let orderDetail = { ...this.state.orderDetail };\n orderDetail[address][name] = value;\n this.setState({\n orderDetail\n });\n\n if (name === \"zip\" && target.value !== '') {\n this.setState({\n errors: {\n address_delivery: {\n ...this.state.errors.address_delivery,\n },\n address_bill: {\n ...this.state.errors.address_bill,\n },\n [address]: {\n ...this.state.errors[address],\n zip: ''\n }\n }\n });\n }\n }\n\n chkStatusDisable = () => {\n if (this.props.order.order_status === 'N' || this.props.order.order_status === 'W') {\n if (this.props.project.order_status === 'A') {\n return false\n } else {\n return true\n }\n } else {\n return true\n }\n }\n\n checkedBoxIrFlag = () => {\n return this.props.order.ir_flag === 1 ? true : false;\n }\n\n\n\n onVerifyMsisdn = () => {\n const msisdn = this.state.orderDetail.msisdn;\n const mock = false;\n const pass = true;\n if (msisdn === '') {\n return false\n }\n if (mock) {\n if (pass) {\n this.setState({ checkMsisdn: 'pass' });\n }\n else {\n this.setState({ checkMsisdn: 'fail' });\n }\n }\n else {\n callApi.postSecurity(\"/verifynumber\", {\n project_id: this.props.project.project_id,\n msisdn: msisdn,\n order_id: this.props.order.order_id\n })\n .then(data => {\n this.setState({\n msisdnValiDate: true\n });\n if (data.code === \"0000\") {\n this.setState({\n msisdnValiCode: data.code,\n checkMsisdn: 'pass'\n });\n }\n else {\n this.setState({\n msisdnValiCode: data.code,\n checkMsisdn: 'fail',\n msisdnValiMsg: data.text ? data.text : this.state.msisdnValiMsg\n });\n }\n })\n .catch(error => {\n alert(msg.errMessage);\n });\n }\n }\n\n validateOrderDetail = () => {\n let passValidate = true;\n let addrType = [];\n const state = this.state;\n\n\n if (this.state.addressDelively === \"at004\") {\n addrType.push(\"address_delivery\");\n }\n if (this.state.addressBill === \"at004\") {\n addrType.push(\"address_bill\");\n }\n let errors = {\n msisdnEmpty: \"\",\n address_delivery: {\n city: \"\",\n amphur: \"\",\n tumbon: \"\",\n zip: \"\"\n },\n address_bill: {\n city: \"\",\n amphur: \"\",\n tumbon: \"\",\n zip: \"\"\n }\n }\n addrType.forEach(function (v) {\n if (state.orderDetail[v].city === \"\" || typeof state.orderDetail[v].city == \"undefined\") {\n passValidate = false;\n errors[v].city = locale.t(\"validateRequire\");\n }\n if (state.orderDetail[v].amphur === \"\" || typeof state.orderDetail[v].amphur == \"undefined\") {\n passValidate = false;\n errors[v].amphur = locale.t(\"validateRequire\");\n }\n if (state.orderDetail[v].tumbon === \"\" || typeof state.orderDetail[v].tumbon == \"undefined\") {\n passValidate = false;\n errors[v].tumbon = locale.t(\"validateRequire\");\n\n }\n if (state.orderDetail[v].zip === \"\" || typeof state.orderDetail[v].zip == \"undefined\") {\n passValidate = false;\n errors[v].zip = locale.t(\"validateRequire\");\n }\n });\n\n if (state.orderDetail.msisdn_type === \"existing\" && (state.orderDetail.msisdn === \"\" || state.orderDetail.msisdn === undefined || state.orderDetail.msisdn === null)) {\n passValidate = false;\n errors.msisdnEmpty = locale.t(\"validateRequire\");\n }\n if (state.orderDetail.msisdn_type === \"existing\" && state.checkMsisdn === '') {\n passValidate = false;\n state.checkMsisdn = 'check'\n }\n if (state.orderDetail.msisdn_type === \"existing\" && state.checkMsisdn === 'fail') {\n passValidate = true;\n }\n this.setState({\n ...this.state,\n errors\n })\n return passValidate;\n }\n\n clickChooseMsisdn = () => {\n this.loadMsisdn()\n // console.log('choose Msisdn')\n this.setState({\n normalMode: false\n })\n }\n\n loadMsisdn = () => {\n const thisComp = this\n callApi.postSecurity(\"/project/msisdn/\" + this.props.project.project_id, {\n x: 1\n })\n .then(data => {\n console.log('/project/msisdn/data', data)\n thisComp.setState({\n\n msisdnList: data,\n })\n }).catch(error => {\n console.log(error)\n });\n }\n\n blackToNormal = () => {\n // console.log('choose Msisdn')\n this.setState({\n normalMode: true\n })\n }\n\n sentMarkMsisdn = () => {\n const thisComp = this\n console.log('sentMarkMsisdn log prop ', thisComp.props)\n // console.log('sentMarkMsisdn log state ',thisComp.state)\n const msisdnSelect = this.state.msisdnSelect\n const sentParam = {\n project_id: this.props.project.project_id,\n msisdn: msisdnSelect,\n order_id: this.props.order.order_id\n }\n\n callApi.postSecurity(\"/order/add/msisdn/\", sentParam)\n .then(data => {\n console.log('/order/add/msisdn/', data)\n\n this.props.fetchOrders({\n project_id: this.props.project.project_id,\n customer_id: this.props.customerID\n });\n\n thisComp.setState({\n msisdnData: [{ msisdn: msisdnSelect }],\n msisdnSelect: '',\n normalMode: true\n })\n\n }).catch(error => {\n console.log(error)\n });\n }\n\n handleChangeInput = event => {\n const { value, maxLength } = event.target;\n const message = value.slice(0, maxLength);\n this.setState({\n checkMsisdn: '',\n orderDetail: {\n ...this.state.orderDetail,\n msisdn: message\n }\n });\n };\n\n handleSubmit = () => {\n\n if (this.validateOrderDetail()) {\n const $state = this.state;\n const addrTypeDelivery = this.props.addressLabel.find(function (val) {\n return val.address_type_id === $state.orderDetail.address_delivery.address_type;\n });\n var addrTypeBill = {};\n if ($state.addressBill === 'at003') {\n addrTypeBill = this.props.projectAddrData\n } else {\n addrTypeBill = this.props.addressLabel.find(function (val) {\n return val.address_type_id === $state.orderDetail.address_bill.address_type;\n });\n }\n const emptyAddress = {\n building_name: '',\n floors: '',\n moo: '',\n houseno: '',\n room_no: '',\n soi: '',\n streetname: '',\n city: '',\n amphur: '',\n tumbon: '',\n zip: ''\n }\n let address_delivery = { ...this.state.orderDetail.address_delivery, address_name: addrTypeDelivery.address_type_id };\n let address_bill = { ...this.state.orderDetail.address_bill, address_name: addrTypeBill.address_type_id }\n if (this.state.orderDetail.address_delivery.address_type !== 'at004') {\n address_delivery = { ...address_delivery, ...emptyAddress }\n }\n if (this.state.orderDetail.address_bill.address_type !== 'at004') {\n address_bill = { ...address_bill, ...emptyAddress }\n }\n\n this.setState({\n orderDetail: {\n ...this.state.orderDetail,\n project_id: this.props.order.project_id,\n customer_id: this.props.customerID,\n product_id: this.props.order.product_id,\n address_bill: address_bill,\n address_delivery: address_delivery,\n msisdn_type: this.state.orderDetail.msisdn_type === null ? 'new' : this.state.orderDetail.msisdn_type,\n ir_flag: this.state.orderDetail.ir_flag !== undefined ?\n this.state.orderDetail.ir_flag\n :\n this.props.order.ir_flag ?\n this.props.order.ir_flag === 1 ? true : false\n : false,\n msisdnValiCode: this.state.msisdnValiCode,\n msisdnValiDate: this.state.msisdnValiDate\n }\n }, async () => {\n const orderData = { ...this.props.order, order_detail: this.state.orderDetail };\n await this.props.updateDetail(orderData);\n this.props.toggleDetailModal({});\n window.location.reload();\n });\n } else {\n this.props.toggleAlert(msg.custRequireFiled);\n }\n }\n\n render() {\n const addrType = this.props.addressLabel;\n let addrTypeBill;\n if (this.props.projectData.billaddress_type_id === \"bt002\") {\n addrTypeBill = addrType.find(function (addr) {\n return addr.address_type_id === 'at003';\n });\n addrTypeBill = addrTypeBill ? [addrTypeBill] : [];\n }\n else {\n addrTypeBill = addrType;\n }\n return (\n <>\n \n
\n {this.props.text}
\n\n \n ตกลง\n \n
\n \n
: \n
\n {'กรุณาเลือกหมายเลขโทรศัพท์ที่ท่านต้องการ'}
\n \n\n
\n \n
\n \n
\n {'***ในขั้นตอนการเลือกหมายเลขใหม่ แจ้งกรณีต้องการเปลี่ยนหมายเลข จะต้องลบ Order และจองสินค้าใหม่***'}
\n \n
\n \n {this.state.msisdnList.map(m => (parseInt(m.cn) !== 0) ? null :
\n {\n this.selectMsisdn(m.msisdn)\n }} style={{ cursor: 'pointer', padding: '5px', textAlign: 'center', margin: '5px', backgroundColor: (parseInt(this.state.msisdnSelect) === parseInt(m.msisdn)) ? '#E91D25' : '#666666' }}>{m.msisdn}
)}\n \n \n \n
\n \n
}\n \n
{locale.t(\"detail\")}
\n \n\n \n\n \n \n\n \n
\n \n
\n \n\n \n \n \n \n \n \n
\n \n {/*
\n \n \n {addrType.map((addr) =>\n \n )}\n\n \n
*/}\n\n {this.state.addressDelively === 'at002' && (\n \n {addrTypeBill.length !== 0 &&\n
\n \n \n {addrTypeBill.map((addr) =>\n \n )}\n\n \n
\n }\n {this.state.addressBill === 'at002' && (\n \n \n \n {this.props.projectData.flag_ir === 1 ? (\n
\n {locale.t(\"telNumberService\")}
\n\n {(this.props.projectData.number_type_id === 'nt001' || this.props.projectData.number_type_id === 'nt004') &&\n <>\n \n {(this.props.projectData.number_type_id === 'nt004') ? ((this.state.msisdnData.length > 0) ? (
\n {(this.props.projectData.number_type_id === 'nt002' || this.props.projectData.number_type_id === 'nt003' || this.props.projectData.number_type_id === 'nt005') &&\n {this.state.msisdnData[0].msisdn}
) :\n )\n : null}\n \n }\n {this.props.projectData.number_type_id === 'nt002' &&\n \n }\n\n {(this.props.projectData.number_type_id === 'nt003' || this.props.projectData.number_type_id === 'nt005') &&\n <>\n \n {(this.props.projectData.number_type_id === 'nt005') ? ((this.state.msisdnData.length > 0) ? ({this.state.msisdnData[0].msisdn}
) :\n )\n : null}\n \n \n }\n\n \n
\n }\n\n\n \n
\n \n \n \n ตรวจสอบ\n \n
\n \n \n
\n ) : ('')}\n\n \n
\n {this.props.projectData.txt_ir_msg}
\n\n \n {locale.t(\"ok\")}\n \n\n
\n \n
\n {this.props.projectData.txt_mnp_msg}
\n\n \n {locale.t(\"ok\")}\n \n\n
\n \n \n \n
\n \n
\n );\n}\n\nconst OfficeAddr = (props) => {\n const { title, firstname, lastname } = props.profile;\n const { address_name, building_name, houseno, moo, floors, soi, streetname, tumbon, amphur, city, zip } = props.address;\n return (\n {title} {firstname} {lastname}
\n{address_name}
\nเลขที่ {houseno ? houseno : '-'} หมู่บ้าน/อาคาร {building_name ? building_name : '-'}\n {\" \"}ชั้น {floors ? floors : '-'}\n {\" \"}หมู่ {moo ? moo : '-'} ตรอก/ซอย {soi ? soi : '-'} ถนน {streetname ? streetname : '-'}\n {\" \"}ตำบล/แขวง {tumbon ? tumbon : '-'} อำเภอ/เขต {amphur ? amphur : '-'}\n {\" \"}จังหวัด {city ? city : '-'} รหัสไปรษณีย์ {zip ? zip : '-'}\n
\n\n
\n );\n}\n\nconst CustomAddr = (props) => {\n const { provinces, getDistrict, getSubDistrict, getZipcode, onProvinceChange, onDistrictChange, onSubDistrictChange, addressDetail, handleInputAddrChange, type, errors } = props;\n const err_type = 'address_' + type\n\n const provinceItems = provinces.map((province) =>\n \n );\n provinceItems.unshift(\n \n );\n\n const districtItems = getDistrict(type).map((district) =>\n \n );\n districtItems.unshift(\n \n );\n\n const subDistrictItems = getSubDistrict(type).map((subDistrict) =>\n \n );\n subDistrictItems.unshift(\n \n );\n\n const zipcodeItems = getZipcode(type).map((zipcode) =>\n \n );\n zipcodeItems.unshift(\n \n );\n\n return (\n {title} {firstname} {lastname}
\n{address_name}
\nเลขที่ {houseno ? houseno : '-'} หมู่บ้าน/อาคาร {building_name ? building_name : '-'}\n {\" \"}ชั้น {floors ? floors : '-'}\n {\" \"}หมู่ {moo ? moo : '-'} ตรอก/ซอย {soi ? soi : '-'} ถนน {streetname ? streetname : '-'}\n {\" \"}ตำบล/แขวง {tumbon ? tumbon : '-'} อำเภอ/เขต {amphur ? amphur : '-'}\n {\" \"}จังหวัด {city ? city : '-'} รหัสไปรษณีย์ {zip ? zip : '-'}\n
\n\n
\n )\n}\n\nDetailModal.propTypes = {\n fetchOrders: PropTypes.func.isRequired,\n orders: PropTypes.array.isRequired,\n isFetching: PropTypes.bool\n};\n\nconst mapStateToProps = state => ({\n isDetailModalOpen: state.orders.isDetailModalOpen,\n toggleDetailModal: state.orders.toggleDetailModal,\n order: state.orders.order,\n addressLabel: state.project.address_label,\n address_company: state.project.address_company,\n address_delivery: state.project.address_delivery,\n project: state.project.info,\n customerID: state.login.customerID,\n user: state.customer.data,\n toggleAlert: PropTypes.func.isRequired,\n l: state.i18n.locale\n});\n\nexport default connect(mapStateToProps, {\n toggleDetailModal,\n fetchProjectAddrLabel,\n fetchProjectMsisdn,\n fetchOrders,\n toggleAlert,\n updateDetail\n})(DetailModal);","export const globalConstants = {\n IMPORT_DOCUMENT: 7,// MB.\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/alt-text */\nimport React, { Component } from \"react\";\n\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Spinner } from \"reactstrap\";\nimport FileUploadProgress from \"react-fileupload-progress\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport {\n toggleDocModal,\n updateDoc,\n orderApprove\n} from \"../../store/orders/ordersAction\";\nimport { toggleAlert } from \"../../store/alertbox/alertboxAction\";\nimport { config, msg } from \"../../constants\";\nimport { globalConstants } from \"../../global-configs\";\n\nclass OrderModal extends Component {\n constructor(props) {\n super(props);\n // console.log('modalDoc------------------------', props);\n const docSets = (typeof props.order.doc_structures === 'undefined' || props.order.doc_structures === null || props.order.doc_structures === '') ? [] : JSON.parse(props.order.doc_structures);\n // console.log(docSets);\n this.state = {\n mainDocId: [1, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18],\n previewModal: false,\n previewUrl: null,\n pdfModal: false,\n acceptTerm: false,\n acceptTermInput: false,\n cssSpinner: '',\n cssSpinnerSubmit: '',\n thePdfId: '',\n pdfBlob: null,\n rawBlob: null,\n getFile: false,\n docSets: docSets,\n order: props.order,\n idx: props.idx,\n updatedoc: props.updatedoc,\n maxMB: globalConstants.IMPORT_DOCUMENT,\n alertModal: false,\n alertMsg: '',\n };\n };\n\n componentWillMount() {\n this.setState({\n cssSpinner: 'hide',\n cssSpinnerSubmit: 'hide'\n })\n }\n\n componentWillReceiveProps(next) {\n const docSets = (typeof next.order.doc_structures === 'undefined' || next.order.doc_structures === null || next.order.doc_structures === '') ? [] : JSON.parse(next.order.doc_structures);\n this.setState({\n order: next.order,\n docSets: docSets,\n idx: next.idx,\n updatedoc: next.updatedoc,\n alertModal: false,\n alertMsg: '',\n });\n }\n\n toggleTermInput = () => {\n this.setState(prevState => ({\n acceptTermInput: !prevState.acceptTermInput\n }));\n };\n\n\n togglePDFModal = async () => {\n var chkError = false\n this.setState({\n cssSpinner: ''\n })\n\n let thePdfUrl = `${config.generateUrlNew}/${this.state.order.project_id}/${this.state.order.order_id}`\n\n let thePdfId = 0;\n\n const docLoop = this.state.docSets.map(val => {\n if (this.state.mainDocId.indexOf(parseInt(val.id)) !== -1) {\n thePdfId = parseInt(val.id)\n }\n })\n\n console.log('this.state.mainDocId', this.state.mainDocId);\n console.log('this.state.docSets', this.state.docSets);\n\n switch (thePdfId) {\n case 1:\n case 8:\n case 9:\n case 10:\n thePdfUrl = `${config.generateUrlNew}/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 11:\n thePdfUrl = `${config.generateUrlNew}/payroll/postpaid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 12:\n thePdfUrl = `${config.generateUrlNew}/payroll/hybrid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 13:\n thePdfUrl = `${config.generateUrlNew}/simonly/postpaid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 14:\n thePdfUrl = `${config.generateUrlNew}/simonly/hybrid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 15:\n thePdfUrl = `${config.generateUrlNew}/onetime/postpaid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 16:\n thePdfUrl = `${config.generateUrlNew}/onetime/hybrid/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 17:\n thePdfUrl = `${config.generateUrlNew}/payroll/postpaid2/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n case 18:\n thePdfUrl = `${config.generateUrlNew}/payroll/hybrid2/${this.state.order.project_id}/${this.state.order.order_id}`\n break\n default:\n\n }\n\n console.log('thePdfId', thePdfId)\n console.log('thePdfUrl', thePdfUrl)\n\n\n await fetch(thePdfUrl,\n {\n // method: \"GET\",\n method: \"POST\",\n headers: {\n Authorization: \"Bearer \" + localStorage.getItem(\"access_token\"),\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Origin, X-Requested-With\",\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ customer_id: this.state.order.customer_id })\n }\n ).then(res => res.blob()\n ).then(blob => {\n const objectURL = URL.createObjectURL(blob);\n this.setState({\n thePdfId: thePdfId,\n pdfBlob: objectURL,\n rawBlob: blob\n });\n }).catch(error => {\n chkError = true\n console.log(error);\n // this.props.toggleAlert(`ขออภัย ระบบไม่สามารถใช้งานได้ในขณะนี้ กรุณาลองใหม่ในภายหลัง`);\n this.openAlertModal('ขออภัย ระบบไม่สามารถใช้งานได้ในขณะนี้ กรุณาลองใหม่ในภายหลัง');\n });\n this.setState({\n cssSpinner: 'hide'\n })\n if (!chkError) {\n this.setState(prevState => ({\n pdfModal: !prevState.pdfModal\n }));\n\n if (!this.state.pdfModal) {\n setTimeout(() => {\n if (document.getElementById(\"idPDFModal\")) {\n document\n .getElementById(\"idPDFModal\")\n .parentElement.classList.add(\"modal-full\");\n }\n }, 400);\n }\n\n }\n };\n\n togglePreviewModal = async () => {\n const thisComp = this;\n thisComp.setState({\n previewModal: !thisComp.state.previewModal\n });\n };\n\n uploadBlobFile = () => {\n console.log('uploadBlobFile--------');\n document.getElementById('finalBtn').style.display = \"none\"\n this.setState({\n cssSpinnerSubmit: ''\n })\n var fd = new FormData();\n fd.append(\"file\", this.state.rawBlob, this.state.order.order_id + \".pdf\");\n const docSets = this.state.docSets;\n this.state.order.document_all.forEach(val => {\n // if (val.doc_type_id === 1 || val.doc_type_id === 8) {\n\n console.log('val.doc_type_id', val.doc_type_id)\n if (this.state.mainDocId.indexOf(parseInt(this.state.thePdfId)) !== -1 && parseInt(val.doc_type_id) === parseInt(this.state.thePdfId)) {\n console.log('this.state.thePdfId', this.state.thePdfId)\n const docSetFound = docSets.filter(v => (v.id === this.state.thePdfId));\n const docCode = (docSetFound.length > 0) ? docSetFound[0].code : '';\n const docId = (docSetFound.length > 0) ? docSetFound[0].id : '';\n console.log('docSetFound', docSetFound)\n\n const uploadUrlFull = `${config.uploadFileUrl}/project/doc/upload/bycode/${docCode}/${val.cdc_filetype_code}/${this.state.order.order_id}/${this.state.order.customer_id_card}`\n\n console.log('uploadUrlFull', uploadUrlFull)\n\n fetch(\n uploadUrlFull,\n {\n method: \"POST\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n Authorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n },\n body: fd\n }\n ).then(res => res.json()).then(data => {\n val.value = this.state.order.order_id + \".pdf\";\n val.key_id = data.file_id;\n var param = {\n ...val,\n code: docCode,\n doc_type_id: docId,\n doc_id: this.state.order.doc_id,\n order_id: this.state.order.order_id,\n value: this.state.order.order_id + \".pdf\",\n key_id: data.file_id,\n file_id: data.file_id,\n doc_code: data.doc_code,\n project_id: this.state.order.project_id,\n customer_id: this.state.order.customer_id\n };\n // this.props.updateDoc(param);\n\n var url = `${config.uploadFileUrl}/document/${this.state.order.order_id}`;\n // console.log('----------------End -------------------------');\n this.updateDoc(url, param);\n this.setState({\n cssSpinnerSubmit: '',\n thePdfId: 0\n })\n this.setState(prevState => ({\n pdfModal: !prevState.pdfModal\n }));\n });\n }\n });\n };\n\n onCloseModal = () => {\n this.setState({\n acceptTerm: false,\n acceptTermInput: false\n });\n this.props.toggleDocModal({});\n };\n\n onCancelModal = () => {\n this.onCloseModal();\n window.location.reload()\n };\n\n getterForm = id => {\n return new FormData(document.getElementById(`form_${id}`));\n };\n\n addToken = xhr => {\n xhr.setRequestHeader(\"Access-Control-Allow-Origin\", \"*\");\n xhr.setRequestHeader(\"Authorization\", \"Bearer \" + localStorage.getItem(\"access_token\"));\n return xhr;\n };\n\n progressBar = (index, progress, hasError, cancelHandler) => {\n const thisComp = this;\n // console.log('progressBar-----', hasError, progress, thisComp.state.uploadErrorText);\n if (hasError || progress > -1) {\n let barStyle = {};\n barStyle.width = progress + \"%\";\n\n let message = \"\";\n if (hasError) {\n barStyle.backgroundColor = \"#d9534f\";\n message = (Failed to upload);\n }\n\n return (hasError) ? null : (\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n \n
\n \n \n
\n\n \n
\n \n \n
\n {errors[err_type].city}
\n \n \n
\n\n \n
\n \n \n
\n {errors[err_type].amphur}
\n \n \n
\n\n \n
\n \n \n
\n {errors[err_type].tumbon}
\n \n \n
\n \n
\n \n \n
\n {errors[err_type].zip}
\n \n
\n );\n } else {\n return null;\n }\n };\n\n onSubmitFile = (responseText, name, index) => {\n document.getElementById('cssSpinner' + index).style.display = 'none';\n document.getElementById('uploadFormSection').style.display = 'none';\n\n const thisComp = this;\n\n const response = JSON.parse(responseText);\n\n const docSets = thisComp.state.docSets;\n if (parseInt(response.code) === 200) {\n docSets.forEach(val => {\n // console.log(val.code);\n if (val.code === response.doc_code) {\n console.log(val.code + '===' + response.doc_code);\n\n val.file_id = response.file_id;\n var fileName = response.file_name;\n\n var sendingData = {\n ...val,\n doc_type_id: val.id,\n doc_id: thisComp.state.order.doc_id,\n key_id: response.file_id,\n file_id: response.file_id,\n value: fileName,\n doc_code: response.doc_code,\n project_id: thisComp.state.order.project_id,\n customer_id: thisComp.state.order.customer_id,\n order_id: thisComp.state.order.order_id\n };\n\n var url = `${config.uploadFileUrl}/document/${thisComp.state.order.order_id}`;\n // console.log('----------------End -------------------------');\n thisComp.updateDoc(url, sendingData);\n }\n });\n\n } else {\n thisComp.openAlertModal('Upload Document Error : '+response.description);\n }\n };\n\n updateDoc = async (url, params) => {\n // console.log('updateDoc-----');\n const thisComp = this;\n var myHeaders = new Headers();\n myHeaders.append(\"Content-Type\", \"application/json\");\n\n var raw = JSON.stringify(params);\n\n var requestOptions = {\n method: 'POST',\n headers: myHeaders,\n body: raw,\n redirect: 'follow'\n };\n\n const resp = await fetch(url, requestOptions)\n .then(response => response.json())\n .then(result => {\n // console.log(result);\n // console.log('idx >> ', thisComp.state.idx);\n if (parseInt(result.code) === 200) {\n thisComp.state.updatedoc(thisComp.state.idx, result.data);\n } else {\n thisComp.openAlertModal('Update Document Error');\n }\n\n return result\n })\n .catch(error => console.log(error));\n\n return resp;\n };\n\n onChangeFile = (e, val, onSubmit) => {\n const thisComp = this;\n\n const fileName = e.target.value.substring(\n e.target.value.lastIndexOf(\"\\\\\") + 1,\n e.target.value.length\n );\n\n // const doc_type_id = val.doc_type_id;\n // console.log('onChangeFile-----', fileName);\n if (e.target.value) {\n // console.log('onSubmit', e);\n onSubmit(e);\n }\n\n };\n\n finalBtn = () => {\n const thisComp = this;\n // console.log(thisComp.state.order);\n // console.log(thisComp.state.docSets);\n const documentItems = thisComp.state.order.document_items.filter(d => (d.order_id === thisComp.state.order.order_id));\n const docReq = thisComp.state.docSets.filter(val => {\n const docFound = documentItems.filter(d => (d.doc_type_id === val.id && d.doc_code === val.code));\n return (docFound.length === 0 && val.req);\n });\n\n // console.log(docReq);\n if (docReq.length > 0) {\n thisComp.openAlertModal('กรุณาอัพโหลดเอกสารให้ครบถ้วน');\n } else {\n // console.log('Close Modal--');\n this.onCloseModal(this.state.order);\n\n // console.log('Open Modal 01');\n orderApprove(this.state.order);\n\n // console.log('Open Modal 00');\n this.props.toggleAlert(msg.docOrderApprove, \"1\");\n // this.openAlertModal(msg.docOrderApprove);\n\n }\n };\n\n customForm = (onSubmit, val, i) => {\n const thisComp = this;\n const documentItems = thisComp.state.order.document_items.filter(d => (d.order_id === thisComp.state.order.order_id));\n const docFound = documentItems.filter(d => (d.doc_type_id === val.id && d.doc_code === val.code));\n return (\n \n );\n };\n\n getFILE = async (file_id) => {\n await fetch(`${config.uploadFileUrl}/getfile/${file_id}`,\n {\n // method: \"GET\",\n method: \"POST\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n Authorization: \"Bearer \" + localStorage.getItem(\"access_token\")\n },\n })\n .then(res => res.blob())\n .then(blob => {\n const objectURL = URL.createObjectURL(blob);\n this.setState({\n pdfBlob: objectURL,\n rawBlob: blob,\n getFile: true\n });\n });\n }\n\n getFileNew = async (file_type, file_id) => {\n var objectURL = `${config.uploadFileUrl}/project/doc/write/${file_type}/${file_id}`;\n\n this.setState({\n pdfBlob: objectURL,\n getFile: true\n });\n }\n\n previewFile = async (val) => {\n // console.log(val);\n const thisComp = this;\n const file_id = val.file_id;\n const file_type = val.file_name.split(\".\")[1] ? val.file_name.split(\".\")[1] : \"txt\";\n var objectURL = `${config.uploadFileUrl}/project/doc/write/${file_type}/${file_id}`;\n\n thisComp.setState({\n previewUrl: objectURL,\n previewModal: !thisComp.state.previewModal\n }, () => {\n // document.getElementById(\"idPreviewModal\").parentElement.classList.add(\"modal-full\");\n });\n }\n\n previewStartFile = async (val) => {\n const thisComp = this;\n const file_id = val.file_id;\n const file_type = val.value.split(\".\")[1] ? val.value.split(\".\")[1] : \"txt\";\n var objectURL = `${config.uploadFileUrl}/project/doc/write/${file_type}/${file_id}`;\n\n thisComp.setState({\n previewUrl: objectURL,\n previewModal: !thisComp.state.previewModal,\n getFile: true\n }, () => {\n // document.getElementById(\"idPreviewModal\").parentElement.classList.add(\"modal-full\");\n });\n }\n\n toggleAlertModal = () => {\n // console.log('togglePDFModal-----');\n this.setState({\n alertModal: !this.state.alertModal\n });\n };\n\n openAlertModal = msg => {\n console.log(msg);\n this.setState({\n alertModal: true,\n alertMsg: msg\n });\n };\n\n render() {\n const thisComp = this;\n // console.log('render>>', thisComp.state.docSets);\n if (thisComp.state.order.document_detail && thisComp.state.order.document_detail[0]) {\n if (thisComp.state.order.document_detail[0].file_id && !thisComp.state.getFile) {\n thisComp.previewStartFile(thisComp.state.order.document_detail[0]);\n }\n } else {\n thisComp.state.order.document_detail = []\n }\n const closeBtn = ;\n\n const docSets = thisComp.state.docSets;\n return (\n <>\n \n {!hasError ?\n
\n \n {message ? {message}
: \"\"}\n \n อัพโหลดเอกสาร
\n\n {\n docSets.map((val, i) => {\n const docFound = thisComp.state.order.document_all.filter(d => (d.doc_type_id === val.id));\n const cdcFiletypeCode = (docFound.length > 0) ? docFound[0].cdc_filetype_code : '';\n return (\n { thisComp.onSubmitFile(request.response, val.name, i); }}\n onError={(e, request) => {\n const requestResponse = JSON.parse(request.response);\n const errorMessage = requestResponse.description || '';\n thisComp.openAlertModal('Upload File failed (' + errorMessage + ')');\n console.log(\"error\", e, request);\n }}\n formGetter={() => { return thisComp.getterForm(i); }}\n formRenderer={onSubmit => { return thisComp.customForm(onSubmit, val, i); }}\n progressRenderer={thisComp.progressBar.bind(thisComp, i)}\n beforeSend={thisComp.addToken}\n />\n )\n })}\n
\n \n แนบเอกสาร (ไฟล์ประเภท PDF, JPG, PNG, DOC, DOCX) ขนาดไม่เกิน {thisComp.state.maxMB} MB. เท่านั้น\n
\n {thisComp.state.acceptTermInput ? (\n \"\"\n ) : (\n\n \n อ่านยอมรับเงื่อนไขและสัญญาการรับสิทธิ{\" \"}\n \n
\n )}\n {thisComp.state.acceptTermInput ? (\n \n
\n ) : (\n \"\"\n )}\n \n \n ข้าพเจ้ายอมรับเงื่อนไขและสัญญา\n
\n \n ทางบริษัทฯ ขอสงวนสิทธิในการเปลี่ยนแปลงการสั่งจองสินค้า{\" \"}\n
\n ควรตรวจสอบข้อมูลให้เรียบร้อยก่อนกดยืนยันสั่งซื้อ\n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n ปิด\n \n
\n \n\n {this.state.alertMsg}
\n \n \n ปิด\n \n
\n \n \n );\n }\n}\n\nOrderModal.propTypes = {\n isDocModalOpen: PropTypes.bool.isRequired,\n toggleDocModal: PropTypes.func.isRequired,\n toggleAlert: PropTypes.func.isRequired,\n updateDoc: PropTypes.func.isRequired,\n orderApprove: PropTypes.func.isRequired,\n order: PropTypes.object\n};\n\nconst mapStateToProps = state => ({\n isDocModalOpen: state.orders.isDocModalOpen,\n order: state.orders.order\n});\n\nexport default connect(\n mapStateToProps,\n {\n toggleDocModal,\n updateDoc,\n orderApprove,\n toggleAlert\n }\n)(OrderModal);\n","import React, { Component } from \"react\";\n\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { config, msg } from \"../../constants\";\nimport {\n fetchOrders,\n deleteOrders,\n toggleDocModal,\n toggleDetailModal\n} from \"../../store/orders/ordersAction\";\nimport { fetchProjectAddr, fetchAddressDelivery, fetchAddressCompany } from \"../../store/project/projectAction\";\nimport { fetchAddress } from \"../../store/address/addressAction\";\nimport { fetchCustomer } from \"../../store/register/customerAction\";\nimport {\n fetchProvinces,\n fetchDistricts,\n fetchSubDistricts,\n fetchZipCodes\n} from \"../../store/register/addressAction\";\nimport { toggleAlert } from \"../../store/alertbox/alertboxAction\";\n\nimport ModalConfirm from \"./modal\";\nimport { Modal, ModalBody, Spinner } from 'reactstrap';\nimport DetailModal from \"./detail-modal\";\nimport OrderModal from \"./order-modal\";\n\nimport axios from 'axios';\n\nvar numeral = require(\"numeral\");\nconst locale = require(\"react-redux-i18n\").I18n;\n\nclass cartPage extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n modal: false,\n detailModal: false,\n orderModal: false,\n orders: [],\n orderDetail: [],\n fetchCustomerFirst: true,\n fetchProjectAddrFirst: true,\n fetchOrdersFirst: true,\n modalIsOpen: false,\n previewModal: false,\n previewUrl: null,\n orders: props.orders,\n orderIdx: null\n }\n }\n\n // state = {\n // modal: false,\n // detailModal: false,\n // orderModal: false,\n // orders: [],\n // orderDetail: [],\n // fetchCustomerFirst: true,\n // fetchProjectAddrFirst: true,\n // fetchOrdersFirst: true,\n // modalIsOpen: false,\n // previewModal: false,\n // previewUrl: null,\n // orders: props.orders\n // };\n\n async componentDidMount() {\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n this.openModal()\n this.props.fetchProvinces();\n this.props.fetchDistricts();\n this.props.fetchSubDistricts();\n this.props.fetchZipCodes();\n this.props.fetchAddress();\n // this.closeModal();\n }\n\n componentWillReceiveProps(next) {\n this.setState({\n orders: next.orders\n });\n\n if (next.provinces.length !== 0\n && next.districts.length !== 0\n && next.subDistricts.length !== 0\n && next.zipcodes.length !== 0\n ) {\n this.closeModal();\n }\n\n if (\n this.state.fetchCustomerFirst &&\n next.project.project_id &&\n next.customerID\n ) {\n // console.log('fetchOrders 02');\n this.props.fetchOrders({\n project_id: next.project.project_id,\n customer_id: next.customerID\n });\n this.setState({ fetchOrdersFirst: false });\n }\n\n if (\n this.state.fetchProjectAddrFirst &&\n next.project.project_id &&\n next.customerID\n ) {\n this.props.fetchProjectAddr({\n customer_id: next.customerID,\n project_id: next.project.project_id,\n address_type: \"at003\"\n });\n this.props.fetchAddressCompany({\n customer_id: next.customerID,\n project_id: next.project.project_id,\n address_type: \"at005\"\n });\n this.props.fetchAddressDelivery({\n customer_id: next.customerID,\n project_id: next.project.project_id,\n address_type: \"at006\"\n });\n this.setState({ fetchProjectAddrFirst: false });\n }\n\n if (\n this.state.fetchCustomerFirst &&\n next.project.project_id &&\n next.customerID\n ) {\n this.props.fetchCustomer({\n project_id: next.project.project_id,\n customer_id: next.customerID\n });\n this.setState({ fetchCustomerFirst: false });\n }\n }\n\n updateDocUi = (idx, docItems) => {\n const thisComp = this;\n //document_all\n // console.log('updateDocUi', idx);\n // console.log(docItems);\n let orderItems = thisComp.state.orders;\n orderItems[idx].document_items = docItems;\n // console.log(orderItems);\n this.props.toggleDocModal({});\n thisComp.setState({\n orders: orderItems\n }, () => {\n thisComp.orderModal(thisComp.state.orders[idx], idx);\n alert('เพิ่มเอกสารเสร็จสิ้น');\n });\n\n };\n\n modal = () => {\n this.props.toggleAlert(this.props.project.txt_how_to);\n };\n\n detailModal = order => {\n this.props.toggleDetailModal(order);\n };\n\n orderModal = (order, idx) => {\n this.setState({\n orderIdx: idx\n });\n this.props.toggleDocModal(order);\n };\n\n deleteOrders = orderId => {\n this.props.deleteOrders(orderId, this.props.customerID);\n };\n\n orderStatus(status) {\n if (status === \"A\") {\n return {locale.t(\"approve\")};\n } else if (status === \"N\") {\n return {locale.t(\"waitconfirm\")};\n } else if (status === \"R\") {\n return {locale.t(\"reject\")};\n } else if (status === \"E\") {\n return {locale.t(\"waitSend\")};\n } else if (status === \"S\") {\n return {locale.t(\"send\")};\n } else {\n return {locale.t(\"waitapprove\")};\n }\n }\n HomePage = () => {\n return config.baseUrl + \"/shop/\" + this.props.project.project_encrypt;\n };\n\n openModal() {\n this.setState({ modalIsOpen: true });\n }\n\n closeModal() {\n this.setState({ modalIsOpen: false });\n }\n\n previewFile = async (val) => {\n // console.log(val);\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n const thisComp = this;\n const file_id = val.file_id;\n const file_type = val.file_name.split(\".\")[1] ? val.file_name.split(\".\")[1] : \"txt\";\n var objectURL = `${config.uploadFileUrl}/project/doc/write/${file_type}/${file_id}`;\n\n thisComp.setState({\n previewUrl: objectURL,\n previewModal: !thisComp.state.previewModal\n }, () => {\n // document.getElementById(\"idPreviewModal\").parentElement.classList.add(\"modal-full\");\n });\n }\n\n togglePreviewModal = async () => {\n const thisComp = this;\n thisComp.setState({\n previewModal: !thisComp.state.previewModal\n });\n };\n\n render() {\n const customStyles = {\n textAlign: 'center',\n top: '40%',\n }\n\n // console.log('in ORDER Rendors ',this.state.orders);\n\n const orders = this.state.orders.map((orderItem, orderIdx) => {\n let order = orderItem;\n const docSets = (typeof order.doc_structures === 'undefined' || order.doc_structures === null || order.doc_structures === '') ? [] : JSON.parse(order.doc_structures);\n // console.log('----------------------------' + order.order_id + '--------------------------------');\n const documentItems = (typeof order.document_items === 'undefined') ? [] : order.document_items.filter(d => (d.order_id === order.order_id));\n\n if (typeof order.product_detail === 'undefined') {\n order = {\n ...order, ...{\n product_detail: {\n model_img: '',\n matcode: '',\n model_name: '',\n model_desc: '',\n }\n }\n }\n }\n\n if (typeof order.order_detail === 'undefined') {\n order = {\n ...order, ...{\n order_detail: {\n address_delivery_type: '',\n msisdn_type: '',\n msisdn_display: '',\n }\n }\n }\n }\n\n // console.log(order)\n return (\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n {order.product_detail.model_name || ''}\n
\n{order.product_detail.model_desc || ''}
\n\n
\n \n
\n \n \n - \n
- \n {locale.t(\"color\")}: {order.product_detail.color || ''}\n \n
- \n Code: {order.product_detail.matcode || ''}\n \n
- \n ID: {order.order_id || ''}\n
\n {\n this.detailModal(order);\n }}\n style={((order.address_bill !== null && order.address_bill !== '') ? { backgroundColor: 'green' } : {})}\n >\n {(order.address_bill !== null && order.address_bill !== '') ? 'เปลี่ยนแปลงข้อมูล' : 'กรุณาระบุข้อมูลข้างต้นให้ครบถ้วน'}\n \n
\n - \n {/* {order.order_detail.address_delivery ? (\n
- \n {order.order_detail.address_delivery_type}\n \n ) : (\n
- จัดส่งที่อยู่สำนักงานของคุณ \n )} */}\n
- {order.order_detail.msisdn_display} \n ) : (\n
- เปิดหมายเลขใหม่ \n )}\n {order.order_detail.ir_flag ? (\n
- เปิดใช้บริการเสริม \n ) : (\n
- ยังไม่เปิดใช้บริการเสริม \n )} */}\n
\n {\n this.orderModal(order, orderIdx);\n }}\n disabled={\n order.order_status === \"N\" || order.order_status === \"W\" ?\n order.order_detail.address_delivery_type !== \"\" ?\n this.props.project.order_status === 'A' ?\n false : true\n : true\n : true\n }\n >\n {locale.t(\"confirmOrder\")}\n \n
\n - \n {/* {order.document_detail.map((doc, index) => (\n
- \n {\" \"}\n {doc.name}{\" \"}\n \n ))} */}\n {docSets.map((docItem, index) => {\n const doc = docItem;\n // console.log(doc);\n const docFound = documentItems.filter(d => (d.doc_type_id === doc.id && d.doc_code === doc.code));\n const theLiStyle = (index === (docSets.length - 1)) ? { paddingTop: '6px', paddingBottom: '6px', textDecoration: 'none', listStyle: 'none' } : { borderBottom: '1px #CCC solid', paddingTop: '6px', paddingBottom: '6px', textDecoration: 'none', listStyle: 'none' };\n return (docFound.length > 0) ? (\n
- \n {\n this.previewFile(docFound[0]);\n }} style={{ fontWeight: 'bold', color: '#447E16' }}>{doc.label}{' '}{(doc.req) ? (Req) : (null)}\n \n ) : (\n
- \n {doc.label}{' '}{(doc.req) ? (Req) : (null)}\n \n )\n }\n )}\n
\n
\n\n \n {locale.t(\"cart\")} \n
\n\n
\n \n \n \n \n \n {locale.t(\"howToOrder\")}\n \n
\n \n
\n \n \n \n
\n
\n | \n {locale.t(\"orderList\")}\n | \n\n {locale.t(\"pricePermonth\")}\n | \n {this.state.orders[0] ?\n this.state.orders[0].flag_show === 1 ?\n (\n\n {locale.t(\"allPrice\")}\n \n {locale.t(\"allContact\")}\n | \n )\n : ('') : ('')}\n < th scope=\"col\" width=\"5%\">{locale.t(\"status\")}\n \n {locale.t(\"detail\")}\n | \n\n {locale.t(\"confirmOrder\")}\n | \n
|---|
\n \n
\n \n
\n \n \n
\n \n \n ปิด\n \n
\n \n \n );\n }\n}\n\ncartPage.propTypes = {\n fetchOrders: PropTypes.func.isRequired,\n fetchAddress: PropTypes.func.isRequired,\n deleteOrders: PropTypes.func.isRequired,\n toggleDocModal: PropTypes.func.isRequired,\n orders: PropTypes.array.isRequired,\n isFetching: PropTypes.bool\n};\n\nconst mapStateToProps = state => ({\n orders: state.orders.items,\n isFetching: state.orders.isFetching,\n toggleDocModal: state.orders.toggleDocModal,\n toggleDetailModal: state.orders.toggleDetailModal,\n project: state.project.info,\n projectAddr: state.project.address,\n address_company: state.project.address_company,\n address_delivery: state.project.address_delivery,\n customerProfile: state.customer.data,\n toggleAlert: PropTypes.func.isRequired,\n provinces: state.address.provinces,\n districts: state.address.districts,\n subDistricts: state.address.subDistricts,\n zipcodes: state.address.zipCodes,\n customerID: state.login.customerID,\n user: state.login.info,\n l: state.i18n.locale\n});\n\nexport default connect(\n mapStateToProps,\n {\n fetchOrders,\n fetchAddress,\n deleteOrders,\n fetchProjectAddr,\n fetchCustomer,\n fetchProvinces,\n fetchDistricts,\n fetchSubDistricts,\n toggleAlert,\n fetchZipCodes,\n toggleDocModal,\n toggleDetailModal,\n fetchAddressDelivery,\n fetchAddressCompany\n }\n)(cartPage);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\n//import Loading from \"../layout/loading\";\n\nclass projectname extends Component {\n render() {\n const projectStatus = this.props.project.project_status;\n //console.log(projectStatus);\n // if (projectStatus !== \"A\") {\n // return (\n // <>\n // \n
\n )}\n \n );\n }\n}\nconst mapStateToProps = state => ({\n project: state.project.info\n});\nexport default connect(\n mapStateToProps,\n null\n)(projectname);\n","import React, { Component } from \"react\";\nimport queryString from \"query-string\";\nimport axios from \"axios\";\n\nimport { config } from \"../../constants\";\nconst jwt = require(\"jsonwebtoken\");\nconst moment = require(\"moment\");\n\n// import axios from 'axios';\n\nexport class loginCallback extends Component {\n\n componentDidMount = async () => {\n\n let resp = await axios.post(config.apiUrl + \"/login/gtkn\", {});\n\n // if (parseInt(resp.data.code) === 200) {\n // localStorage.setItem('sys_token', resp.data.token);\n // }\n //console.log(window.location.search);\n const parsed = queryString.parse(window.location.search);\n //console.log(parsed);\n const code = parsed.code;\n const project = parsed.param;\n //console.log(code);\n var details = {\n code: code\n };\n var formBody = [];\n for (var property in details) {\n var encodedKey = encodeURIComponent(property);\n var encodedValue = encodeURIComponent(details[property]);\n formBody.push(encodedKey + \"=\" + encodedValue);\n }\n formBody = formBody.join(\"&\");\n // console.log(formBody);\n // const moment = require(\"moment\");\n fetch(config.apiUrl + \"/trueid/login\", {\n method: \"POST\",\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Origin, X-Requested-With\",\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n //redirect: \"follow\", // manual, *follow, error\n //referrer: \"no-referrer\", // no-referrer, *client\n body: JSON.stringify(details)\n })\n .then(response => response.json())\n .then(json => {\n if (json.access_token) {\n // console.log(json);\n const userData = jwt.decode(json.access_token);\n const getProfileBody = { ssoid: userData.sub, token: json.access_token };\n fetch(config.apiUrl + \"/trueid/profile\", {\n method: \"POST\",\n mode: \"cors\", // no-cors, cors, *same-origin\n cache: \"no-cache\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Origin, X-Requested-With\",\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n // \"X-Custom-Header\": (localStorage.getItem(\"sys_token\") || '')\n },\n body: JSON.stringify(getProfileBody)\n })\n .then(response => response.json())\n .then(profile => {\n\n if (parseInt(profile.code) === 200) {\n const expires_at = moment().add(json.expires_in - 600, \"s\").format();\n localStorage.setItem(\"access_token\", json.access_token);\n localStorage.setItem(\"user_login\", profile.login_account);\n localStorage.setItem(\"expires_in\", json.expires_in);\n localStorage.setItem(\"refresh_token\", json.refresh_token);\n localStorage.setItem(\"expires_at\", expires_at);\n window.location = config.baseUrl + \"/shop/\" + project;\n\n } else {\n alert(\"ขออภัยค่ะ ไม่สามารถเรียก Profile ได้\");\n console.error(\"Error 3 :\", profile);\n }\n })\n .catch(error2 => {\n alert(\"ไม่สามารถเรียก Profile ได้\");\n //window.location = \"/shop/\" + project;\n console.error(\"Error 2 :\", error2);\n });\n } else {\n alert(\"ขออภัยค่ะ ไม่สามารถ login ได้\");\n console.error(\"Error 4:\", json);\n }\n })\n .catch(error => {\n alert(\"ไม่สามารถ login ได้\");\n //window.location = \"/shop/\" + project;\n console.error(\"Error:\", error);\n });\n };\n render() {\n return <>Please Wait...;\n }\n}\n\nexport default loginCallback;\n","import { connect } from \"react-redux\";\nimport { Modal } from \"reactstrap\";\nimport PropTypes from \"prop-types\";\nimport React, { Component } from \"react\";\nimport { msg } from \"../../constants\";\n\nimport { toggleAlert } from \"../../store/alertbox/alertboxAction\";\n\nclass Alertbox extends Component {\n onCloseModal = () => {\n this.props.toggleAlert(\"\");\n if (this.props.message.isReload === '1') {\n // console.log('set Reload');\n window.location.reload();\n }\n };\n\n render() {\n // console.log('in Alertbox');\n // console.log(this.props);\n return (\n \n
\n {this.props.project.project_name}
\n\n
\n )}\n {msg.HeaderDocOrderApprove}
\n\n
\n \n );\n }\n}\n\nAlertbox.propTypes = {\n isAlertOn: PropTypes.bool,\n message: PropTypes.string,\n toggleAlert: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n isAlertOn: state.alertbox.isAlertOn,\n message: state.alertbox.message,\n});\n\nexport default connect(\n mapStateToProps,\n {\n toggleAlert\n }\n)(Alertbox);\n","import {\n FETCH_BRANDS,\n FETCH_BRANDS_SUCCESS,\n FETCH_BRANDS_FAILURE\n} from \"./brandsAction\";\n\nconst initialState = {\n items: [],\n isFetching: false\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case FETCH_BRANDS:\n return {\n ...state,\n items: [],\n isFetching: true\n };\n case FETCH_BRANDS_SUCCESS:\n return {\n ...state,\n items: action.payload,\n isFetching: false\n };\n case FETCH_BRANDS_FAILURE:\n return {\n ...state,\n items: [],\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_PRODUCT,\n FETCH_PRODUCT_SUCCESS,\n FETCH_PRODUCT_FAILURE,\n FILTER_PRODUCT\n} from \"./productsAction\";\n\nconst initialState = {\n items: [],\n allItems: [],\n isFetching: false\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case FETCH_PRODUCT:\n return {\n ...state,\n items: [],\n allItems: [],\n isFetching: true\n };\n case FETCH_PRODUCT_SUCCESS:\n return {\n ...state,\n items: action.payload,\n allItems: action.payload,\n isFetching: false\n };\n case FETCH_PRODUCT_FAILURE:\n return {\n ...state,\n items: [],\n allItems: [],\n isFetching: false\n };\n case FILTER_PRODUCT:\n let items = state.allItems;\n if (action.payload.length > 0) {\n items = state.allItems.filter(val =>\n action.payload.includes(val.brand)\n );\n }\n return {\n ...state,\n items: items,\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_ORDERS,\n FETCH_ORDERS_SUCCESS,\n FETCH_ORDERS_FAILURE,\n DELETE_ORDERS,\n DELETE_ORDERS_SUCCESS,\n DELETE_ORDERS_FAILURE,\n TOGGLE_DOC_MODAL,\n TOGGLE_DETAIL_MODAL,\n UPDATE_DOC,\n UPDATE_DOC_SUCCESS,\n ORDER_APPROVE_SUCCESS,\n UPDATE_DOC_FAILURE,\n ADD_ORDER_ITEM,\n ADD_ORDER_ITEM_SUCCESS,\n ADD_ORDER_ITEM_FAILURE,\n UPDATE_DETAIL,\n UPDATE_DETAIL_SUCCESS,\n UPDATE_DETAIL_FAILURE\n} from \"./ordersAction\";\n\nconst initialState = {\n items: [],\n isFetching: false,\n isDocModalOpen: false,\n isDetailModalOpen: false,\n order: {}\n};\n\nexport default function (state = initialState, action) {\n switch (action.type) {\n case FETCH_ORDERS:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_ORDERS_SUCCESS:\n return {\n ...state,\n items: action.payload,\n isFetching: false\n };\n case FETCH_ORDERS_FAILURE:\n return {\n ...state,\n items: [],\n isFetching: false\n };\n case DELETE_ORDERS:\n return {\n ...state,\n isFetching: true\n };\n case DELETE_ORDERS_SUCCESS:\n //console.log(action.payload);\n let items = state.items.filter(obj => obj.order_id !== action.payload);\n //console.log();\n return {\n ...state,\n items: items,\n isFetching: false\n };\n case DELETE_ORDERS_FAILURE:\n return {\n ...state,\n isFetching: false\n };\n case TOGGLE_DOC_MODAL:\n return {\n ...state,\n isDocModalOpen: !state.isDocModalOpen,\n order: action.payload\n };\n case TOGGLE_DETAIL_MODAL:\n return {\n ...state,\n isDetailModalOpen: !state.isDetailModalOpen,\n order: action.payload\n };\n case UPDATE_DOC:\n return {\n ...state,\n isFetching: true\n };\n case UPDATE_DOC_SUCCESS:\n const temp_items = state.items.map(val => {\n if (val.order_id === action.payload.order_id) {\n return action.payload;\n }\n return { ...val };\n });\n return {\n ...state,\n order: {},\n items: temp_items,\n isFetching: false\n };\n case ORDER_APPROVE_SUCCESS:\n console.log('reduce ORDER_APPROVE_SUCCESS');\n return state\n\n case UPDATE_DOC_FAILURE:\n return {\n ...state,\n isFetching: false\n };\n case ADD_ORDER_ITEM:\n return {\n ...state,\n isFetching: true\n };\n case ADD_ORDER_ITEM_SUCCESS:\n return {\n ...state,\n isFetching: false\n };\n case ADD_ORDER_ITEM_FAILURE:\n return {\n ...state,\n isFetching: false\n };\n case UPDATE_DETAIL:\n return {\n ...state,\n isFetching: true\n };\n case UPDATE_DETAIL_SUCCESS:\n const temp_order_items = state.items.map(val => {\n if (val.order_id === action.payload.order_id) {\n return action.payload;\n }\n return { ...val };\n });\n return {\n ...state,\n order: {},\n items: temp_order_items,\n isFetching: false\n };\n case UPDATE_DETAIL_FAILURE:\n return {\n ...state,\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_PROJECT,\n FETCH_PROJECT_SUCCESS,\n FETCH_PROJECT_FAILURE,\n FETCH_PROJECT_ADDR,\n FETCH_PROJECT_ADDR_SUCCESS,\n FETCH_PROJECT_ADDR_FAILURE,\n FETCH_PROJECT_ADDR_LABEL,\n FETCH_PROJECT_ADDR_LABEL_SUCCESS,\n FETCH_PROJECT_ADDR_LABEL_FAILURE,\n FETCH_ADDRESS_COMPANY,\n FETCH_ADDRESS_COMPANY_SUCCESS,\n FETCH_ADDRESS_COMPANY_FAILURE,\n FETCH_ADDRESS_DELIVERY,\n FETCH_ADDRESS_DELIVERY_SUCCESS,\n FETCH_ADDRESS_DELIVERY_FAILURE,\n} from \"./projectAction\";\n\nconst initialState = {\n info: {},\n address: {},\n address_company: {},\n address_delivery: {},\n address_label: [],\n isFetching: false,\n projectNotfound: false\n};\n\nexport default function (state = initialState, action) {\n switch (action.type) {\n case FETCH_PROJECT:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_PROJECT_SUCCESS:\n return {\n ...state,\n info: action.payload,\n isFetching: false\n };\n case FETCH_PROJECT_FAILURE:\n return {\n ...state,\n info: {},\n isFetching: false,\n projectNotfound: true\n };\n case FETCH_PROJECT_ADDR:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_PROJECT_ADDR_SUCCESS:\n return {\n ...state,\n address: action.payload,\n isFetching: false\n };\n case FETCH_PROJECT_ADDR_FAILURE:\n return {\n ...state,\n address: {},\n isFetching: false\n };\n case FETCH_PROJECT_ADDR_LABEL:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_PROJECT_ADDR_LABEL_SUCCESS:\n return {\n ...state,\n address_label: action.payload,\n isFetching: false\n };\n case FETCH_PROJECT_ADDR_LABEL_FAILURE:\n return {\n ...state,\n address_label: [],\n isFetching: false\n };\n case FETCH_ADDRESS_COMPANY:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_ADDRESS_COMPANY_SUCCESS:\n return {\n ...state,\n address_company: action.payload,\n isFetching: false\n };\n case FETCH_ADDRESS_COMPANY_FAILURE:\n return {\n ...state,\n address_company: {},\n isFetching: false\n };\n case FETCH_ADDRESS_DELIVERY:\n return {\n ...state,\n isFetching: true\n };\n case FETCH_ADDRESS_DELIVERY_SUCCESS:\n return {\n ...state,\n address_delivery: action.payload,\n isFetching: false\n };\n case FETCH_ADDRESS_DELIVERY_FAILURE:\n return {\n ...state,\n address_delivery: {},\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_TITLES,\n FETCH_TITLES_SUCCESS,\n FETCH_TITLES_FAILURE,\n FETCH_ADDRESS_PROJECT,\n FETCH_ADDRESS_PROJECT_SUCCESS,\n FETCH_ADDRESS_PROJECT_FAILURE,\n FETCH_PROJECT_COMPANY,\n FETCH_PROJECT_COMPANY_SUCCESS,\n FETCH_PROJECT_COMPANY_FAILURE,\n} from \"./queryAction\";\n\nconst initialState = {\n items: [],\n delivery: [],\n company: [],\n isFetching: false\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case FETCH_TITLES:\n return {\n ...state,\n items: [],\n isFetching: true\n };\n case FETCH_TITLES_SUCCESS:\n return {\n ...state,\n items: action.payload,\n isFetching: false\n };\n case FETCH_TITLES_FAILURE:\n return {\n ...state,\n items: [],\n isFetching: false\n };\n case FETCH_ADDRESS_PROJECT:\n return {\n ...state,\n delivery: [],\n isFetching: true\n };\n case FETCH_ADDRESS_PROJECT_SUCCESS:\n return {\n ...state,\n delivery: action.payload,\n isFetching: false\n };\n case FETCH_ADDRESS_PROJECT_FAILURE:\n return {\n ...state,\n delivery: [],\n isFetching: false\n };\n case FETCH_PROJECT_COMPANY:\n return {\n ...state,\n company: [],\n isFetching: true\n };\n case FETCH_PROJECT_COMPANY_SUCCESS:\n return {\n ...state,\n company: action.payload,\n isFetching: false\n };\n case FETCH_PROJECT_COMPANY_FAILURE:\n return {\n ...state,\n company: [],\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_BANNERS,\n FETCH_BANNERS_SUCCESS,\n FETCH_BANNERS_FAILURE\n} from \"./bannersAction\";\n\nconst initialState = {\n items: [],\n isFetching: false\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case FETCH_BANNERS:\n return {\n ...state,\n items: [],\n isFetching: true\n };\n case FETCH_BANNERS_SUCCESS:\n return {\n ...state,\n items: action.payload,\n isFetching: false\n };\n case FETCH_BANNERS_FAILURE:\n return {\n ...state,\n items: [],\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import {\n FETCH_CUSTOMER,\n FETCH_CUSTOMER_SUCCESS,\n FETCH_CUSTOMER_FAILURE,\n UPDATE_CUSTOMER,\n UPDATE_CUSTOMER_SUCCESS,\n UPDATE_CUSTOMER_FAILURE\n} from \"./customerAction\";\n\nconst initialState = {\n data: {},\n updated: {},\n isFetching: false\n};\n\nexport default function (state = initialState, action) {\n switch (action.type) {\n case FETCH_CUSTOMER:\n return {\n ...state,\n data: null,\n isFetching: true\n };\n case FETCH_CUSTOMER_SUCCESS:\n return {\n ...state,\n data: action.payload,\n isFetching: false\n };\n case FETCH_CUSTOMER_FAILURE:\n return {\n ...state,\n data: action.payload,\n isFetching: false\n };\n case UPDATE_CUSTOMER:\n return {\n ...state,\n updated: null,\n isFetching: true\n };\n case UPDATE_CUSTOMER_SUCCESS:\n return {\n ...state,\n updated: action.payload,\n isFetching: false\n };\n case UPDATE_CUSTOMER_FAILURE:\n return {\n ...state,\n updated: action.payload,\n isFetching: false\n };\n default:\n return state;\n }\n}","import {\n\tFETCH_PROVINCES,\n\tFETCH_PROVINCES_SUCCESS,\n\tFETCH_PROVINCES_FAILURE,\n\tFETCH_DISTRICTS,\n\tFETCH_DISTRICTS_SUCCESS,\n\tFETCH_DISTRICTS_FAILURE,\n\tFETCH_SUBDISTRICTS,\n\tFETCH_SUBDISTRICTS_SUCCESS,\n\tFETCH_SUBDISTRICTS_FAILURE,\n\tFETCH_ZIPCODES,\n\tFETCH_ZIPCODES_SUCCESS,\n\tFETCH_ZIPCODES_FAILURE\n} from \"./addressAction\";\n\nconst initialState = {\n\tprovinces: [],\n\tdistricts: [],\n\tsubDistricts: [],\n\tzipCodes: [],\n\tisFetching: false\n};\n\nexport default function (state = initialState, action) {\n\tswitch (action.type) {\n\t\tcase FETCH_PROVINCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tprovinces: [],\n\t\t\t\tisFetching: true\n\t\t\t};\n\t\tcase FETCH_PROVINCES_SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tprovinces: action.payload,\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_PROVINCES_FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tprovinces: [],\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_DISTRICTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tdistricts: [],\n\t\t\t\tisFetching: true\n\t\t\t};\n\t\tcase FETCH_DISTRICTS_SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tdistricts: action.payload,\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_DISTRICTS_FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tdistricts: [],\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_SUBDISTRICTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsubDistricts: [],\n\t\t\t\tisFetching: true\n\t\t\t};\n\t\tcase FETCH_SUBDISTRICTS_SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsubDistricts: action.payload,\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_SUBDISTRICTS_FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsubDistricts: [],\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_ZIPCODES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tzipCodes: [],\n\t\t\t\tisFetching: true\n\t\t\t};\n\t\tcase FETCH_ZIPCODES_SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tzipCodes: action.payload,\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tcase FETCH_ZIPCODES_FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tzipCodes: [],\n\t\t\t\tisFetching: false\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n}\n","import {\n LOGIN_CUSTOMER,\n LOGIN_CUSTOMER_SUCCESS,\n LOGIN_CUSTOMER_FAILURE\n} from \"./loginAction\";\n\nconst initialState = {\n customerID: \"\",\n info : {},\n isFetching: false\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case LOGIN_CUSTOMER:\n return {\n ...state,\n isFetching: true\n };\n case LOGIN_CUSTOMER_SUCCESS:\n return {\n ...state,\n customerID: action.payload.customer_id,\n info : action.payload,\n isFetching: false\n };\n case LOGIN_CUSTOMER_FAILURE:\n return {\n ...state,\n customerID: action.payload.customer_id,\n isFetching: false\n };\n default:\n return state;\n }\n}\n","import { TOGGLE_ALERT } from \"./alertboxAction\";\n\nconst initialState = {\n isAlertOn: false,\n message: \"\"\n};\n\nexport default function(state = initialState, action) {\n switch (action.type) {\n case TOGGLE_ALERT:\n console.log('in TOGGLE_ALERT');\n console.log(state.isAlertOn);\n return {\n ...state,\n isAlertOn: !state.isAlertOn,\n message: action.payload\n };\n default:\n return state;\n }\n}\n","import { applyMiddleware, createStore, compose } from \"redux\";\nimport { combineReducers } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport { reducer as reduxFormReducer } from \"redux-form\";\nimport { loadTranslations, setLocale, syncTranslationWithStore, i18nReducer } from 'react-redux-i18n';\nimport brandsReducer from \"./brands/brandsReducer\";\nimport productsReducer from \"./products/productsReducer\";\nimport ordersReducer from \"./orders/ordersReducer\";\nimport projectReducer from \"./project/projectReducer\";\nimport titlesReducer from \"./query/queryReducer\";\nimport bannersReducer from \"./banners/bannersReducer\";\nimport customerReducer from \"./register/customerReducer\";\nimport addressReducer from \"./register/addressReducer\";\nimport loginReducer from \"./login/loginReducer\";\nimport alertBoxReducer from \"./alertbox/alertboxReducer\";\nimport { langTH } from \"../locale/th\";\nimport { langEN } from \"../locale/en\";\n\nconst translationsObject = {\n th: langTH,\n en: langEN\n}\n\nconst reducers = combineReducers({\n products: productsReducer,\n brands: brandsReducer,\n orders: ordersReducer,\n project: projectReducer,\n titles: titlesReducer,\n banners: bannersReducer,\n customer: customerReducer,\n address: addressReducer,\n form: reduxFormReducer,\n login: loginReducer,\n alertbox: alertBoxReducer,\n i18n: i18nReducer\n});\n\nconst initialState = {};\n\nconst middleware = [thunk];\n\nconst composeEnhancers =\n typeof window === \"object\" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})\n : compose;\n\nconst enhancer = composeEnhancers(applyMiddleware(...middleware));\n\nconst store = createStore(\n reducers,\n initialState,\n compose(\n applyMiddleware(...middleware),\n enhancer\n )\n);\n\nsyncTranslationWithStore(store);\nstore.dispatch(loadTranslations(translationsObject));\nstore.dispatch(setLocale('th'));\n\nexport default store;\n","export const langTH = {\n trueIdrec:\"True ID ผู้แนะนำ\",\n brandLabel: \"ยี่ห้อ\",\n bathMonth: \"บาท/เดือน \",\n payVat: \"(ราคาขายรวมภาษีมูลค่าเพิ่ม)\",\n orderPrduct: \"สั่งจองสินค้า\",\n conditionPrice: \" *ราคาที่แสดงเป็นราคาต่อเดือนที่รวมภาษีมูลค่าเพิ่ม 7% แล้ว\",\n dataProfile: \"ข้อมูลส่วนตัว\",\n logout: \"ออกจากระบบ\",\n editProdile: \"แก้ไขรายละเอียด\",\n approve: \"อนุมัติ\",\n // waitconfirm: \"รอยืนยัน\",\n waitconfirm: \"รอการตรวจสอบ\",\n reject: \"ไม่อนุมัติ\",\n waitSend: \"รอส่งของ\",\n send: \"ส่งของแล้ว\",\n waitapprove: \"รออนุมัติ\",\n pending: \"รอดำเนินการ\",\n color: \"สี\",\n deleteOrder: \"ลบรายการ\",\n pricePermonth: \"ราคา/เดือน\",\n priceVat: \"(รวมภาษีมูลค่าเพิ่ม 7%)\",\n contact: \"ระยะสัญญา\",\n allPrice: \"ราคารวม\",\n allContact: \"ทั้งระยะสัญญา\",\n addrDelivery: \"ที่อยู่จัดส่งสินค้า\",\n number: \"หมายเลข\",\n IRservice: \" บริการเสริม (IR/IDD)\",\n editOrder: \"กรุณาระบุข้อมูลให้ครบถ้วน\",\n orderProduct: \"สั่งซื้อ\",\n cart: \"ตะกร้าสินค้า\",\n backToHome: \"กลับหน้าหลัก\",\n howToOrder: \"วิธีการสั่งซื้อ\",\n orderList: \"รายการจองสิทธิ\",\n detail: \"รายละเอียด\",\n status: \"สถานะ\",\n confirmOrder: \"ยืนยันการสั่งซื้อ\",\n addrBill: \"ที่อยู่จัดส่งใบแจ้งค่าบริการ\",\n telNumberService: \"หมายเลขโทรศัพท์ และบริการเสริม\",\n newNumber: \"ประสงค์ใช้หมายเลขโทรศัพท์ใหม่\",\n existNumber: \"ประสงค์ใช้หมายเลขโทรศัพท์เดิม\",\n verifyNumber: \"ตรวจสอบหมายเลขโทรศัพท์\",\n validateRequire: \"กรุณากรอกข้อมูล\",\n validateCheck: \"กรุณากดปุ่มตรวจสอบก่อนทำการบันทึก\",\n verify: \"ตรวจสอบ\",\n IR: \"ประสงค์ใช้บริการข้ามประเทศ (IR) และ\",\n IDD: \"บริการโทรทางไกลระหว่างประเทศ (IDD)\",\n ok: \"ตกลง\",\n cancel: \"ยกเลิก\",\n save: \"บันทึก\",\n login: \"เข้าสู่ระบบ/ลงทะเบียน\",\n validateProfile: \"กรุณาใส่ข้อมูลส่วนตัวให้ครบถ้วน\",\n validateQuota: \"คุณได้ใช้สิทธิ์ครบจำนวนโควต้าแล้ว\",\n\n formEmail: \"อีเมล์\",\n formTel: \"เบอร์โทรติดต่อ\",\n formPosition: \"ตำแหน่ง\",\n formCompany: \"หน่วยงานต้นสังกัด/บริษัท\",\n formAddress_delivery: \"ที่อยู่จัดส่งสินค้า\",\n formTitle: \"คำนำหน้า\",\n formFName: \"ชื่อจริง\",\n formLName: \"นามสกุล\",\n formIDCard: \"เลขที่บัตรประชาชน\",\n formexpireIDCard: \"วันหมดอายุบัตร\",\n formDOB: \"วันเกิด\",\n formAddrIDCard: \"ที่อยุ่ตามบัตรประชาชน\",\n formBuilding: \"หมู่บ้าน/อาคาร\",\n formFloors: \"ชั้น\",\n formMoo: \"หมู่\",\n formSoi: \"ตรอก/ซอย\",\n formStreet: \"ถนน\",\n formProvince: \"จังหวัด\",\n formAmpur: \"อำเภอ/เขต\",\n formTumbon: \"ตำบล/แขวง\",\n formZip: \"รหัสไปรษณีย์\",\n formSelAddress_company: \"เลือกหน่วยงานต้นสังกัด/บริษัท\",\n formSelAddress_delivery: \"เลือกที่อยู่จัดส่งสินค้า\",\n formSelTitle: \"เลือกคำนำหน้า\",\n formSelProvince: \"เลือกจังหวัด\",\n formSelAmpur: \"เลือกอำเภอ/เขต\",\n formSelTumbon: \"เลือกตำบล/แขวง\",\n formSelZip: \"เลือกรหัสไปรษณีย์\",\n edit: \"แก้ไข\",\n editExpire: \"หมดเขตการจองสิทธิไม่สามารถแก้ไขข้อมูลส่วนตัว\",\n orderExpire: \"หมดเขตการสั่งจองสินค้าแล้วค่ะ\",\n agreeProfile: \"ยอมรับและยืนยันตัวตน\",\n clickToAgree:\n \"หากกดปุ่มด้านล่างจะถือเป็นการยอมรับข้อกำหนด และเงื่อนไข กรุณาอ่าน\",\n detaiHere: \"รายละเอียดที่นี่\",\n beforeEdit: \"ก่อนเริ่มทำรายการ\"\n};\n","export const langEN = {\n trueIdrec:\"True ID ผู้แนะนำ en\",\n brandLabel: \"Brands\",\n bathMonth: \"บาท/เดือน en \",\n payVat: \"(ราคาขายรวมภาษีมูลค่าเพิ่ม) en\",\n orderPrduct: \"สั่งจองสินค้า en\",\n conditionPrice:\n \" *ราคาที่แสดงเป็นราคาต่อเดือนที่รวมภาษีมูลค่าเพิ่ม 7% แล้ว en\",\n dataProfile: \"Profile\",\n logout: \"Logout\",\n editProdile: \"แก้ไขรายละเอียด en\",\n approve: \"อนุมัติ en\",\n // waitconfirm: \"รอยืนยัน en\",\n waitconfirm: \"รอการตรวจสอบ en\",\n reject: \"ไม่อนุมัติ en\",\n waitSend: \"รอส่งของ en\",\n send: \"ส่งของแล้ว en\",\n waitapprove: \"รออนุมัติ en\",\n pending: \"รอดำเนินการ en\",\n color: \"Color\",\n deleteOrder: \"Delete\",\n pricePermonth: \"ราคา/เดือน en\",\n priceVat: \"(รวมภาษีมูลค่าเพิ่ม 7%) en\",\n contact: \"ระยะสัญญา en\",\n allPrice: \"ราคารวม\",\n allContact: \"ทั้งระยะสัญญา\",\n addrDelivery: \"ที่อยู่จัดส่งสินค้า en\",\n IRservice: \" บริการเสริม (IR/IDD) en\",\n editOrder: \"กรุณาระบุข้อมูลให้ครบถ้วน en\",\n orderProduct: \"สั่งซื้อ en\",\n cart: \"Cart\",\n backToHome: \"กลับหน้าหลัก en\",\n howToOrder: \"วิธีการสั่งซื้อ en\",\n orderList: \"รายการจองสิทธิ en\",\n detail: \"รายละเอียด en\",\n status: \"สถานะ en\",\n confirmOrder: \"ยืนยันการสั่งซื้อ en\",\n addrBill: \"ที่อยู่จัดส่งใบแจ้งค่าบริการ en\",\n telNumberService: \"หมายเลขโทรศัพท์ และบริการเสริม en\",\n newNumber: \"ประสงค์ใช้หมายเลขโทรศัพท์ใหม่ en\",\n existNumber: \"ประสงค์ใช้หมายเลขโทรศัพท์เดิม en\",\n verifyNumber: \"ตรวจสอบหมายเลขโทรศัพท์ en\",\n validateRequire: \"กรุณากรอกข้อมูล en\",\n validateCheck: \"กรุณากดปุ่มตรวจสอบก่อนทำการบันทึก\",\n verify: \"ตรวจสอบ en\",\n IR: \"ประสงค์ใช้บริการข้ามประเทศ (IR) และ en\",\n IDD: \"บริการโทรทางไกลระหว่างประเทศ (IDD) en\",\n ok: \"ตกลง en\",\n cancel: \"ยกเลิก en\",\n save: \"บันทึก en\",\n login: \"Login/Register\",\n validateProfile: \"กรุณาใส่ข้อมูลส่วนตัวให้ครบถ้วน en\",\n validateQuota: \"คุณได้ใช้สิทธิ์ครบจำนวนโควต้าแล้ว en\",\n\n formEmail: \"อีเมล์ en\",\n formTel: \"เบอร์โทรติดต่อ en\",\n formPosition: \"ตำแหน่ง en\",\n formCompany: \"หน่วยงานต้นสังกัด/บริษัท en\",\n formAddress_delivery: \"ที่อยู่จัดส่งสินค้า en\",\n formTitle: \"คำนำหน้า en\",\n formFName: \"ชื่อจริง en\",\n formLName: \"นามสกุล en\",\n formIDCard: \"เลขที่บัตรประชาชน en\",\n formexpireIDCard: \"วันหมดอายุบัตร en\",\n formDOB: \"วันเกิด en\",\n formAddrIDCard: \"ที่อยุ่ตามบัตรประชาชน en\",\n formBuilding: \"หมู่บ้าน/อาคาร en\",\n formFloors: \"ชั้น en\",\n formMoo: \"หมู่ en\",\n formSoi: \"ตรอก/ซอย en\",\n formStreet: \"ถนน en\",\n formProvince: \"จังหวัด en\",\n formAmpur: \"อำเภอ/เขต en\",\n formTumbon: \"ตำบล/แขวง en\",\n formZip: \"รหัสไปรษณีย์ en\",\n formSelAddress_company: \"เลือกหน่วยงานต้นสังกัด/บริษัท en\",\n formSelAddress_delivery: \"เลือกที่อยู่จัดส่งสินค้า en\",\n formSelTitle: \"เลือกคำนำหน้า en\",\n formSelProvince: \"เลือกจังหวัด en\",\n formSelAmpur: \"เลือกอำเภอ/เขต en\",\n formSelTumbon: \"เลือกตำบล/แขวง en\",\n formSelZip: \"เลือกรหัสไปรษณีย์ en\",\n edit: \"แก้ไข en\",\n editExpire: \"หมดเขตการจองสิทธิไม่สามารถแก้ไขข้อมูลส่วนตัว en\",\n orderExpire: \"หมดเขตการสั่งจองสินค้าแล้วค่ะ en\",\n agreeProfile: \"ยอมรับและยืนยันตัวตน en\",\n clickToAgree:\n \"หากกดปุ่มด้านล่างจะถือเป็นการยอมรับข้อกำหนด และเงื่อนไข กรุณาอ่าน en\",\n detaiHere: \"รายละเอียดที่นี่ en\",\n beforeEdit: \"ก่อนเริ่มทำรายการ en\"\n};\n","import {\n BrowserRouter as Router,\n Route,\n Redirect,\n Switch\n} from \"react-router-dom\";\nimport { Provider } from \"react-redux\";\nimport React from \"react\";\n\nimport Footer from \"./components/layout/footer\";\nimport Header from \"./components/layout/header\";\nimport IndexPage from \"./components/index/index-page\";\nimport Register from \"./components/register/register-page\";\nimport Cart from \"./components/cart/cart-page\";\nimport Project from \"./components/index/projectname\";\nimport Loading from \"./components/layout/loading\";\nimport Outtime from \"./components/outtime/outtime\";\nimport LoginCallback from \"./components/login/login-callback\";\nimport AlertBox from \"./components/layout/alertbox\";\nimport Notfound from \"./components/outtime/notfound\";\n\nimport store from \"./store\";\n\n// import CallApi from \"./util/CallApi\";\n\n// const callApi = new CallApi();\n\nfunction checkLogin() {\n console.log('checkLogin first')\n if (localStorage.getItem(\"access_token\")) {\n return true;\n } else {\n return false;\n }\n}\n\nfunction App() {\n\n let path = \"/notfound\";\n if (localStorage.getItem(\"project_id\")) {\n path = \"/shop/\" + localStorage.getItem(\"project_id\");\n }\n\n const PrivateRoute = ({ component: Component, ...rest }) => {\n console.log('Set Init PrivateRoute');\n // const gtknResp = callApi.setSysToken().then(data => {\n // if (parseInt(data.code) === 200) {\n // localStorage.setItem('sys_token', data.token);\n // }\n\n // return data;\n // });\n\n // const gtknResp = callApi.post(\"/login/gtkn\", {}).then(data => {\n // if (parseInt(data.code) === 200) {\n // localStorage.setItem('sys_token', data.token);\n // }\n\n // return data;\n // });\n\n // console.log(gtknResp);\n\n return (\n \n
\n \n
\n\n \n ตกลง\n \n
\n