https://www.otocapital.in/_next/static/chunks/pages/grievance-portal-68b72bf971ed6cb8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7135,7420],{15039:(e,r)=>{var t;!function(){"use strict";var a={}.hasOwnProperty;function s(){for(var e="",r=0;r<arguments.length;r++){var t=arguments[r];t&&(e=n(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var r="";for(var t in e)a.call(e,t)&&e[t]&&(r=n(r,t));return r}(t)))}return e}function n(e,r){return r?e?e+" "+r:e+r:e}e.exports?(s.default=s,e.exports=s):void 0===(t=(function(){return s}).apply(r,[]))||(e.exports=t)}()},21671:(e,r,t)=>{"use strict";t.d(r,{A:()=>s});var a=t(14232);let s=a.forwardRef(function(e,r){let{title:t,titleId:s,...n}=e;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":s},n),t?a.createElement("title",{id:s},t):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))})},23660:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/grievance-portal",function(){return t(56506)}])},47177:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var a=t(37876);t(14232);var s=t(95062),n=t.n(s),l=t(21671);let o=e=>{let{show:r,children:t,close:s}=e;return(0,a.jsx)("div",{className:"fixed inset-0 z-40 overflow-y-auto ".concat(r?"block":"hidden"),"aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:(0,a.jsxs)("div",{className:"flex min-h-screen items-center justify-center px-4 pt-4 text-center sm:block sm:p-0 ".concat(r?"duration-300 ease-out":"duration-200 ease-in"),children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":r,onClick:s,role:"presentation"}),(0,a.jsx)("span",{className:"hidden sm:inline-block sm:h-screen sm:align-middle","aria-hidden":r,children:"​"}),(0,a.jsxs)("div",{className:"relative z-50 inline-block overflow-hidden rounded-lg bg-white p-4 text-left align-bottom shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-3xl sm:p-6 sm:align-middle".concat(r?"duration-300 ease-out":"duration-200 ease-in"),children:[(0,a.jsxs)("button",{type:"button",className:"absolute right-4 top-4 h-6 w-6 rounded-full bg-white text-label focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 lg:h-12 lg:w-12",onClick:s,children:[(0,a.jsx)("span",{className:"sr-only",children:"Close"}),(0,a.jsx)("span",{className:"text-sm font-bold lg:text-xl",children:(0,a.jsx)(l.A,{className:"w-5 lg:w-10"})})]}),t]})]})})};o.propTypes={children:n().oneOfType([n().arrayOf(n().node),n().node]).isRequired,show:n().bool,close:n().func},o.defaultProps={show:!1,close:void 0};let i=o},56506:(e,r,t)=>{"use strict";t.r(r),t.d(r,{__N_SSP:()=>w,default:()=>N});var a=t(37876),s=t(14232),n=t(95062),l=t.n(n),o=t(77328),i=t.n(o),c=t(40093),d=t(77617),u=t(47981),m=t(73825),b=t(88992),x=t(71090),p=t(91408);let h="Mobile number should be 10 digits",f=(0,p.Ik)().shape({name:(0,p.Yj)().required("Please enter your name").nullable(),contact_number:(0,p.Yj)().required("Please enter Mobile Number").min(10,h).max(10,h).matches("^[1-9][0-9]{9}$",h),user_problem:(0,p.Yj)().required("Please enter your query")}).defined();var g=t(47177),y=t(34969),v=t(78391);let j=e=>{let{list:r}=e,{apiClient:t}=(0,y.R)(),{cities:n,selectedCity:l}=(0,u.A)({list:r}

1),[o,p]=(0,s.useState)(null),{handleSubmit:h,control:j,reset:w,formState:{isSubmitting:N,errors:k}}=(0,b.mN)({shouldFocusError:!0,resolver:(0,x.t)(f)}),_=(0,s.useCallback)(async e=>{let r=await t.post("/pilot/raise-grievance/",e);if(r.data.meta.error)return void p(r.data.meta.error);p(r.data.data),w()},[t,w]),C=(0,s.useCallback)(()=>{p(null)},[]);return(0,a.jsxs)("div",{children:[(0,a.jsx)(i(),{children:(0,a.jsx)("title",{children:"OTO Capital - Grievance Portal"})}),(0,a.jsx)(c.A,{cities:n,allowCityChange:!1}),(0,a.jsxs)("div",{className:"container relative mx-auto p-4 md:py-16",children:[(0,a.jsx)("div",{className:"text-center text-base font-bold md:text-2xl",children:"If you have any issues you want to highlight, please get in touch with us below"}),(0,a.jsxs)("form",{onSubmit:h(_),className:"mb-6 space-y-5",children:[(0,a.jsxs)("label",{className:"relative block",children:[(0,a.jsx)("span",{className:"font-GingerProBold text-xs",children:"Name"}),(0,a.jsx)(b.xI,{defaultValue:"",name:"name",control:j,render:e=>{let{field:{onChange:r,value:t}}=e;return(0,a.jsx)("input",{type:"text",placeholder:"Enter your Name",className:"mt-2 block w-full border bg-white text-sm ".concat(k.name?"border-2 border-error-base":"border-gray-600"," rounded focus:border-primary-base focus:ring-0"),onChange:e=>{r(e.target.value.replace(/[^A-Za-z.\s]/g,""))},value:t})}}),k.name&&(0,a.jsx)("div",{className:"mt-1 text-xs text-error-base",children:k.name.message})]}),(0,a.jsxs)("label",{className:"relative block",children:[(0,a.jsx)("span",{className:"font-GingerProBold text-xs",children:"Phone No"}),(0,a.jsx)(b.xI,{defaultValue:"",name:"contact_number",control:j,render:e=>{let{field:{onChange:r,value:t}}=e;return(0,a.jsx)("input",{type:"text",placeholder:"Enter your Email",className:"mt-2 block w-full border bg-white text-sm ".concat(k.contact_number?"border-2 border-error-base":"border-gray-600"," rounded focus:border-primary-base focus:ring-0"),onChange:e=>{r(e.target.value.replace(/^0+/g,"").replace(/[^0-9]/g,"").substring(0,10))},value:t})}}),k.contact_number&&(0,a.jsx)("div",{className:"mt-1 text-xs text-error-base",children:k.contact_number.message})]}),(0,a.jsxs)("label",{className:"relative block",children:[(0,a.jsx)("span",{className:"font-GingerProBold text-xs",children:"Enter your query"}),(0,a.jsx)(b.xI,{name:"user_problem",control:j,defaultValue:"",render:e=>{let{field:r}=e;return(0,a.jsx)("textarea",{rows:6,...r,type:"text",placeholder:"Enter your query",className:"mt-2 block w-full border bg-white text-sm ".concat(k.user_problem?"border-2 border-error-base":"border-gray-600"," rounded focus:border-primary-base focus:ring-0"),onChange:e=>r.onChange((0,v.A)(e.target.value))})}}),k.user_problem&&(0,a.jsx)("div",{className:"mt-1 text-xs text-error-base",children:k.user_problem.message})]}),(0,a.jsx)("button",{type:"submit",className:"mx-auto block rounded border border-primary-base bg-primary-base px-8 py-2 text-sm font-bold uppercase text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-base focus:ring-offset-2 sm:static",disabled:N,children:"SUBMIT"})]}),o&&(0,a.jsx)(g.A,{show:!0,close:C,children:(0,a.jsx)("div",{className:"p-5",children:(0,a.jsx)("div",{className:"mt-2 text-center text-base font-medium text-[#303030]",children:(0,a.jsx)("div",{className:"tracking-wide",children:o})})})})]}),(0,a.jsx)(d.A,{city:l,cities:n}),(0,a.jsx)(m.A,{})]})};j.propTypes={list:l().array.isRequired};var w=!0;let N=j}},e=>{e.O(0,[8230,1090,1408,5233,9679,6986,7829,6728,1025,636,6593,8792],()=>e(e.s=23660)),_N_E=e.O()}]);