https://www.mitutoyo.com.sg/_next/static/chunks/7700-0ba74a6fadd2433e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7700],{87700:function(e,r,l){l.r(r),l.d(r,{default:function(){return h}});var a=l(85893),t=l(94184),o=l.n(t),s=l(67294),n=l(86733),c=(l(18439),l(87536)),i=l(86896),d=l(23157),u=l(52091);function m(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function b(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},a=Object.keys(l);"function"===typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),a.forEach((function(r){m(e,r,l[r])}))}return e}function h(e){var r,l,t,m,h,f,x,p,g,v,N,w=(0,c.Gc)(),y=(0,i.Z)().formatMessage,j=(0,s.useState)(null===w||void 0===w?void 0:w.getValues("surftest")),S=j[0],_=j[1],k=(0,s.useState)(null===w||void 0===w?void 0:w.getValues("toolmaker")),C=k[0],D=k[1],E=(0,s.useState)(null===w||void 0===w?void 0:w.getValues("hardmatic")),I=E[0],M=E[1],T=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return y({id:e,defaultMessage:r||e})},U=function(e){return(0,a.jsx)("p",{className:"text-red-500",children:e})},F=["810-298-10: HH-411(ASTM)","810-299-10: HH-411(JIS)"].map((function(e){return{value:e,label:e}})),V=["176-818E: TM-505B","176-819E: TM-1005B"].map((function(e){return{value:e,label:e}})),B=["178-561-11E: SJ-210 0.75MN STANDARD DRIVE UNIT","178-561-12E: SJ-210 4MN STANDARD DRIVE UNIT","178-563-11E: SJ-210 0.75MN R-DRIVE UNIT","178-563-12E: SJ-210 IN/4MN(R-DRIVE UNIT)","178-565-11E: SJ-210 0.75MN S-DRIVE UNIT","178-565-12E: SJ-210 IN/4MN(S-DRIVE UNIT)"].map((function(e){return{value:e,label:e}}));return w?(0,a.jsxs)("div",{className:"w-full border border-gray-300 lg:p-5",children:[(0,a.jsx)("div",{className:"m-4 border-b-0 border-gray-300",children:(0,a.jsx)("div",{className:"block text-yellow-450 font-bold mb-2 uppercase",children:T("contactus.productDetails.label")})}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsx)("div",{className:"mb-2",children:(0,a.jsxs)("label",{className:"block text-gray-700 font-bold mb-0",children:[T("contactus.productTypes.label")," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]})}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3 border-0 border-black",children:[(0,a.jsxs)("div",{className:"flex flex-col w-full border-0 border-black",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{className:"inline-flex items-center",children:[(0,a.jsx)("input",b({name:"hardmatic_box",type:"checkbox",className:"form-checkbox"},w.register("hardmatic_box",{onChange:function(){return M((function(e){return!e}))}}))),(0,a.jsx)("span",{className:"ml-2",children:T("contactus.hardmaticSeries.label","Hardmatic Series")})]}),w.formState.errors.hardmatic_box&&U(w.formState.errors.hardmatic_box)]}),I&&(0,a.jsx)("div",{className:"ml-5",children:(0,a.jsxs)("div",{className:"w-full border-0 border-black",children:[(0,a.jsxs)("div",{className:"m-0 w-full border-0 border-black",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"code_number1",children:T("contactus.codeNumber.label")}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)(c.Qr,{control:w.control,name:"code_number1",render:function(e){var r=e.field,l=r.onChange,t=r.onBlur;r.value;return(0,a.jsx)(d.ZP,{onChange:function(e){return l(e?e.value:void 0)},onBlur:t,options:F,placeholder:T("contactus.pleaseSelect.label"),isClearable:!0,getOptionValue:function(e){return e.value},className:o()("placeholder-gray-300 text-gray-600 relative bg-white rounded outline-none leading-tight focus:outline-none focus:shadow-outline ring-0 w-full"),styles:{control:function(e,r){return b({},e,{"&:hover":{borderColor:"#cccccc"},border:"1px solid #cccccc",boxShadow:"none",height:"42px"})}}})}}),w.formState.errors.code_number1&&U(null===(r=w.formState.errors.code_number1)||void 0===r?void 0:r.message)]})]}),(0,a.jsxs)("div",{className:"m-0",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"serial_number1",children:T("contactus.serialNumber.label")}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("input",b({name:"serial_number1",type:"text",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.serial_number1?"border border-red-500":""),placeholder:T("contactus.serialNumber.placeholder")},w.register("serial_number1"))),w.formState.errors.serial_number1&&U(null===(l=w.formState.errors.serial_number1)||void 0===l?void 0:l.message)]})]})]})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{className:"inline-flex items-center",children:[(0,a.jsx)("input",b({name:"surftest_box",type:"checkbox",className:"form-checkbox"},w.register("surftest_box",{onChange:function(){return _((function(e){return!e}))}}))),(0,a.jsx)("span",{className:"ml-2",children:T("contactus.surftestSJSeries.label","Surftest SJ Series")})]}),w.formState.errors.surftest_box&&U(null===(t=w.formState.errors.surftest_box)||void 0===t?void 0:t.message)]}),S&&(0,a.jsx)("div",{className:"ml-5",children:(0,a.jsxs)("div",{className:"w-full border-0 border-black",children:[(0,a.jsxs)("div",{className:"m-0 w-full border-0 border-black",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"code_number2",children:T("contactus.codeNumber.label")}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)(c.Qr,{control:w.control,name:"code_number2",render:function(e){var r=e.field,l=r.onChange,t=r.onBlur;r.value;return(0,a.jsx)(d.ZP,{onChange:function(e){return l(e?e.value:void 0)},onBlur:t,options:B,placeholder:T("contactus.pleaseSelect.label"),isClearable:!0,getOptionValue:function(e){return e.value},className:o()("placeholder-gray-300 text-gray-600 relative bg-white rounded outline-none leading-tight focus:outline-none focus:shadow-outline ring-0 w-full"),styles:{control:function(e,r){return b({},e,{"&:hover":{borderColor:"#cccccc"},border:"1px solid #cccccc",boxShadow:"none",height:"42px"})}}})}}),w.formState.errors.code_number2&&U(null===(m=w.formState.errors.code_number2)||void 0===m?void 0:m.message)]})]}),(0,a.jsxs)("div",{className:"m-0",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"serial_number2",children:T("contactus.serialNumber.label")}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("input",b({name:"serial_number2",type:"text",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.serial_number2?"border border-red-500":""),placeholder:T("contactus.serialNumber.placeholder")},w.register("serial_number2"))),w.formState.errors.serial_number2&&U(null===(h=w.formState.errors.serial_number2)||void 0===h?void 0:h.message)]})]})]})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{className:"inline-flex items-center",children:[(0,a.jsx)("input",b({name:"toolmaker_box",type:"checkbox",className:"form-checkbox"},w.register("toolmaker_box",{onChange:function(){return D((function(e){return!e}))}}))),(0,a.jsx)("span",{className:"ml-2",children:T("contactus.toolmakerSeries.label","Toolmakers\u2019 Microscopes Series")})]}),w.formState.errors.toolmaker_box&&U(null===(f=w.formState.errors.toolmaker_box)||void 0===f?void 0:f.message)]}),C&&(0,a.jsx)("div",{className:"ml-5",children:(0,a.jsxs)("div",{className:"w-full border-0 border-black",children:[(0,a.jsxs)("div",{className:"m-0 w-full",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"code_number3",children:T("contactus.codeNumber.label")}),(0,a.jsx)(c.Qr,{control:w.control,name:"code_number3",render:function(e){var r=e.field,l=r.onChange,t=r.onBlur;r.value;return(0,a.jsx)(d.ZP,{onChange:function(e){return l(e?e.value:void 0)},onBlur:t,options:V,placeholder:T("contactus.pleaseSelect.label"),isClearable:!0,getOptionValue:function(e){return e.value},className:o()("placeholder-gray-300 text-gray-600 relative bg-white rounded outline-none leading-tight focus:outline-none focus:shadow-outline ring-0 w-full"),styles:{control:function(e,r){return b({},e,{"&:hover":{borderColor:"#cccccc"},border:"1px solid #cccccc",boxShadow:"none",height:"42px"})}}})}}),w.formState.errors.code_number3&&U(null===(x=w.formState.errors.code_number3)||void 0===x?void 0:x.message)]}),(0,a.jsxs)("div",{className:"m-0",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"serial_number3",children:T("contactus.serialNumber.label")}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("input",b({name:"serial_number3",type:"text",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.serial_number3?"border border-red-500":""),placeholder:T("contactus.serialNumber.placeholder")},w.register("serial_number3"))),w.formState.errors.serial_number3&&U(null===(p=w.formState.errors.serial_number3)||void 0===p?void 0:p.message)]})]})]})})]}),e.error&&(0,a.jsx)("div",{children:(0,a.jsx)("p",{className:"text-red-500",children:e.error})})]})]}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsxs)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"dealer",children:[T("contactus.dealer.label")," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("input",b({name:"dealer",type:"text",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.dealer?"border border-red-500":""),placeholder:T("contactus.dealer.placeholder")},w.register("dealer"))),w.formState.errors.dealer&&U(null===(g=w.formState.errors.dealer)||void 0===g?void 0:g.message)]})]}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsxs)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"endUserCompanyName",children:[T("contactus.endUserCompanyName.label")," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("input",b({name:"endUserCompanyName",type:"text",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.endUserCompanyName?"border border-red-500":""),placeholder:T("contactus.endUserCompanyName.placeholder")},w.register("endUserCompanyName"))),w.formState.errors.endUserCompanyName&&U(null===(v=w.formState.errors.endUserCompanyName)||void 0===v?void 0:v.message)]})]}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsxs)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"purchase_date",children:[T("contactus.purchaseDate.label")," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("div",{className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10"),

1children:(0,a.jsx)(c.Qr,{control:w.control,name:"purchase_date",render:function(e){var r=e.field,l=r.onChange,t=r.onBlur;r.value;return(0,a.jsx)(n.default,{name:"purchase_date",format:"yyyy-MM-dd",dayPickerProps:{todayButton:"Today",disabledDays:{after:new Date,before:new Date("2019-01-01")}},onDayChange:function(e,r){r.selected;if(!r.disabled){var a=e.getMonth()+1,t=e.getDate();l("".concat(e.getFullYear(),"-").concat(a<10?"0":"").concat(a,"-").concat(t<10?"0":"").concat(t))}},onBlur:t})}})}),(0,a.jsx)("span",{className:"z-0 h-full leading-snug font-normal absolute text-center text-gray-400 absolute bg-transparent rounded text-base items-center justify-center w-8 right-0 pr-3 py-3",children:(0,a.jsx)(u.IiJ,{className:"text-lg"})})]})]}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsxs)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"workpiece",children:[T("contactus.workpiece.label")," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsxs)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:[(0,a.jsx)("textarea",b({rows:"10",placeholder:T("contactus.workpiece.placeholder"),name:"workpiece",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.workpiece?"border border-red-500":"")},w.register("workpiece"))),w.formState.errors.workpiece&&U(null===(N=w.formState.errors.workpiece)||void 0===N?void 0:N.message)]})]}),(0,a.jsxs)("div",{className:"m-4",children:[(0,a.jsx)("label",{className:"block text-gray-700 font-bold mb-2",htmlFor:"comments",children:T("contactus.commentsIfAny.label")}),(0,a.jsx)("div",{className:"relative flex w-full flex-wrap items-stretch mb-3",children:(0,a.jsx)("textarea",b({rows:"10",placeholder:T("contactus.comments.placeholder"),name:"comments",className:o()("px-3 py-3 placeholder-gray-300 text-gray-600 relative bg-white bg-white rounded  border border-gray-300 outline-none leading-tight focus:outline-none focus:shadow-outline w-full pr-10",w.formState.errors.comments?"border border-red-500":"")},w.register("comments")))})]})]}):""}}}]);