https://clavi.ai/_next/static/chunks/pages/products/mobile_pokayoke-ae5b8a274b58152ef54b.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[51],{"+6OI":function(e,t,a){"use strict";var r=a("obVW"),n={container:r.g,mlAuto:r.z,mrAuto:r.A,title:r.P,description:r.l,features1:{textAlign:"center",padding:"80px 0"},features2:{padding:"80px 0"},features3:{padding:"80px 0","& $phoneContainer":{maxWidth:"220px",margin:"0 auto"}},features4:{padding:"80px 0","& $phoneContainer":{maxWidth:"260px",margin:"60px auto 0"}},features5:{padding:"80px 0",backgroundSize:"cover",backgroundPosition:"50%",backgroundRepeat:"no-repeat",position:"relative","& $title":{marginBottom:"30px"},"& $title,& $container":{position:"relative",zIndex:"2",color:r.W},"&:after":{background:"rgba("+Object(r.r)(r.b)+",0.55)",position:"absolute",width:"100%",height:"100%",content:"''",zIndex:"0",left:"0px",top:"0px"},"& $container":{"& $gridContainer:last-child":{"& $gridItem":{borderBottom:"0"}},"& $gridItem":{border:"1px solid rgba("+Object(r.r)(r.W)+", 0.35)",borderTop:"0",borderLeft:"0","&:last-child":{borderRight:"0"}}},"& $infoArea5":{textAlign:"center",maxWidth:"310px",minHeight:"320px","& h4,& p,& svg,& .fab,& .fas,& .far,& .fal,& .material-icons":{color:r.W}}},gridContainer:{},gridItem:{},margin0:{margin:"0!important"},textCenter:{textAlign:"center"},imageContainer:{"& img":{width:"100%"},margin:"40px 0px 40px 0px"},phoneContainer:{"& img":{width:"100%"}},infoArea:{maxWidth:"none",margin:"0 auto",padding:"10px 0 0px"},infoArea5:{}};t.a=n},"4YhB":function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/mobile_pokayoke",function(){return a("pgn/")}])},"8Koj":function(e,t,a){"use strict";var r=a("TqRt"),n=a("284h");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a("q1tI")),i=(0,r(a("8/g6")).default)(o.createElement("path",{d:"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"}),"Code");t.default=i},BVKm:function(e,t,a){"use strict";var r=a("TqRt"),n=a("284h");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a("q1tI")),i=(0,r(a("8/g6")).default)(o.createElement("path",{d:"M7 19h10V4H7v15zm-5-2h4V6H2v11zM18 6v11h4V6h-4z"}),"ViewCarousel");t.default=i},"R/WZ":function(e,t,a){"use strict";var r=a("wx14"),n=a("RD7I"),o=a("cNwE");t.a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object(n.a)(e,Object(r.a)({defaultTheme:o.a},t))}},Ug1R:function(e,t,a){"use strict";var r=a("TqRt"),n=a("284h");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a("q1tI")),i=(0,r(a("8/g6")).default)(o.createElement("path",{d:"M18 4V3c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6h1v4H9v11c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-9h8V4h-3z"}),"FormatPaint");t.default=i},VmPI:function(e,t,a){"use strict";var r=a("wx14"),n=a("Ff2n"),o=a("q1tI"),i=(a("17x9"),a("iuhU")),l=a("4ppn"),c=a("5AJ6"),s=Object(c.a)(o.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),d=Object(c.a)(o.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),m=a("ye/S"),u=Object(c.a)(o.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),p=a("NqtD"),f=a("H2TA"),g=o.createElement(d,null),b=o.createElement(s,null),h=o.createElement(u,null),v=o.forwardRef((function(e,t){var a=e.checkedIcon,c=void 0===a?g:a,s=e.classes,d=e.color,m=void 0===d?"secondary":d,u=e.icon,f=void 0===u?b:u,v=e.indeterminate,x=void 0!==v&&v,k=e.indeterminateIcon,O=void 0===k?h:k,y=e.inputProps,j=e.size,N=void 0===j?"medium":j,C=Object(n.a)(e,["checkedIcon","classes","color","icon","indeterminate","indeterminateIcon","inputProps","size"]),w=x?O:f,P=x?O:c;return o.createElement(l.a,Object(r.a)({type:"checkbox",classes:{root:Object(i.a)(s.root,s["color".concat(Object(p.a)(m))],x&&s.indeterminate),checked:s.checked,disabled:s.disabled},color:m,inputProps:Object(r.a)({"data-indeterminate":x},y),icon:o.cloneElement(w,{fontSize:void 0===w.props.fontSize&&"small"===N?N:w.props.fontSize}),checkedIcon:o.cloneElement(P,{fontSize:void 0===P.props.fontSize&&"small"===N?N:P.props.fontSize}),ref:t},C))}));t.a=Object(f.a)((function(e){return{root:{color:e.palette.text.secondary},checked:{},disabled:{},indeterminate:{},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:Object(m.a)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:Object(m.a)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}}}}),{name:"MuiCheckbox"})(v)},ZGBi:function(e,t,a){"use strict";var r=a("wx14"),n=a("Ff2n"),o=a("q1tI"),i=(a("17x9"),a("iuhU")),l=a("EHdT"),c=a("H2TA"),s=a("ofer"),d=a("NqtD"),m=o.forwardRef((function(e,t){e.checked;var a=e.classes,c=e.className,m=e.control,u=e.disabled,p=(e.inputRef,e.label),f=e.labelPlacement,g=void 0===f?"end":f,b=(e.name,e.onChange,e.value,Object(n.a)(e,["checked","classes","className","control","disabled","inputRef","label","labelPlacement","name","onChange","value"])),h=Object(l.a)(),v=u;"undefined"===typeof v&&"undefined"!==typeof m.props.disabled&&(v=m.props.disabled),"undefined"===typeof v&&h&&(v=h.disabled);var x={disabled:v};return["checked","name","onChange","value","inputRef"].forEach((function(t){"undefined"===typeof m.props[t]&&"undefined"!==typeof e[t]&&(x[t]=e[t])})),o.createElement("label",Object(r.a)({className:Object(i.a)(a.root,c,"end"!==g&&a["labelPlacement".concat(Object(d.a)(g))],v&&a.disabled),ref:t},b),o.cloneElement(m,x),o.createElement(s.a,{component:"span",className:Object(i.a)(a.label,v&&a.disabled)},p))}));t.a=Object(c.a)((function(e){return{root:{display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,"&$disabled":{cursor:"default"}},labelPlacementStart:{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},labelPlacementTop:{flexDirection:"column-reverse",marginLeft:16},labelPlacementBottom:{flexDirection:"column",marginLeft:16},disabled:{},label:{"&$disabled":{color:e.palette.text.disabled}}}}

1),{name:"MuiFormControlLabel"})(m)},gDca:function(e,t,a){"use strict";var r=a("cpVT"),n=a("obVW");function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function i(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach((function(t){Object(r.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var l={main:n.x,mainRaised:n.y,mrAuto:n.A,mlAuto:n.z,container:i(i({},n.g),{},{zIndex:1}),title:i(i({},n.P),{},{"&, & + h4":{color:n.W}}),textCenter:{textAlign:"center"},block:{color:"inherit",padding:"0.9375rem",fontWeight:"500",fontSize:"12px",textTransform:"uppercase",borderRadius:"3px",textDecoration:"none",position:"relative",display:"block"},inlineBlock:{display:"inline-block",padding:"0px",width:"auto"},list:{marginBottom:"0",padding:"0",marginTop:"0"},left:{float:"left!important",display:"block"},right:{padding:"15px 0",margin:"0",float:"right"},icon:{width:"18px",height:"18px",top:"3px",position:"relative"}};t.a=l},n4pM:function(e,t,a){"use strict";var r=a("TqRt"),n=a("284h");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a("q1tI")),i=(0,r(a("8/g6")).default)(o.createElement("path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"}),"WatchLater");t.default=i},"pgn/":function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return ee}));var r=a("vJKn"),n=a.n(r),o=a("rg98"),i=a("cpVT"),l=a("xvhg"),c=a("q1tI"),s=a.n(c),d=a("a1gY"),m=a.n(d),u=a("20a2"),p=a("heAf"),f=a("voKP"),g=a.n(f),b=a("TSYQ"),h=a.n(b),v=a("R/WZ"),x=a("VmPI"),k=a("ZGBi"),O=a("n4pM"),y=a.n(O),j=a("8Koj"),N=a.n(j),C=a("5rCv"),w=a.n(C),P=a("Ug1R"),A=a.n(P),E=a("BVKm"),I=a.n(E),T=a("NIcq"),z=a("A2So"),_=a("2zww"),R=a("UsYt"),S=a("5LSk"),V=a("8x5e"),D=a("8E12"),W=a("mtPR"),q=a("i4t8"),B=a("Z2Lm"),M=a("Kg+a"),L=a("um8N"),$=a("TT5w"),H=a("sFIZ"),F=a("gDca"),K=a("+6OI"),Z=a("njNy"),J=s.a.createElement;function Y(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function U(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(a),!0).forEach((function(t){Object(i.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Y(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var G=Object(v.a)(F.a),Q=Object(v.a)(K.a),X={email:{presence:{allowEmpty:!1,message:"is required"},email:!0,length:{maximum:64}},firstname:{presence:{allowEmpty:!1,message:"is required"},length:{minimum:3}},lastname:{presence:{allowEmpty:!1,message:"is required"},length:{minimum:3}},message:{presence:{allowEmpty:!1,message:"is required"},length:{minimum:3}}};function ee(){var e=Object(u.useRouter)().query.lan,t=s.a.useState(!1),r=Object(l.a)(t,2),c=r[0],d=r[1],f=s.a.useState(!1),b=Object(l.a)(f,2),v=b[0],O=b[1],j=s.a.useState({isValid:!1,values:{},touched:{},errors:{}}),C=Object(l.a)(j,2),P=C[0],E=C[1];s.a.useEffect((function(){var e=m()(P.values,X);E((function(t){return U(U({},t),{},{isValid:!e,errors:e||{}})}))}),[P.values]);var F=function(e){return!(!P.touched[e]||!P.errors[e])},K=G(),Y=Q();return e||(e="en"),J("div",null,J(V.a,{brand:"NextJS Material Kit PRO",links:J(D.a,{dropdownHoverColor:"info"}),fixed:!0,color:"transparent",changeColorOnScroll:{height:300,color:"dark"}}),J(B.a,{image:"https://storage.googleapis.com/cravi-application-bucket/images/poka_yoke/poka5.png",filter:"dark",small:!0},J("div",{className:K.container},J(W.a,{justifyContent:"center"},J(q.a,{md:8,sm:8,className:h()(K.mlAuto,K.mrAuto,K.textCenter)},J("h1",{className:K.title},Z.f[e].title),J("h4",null,Z.f[e].subTitle))))),J("div",{className:h()(K.main,K.mainRaised)},J("div",{className:K.container},J(H.a,{detail:Z.f[e].desc}),J("div",{className:h()(K.mlAuto,K.mrAuto,K.textCenter)},J(q.a,{xs:12,sm:5,md:5,className:h()(K.mlAuto,K.mrAuto,K.textCenter)},J(z.a,{className:K.card1},J("form",{onChange:function(e){e.persist(),E((function(t){return U(U({},t),{},{values:U(U({},t.values),{},Object(i.a)({},e.target.id,"checkbox"===e.target.type?e.target.checked:e.target.value)),touched:U(U({},t.touched),{},Object(i.a)({},e.target.id,!0))})}))},onSubmit:function(e){e.preventDefault();var t=P.values;t.message="".concat(t.message,", download mobile pokayoke installer"),d(!0),a.e(9).then(a.bind(null,"jkd/")).then(function(){var e=Object(o.a)(n.a.mark((function e(a){var r;return n.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a.postWithBody("/contact/send-email",t);case 3:r=e.sent,r.data,r.isError,r.err,e.next=11;break;case 9:e.prev=9,e.t0=e.catch(0);case 11:window.open("https://storage.googleapis.com/cravi-application-bucket/clavi-pokayoke.apk","_blank"),d(!1),E({isValid:!1,values:{},touched:{},errors:{}}),O(!1);case 15:case"end":return e.stop()}}),e,null,[[0,9]])})));return function(t){return e.apply(this,arguments)}}())}},J(_.a,{contact:!0,color:"primary",className:K.textCenter},J("h4",{className:K.cardTitle},Z.f[e].installer)),J(R.a,null,J(W.a,null,J(q.a,{xs:12,sm:6,md:6},J(L.a,{labelText:"First Name",id:"firstname",error:F("firstname"),value:P.values.firstname||"",helperText:F("firstname")?P.errors.firstname[0]:null,formControlProps:{fullWidth:!0}})),J(q.a,{xs:12,sm:6,md:6},J(L.a,{labelText:"Last Name",id:"lastname",error:F("lastname"),value:P.values.lastname||"",helperText:F("lastname")?P.errors.lastname[0]:null,formControlProps:{fullWidth:!0}}))),J(L.a,{labelText:"Email Address",id:"email",error:F("email"),value:P.values.email||"",helperText:F("email")?P.errors.email[0]:null,formControlProps:{fullWidth:!0}}),J(L.a,{labelText:"Job Title",id:"message",error:F("message"),value:P.values.message||"",helperText:F("message")?P.errors.message[0]:null,formControlProps:{fullWidth:!0}})),J(S.a,{className:K.justifyContentBetween},J(W.a,{className:h()(K.mlAuto,K.mrAuto,K.textCenter)},c?J(q.a,{xs:12,sm:12,md:12},J("div",{className:"sweet-loading"},J(g.a,{css:p.G,size:25,color:"#123abc",loading:c}))):J(s.a.Fragment,null,J(q.a,{xs:12,sm:6,md:6},J(k.a,{control:J(x.a,{tabIndex:-1,onClick:function(e){return function(e){O(e.target.checked)}(e)},value:v,checkedIcon:J(w.a,{className:K.checkedIcon}),icon:J(w.a,{className:K.uncheckedIcon}),classes:{checked:K.checked,root:K.checkRoot}}),classes:{label:K.label},label:"I'm not a robot"})),J(q.a,{xs:12,sm:6,md:6},J(M.a,{color:"primary",target:"_blank",type:"submit",className:K.navButton,disabled:!P.isValid||!v,round:!0},J(T.f,{className:K.icons})," ",Z.f[e].download))))))))),J("div",{className:Y.features3},J(W.a,null,J(q.a,{xs:12,sm:6,md:6},J("div",{className:Y.imageContainer},J("img",{src:"https://storage.googleapis.com/cravi-application-bucket/images/poka_yoke/poka3.png",alt:"..."}))),J(q.a,{xs:12,sm:6,md:6},J("h2",{className:Y.title},Z.f[e].intro.title),J($.a,{className:Y.infoArea,icon:T.h,title:Z.f[e].intro.pros1.title,de

1scription:Z.f[e].intro.pros1.desc,iconColor:"primary"}),J($.a,{className:Y.infoArea,icon:T.c,title:Z.f[e].intro.pros2.title,description:Z.f[e].intro.pros2.desc,iconColor:"primary"}),J($.a,{className:Y.infoArea,icon:y.a,title:Z.f[e].intro.pros3.title,description:Z.f[e].intro.pros3.desc,iconColor:"primary"})))),J("div",{className:Y.features4},J(W.a,null,J(q.a,{xs:12,sm:8,md:8,className:Y.mlAuto+" "+Y.mrAuto+" "+Y.textCenter},J("h2",{className:Y.title},Z.f[e].features.title),J("h5",{className:Y.description},Z.f[e].features.subTitle))),J(W.a,null,J(q.a,{xs:12,sm:12,md:12,lg:3,className:Y.mlAuto},J($.a,{icon:N.a,title:Z.f[e].features.ex1.title,description:Z.f[e].features.ex1.desc,iconColor:"info"}),J($.a,{icon:A.a,title:Z.f[e].features.ex2.title,description:Z.f[e].features.ex2.desc,iconColor:"danger"})),J(q.a,{xs:12,sm:12,md:12,lg:4},J("div",{className:Y.phoneContainer},J("img",{src:"https://storage.googleapis.com/cravi-application-bucket/images/poka_yoke/ok_poka.png",alt:"..."}))),J(q.a,{xs:12,sm:12,md:12,lg:3,className:Y.mrAuto})),J(W.a,null,J(q.a,{xs:12,sm:12,md:12,lg:3,className:Y.mlAuto}),J(q.a,{xs:12,sm:12,md:12,lg:4},J("div",{className:Y.phoneContainer},J("img",{src:"https://storage.googleapis.com/cravi-application-bucket/images/poka_yoke/ng_poka.png",alt:"..."}))),J(q.a,{xs:12,sm:12,md:12,lg:3,className:Y.mrAuto},J($.a,{icon:T.c,title:Z.f[e].features.ex3.title,description:Z.f[e].features.ex3.desc,iconColor:"primary"}),J($.a,{icon:I.a,title:Z.f[e].features.ex4.title,description:Z.f[e].features.ex4.desc,iconColor:"success"})))))))}},sFIZ:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var r=a("q1tI"),n=a.n(r),o=a("TSYQ"),i=a.n(o),l=a("mtPR"),c=a("i4t8"),s=a("RD7I"),d=a("obVW"),m={container:d.g,textCenter:{textAlign:"center"},aboutDescription:{padding:"70px 0 0 0"},mrAuto:d.A,mlAuto:d.z,description:d.l},u=n.a.createElement,p=Object(s.a)(m);function f(e){var t=p();return u("div",{className:i()(t.aboutDescription,t.textCenter)},u(l.a,null,u(c.a,{md:8,sm:8,className:i()(t.mrAuto,t.mlAuto)},u("h5",{className:t.description},e.detail))))}}},[["4YhB",1,2,3,0,4,5,6,20,22,24]]]);