https://admin.belimobilgue.com/static/1716.0a7c5fc2.chunk.js

1"use strict";(self.webpackChunkapp_inspector=self.webpackChunkapp_inspector||[]).push([[1716],{489707:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});let r=a(438754),l=r._(a(188400)),i=r._(a(934158)),n=a(202752),s=["id","status","rejectionReasons","cancellationReason","inspectionPointName","time","date","bookingId","country","comments","assignedToName","type","bookingSource","address","purchaseCoordinator","createdAt","inspectionId",["lead",["id","price","minPrice","maxPrice","make","model","trim","year","mileage","plate","serviceType",["contact",["firstname","lastname","email","phone"]],"transmission","phone","email","leadSource","externalLeadId"]]],o=[["list",s],"count"],d=[["list",[["lead",["id"]]]]],u=["id","referenceId","referencedEntity","metaInfo","senderId","senderName","recipientId","country","archived","createdAt","updatedAt","type","detail","headerTitle","createdAtType","footer"],c=["id","event","country","entityType","entityId",["channels",["type","value","template"]]],p=["id","country","title","content","name"],h=["event","placeholders"],f=["bookingSource",["lead",["leadSource",["contact",["firstname","lastname","email","phone"]]]]],m={sendRequest:(e,t,a="/en/api/contact/")=>new Promise((t,r)=>{i.default.post({url:a,contentType:"application/graphql",data:e,success:e=>t(e),error:e=>(console.error(e),r(void 0!==e.responseJSON?e.responseJSON.errors:[]))})}),query(e,t,a,r){let i=(0,l.default)(e,t,a);return this.sendRequest(i,e,r)},mutation(e,t,a){let r=`mutation ${(0,l.default)(e,t,a)}`;return this.sendRequest(r,e)},appointment(e,t){let a=t.date||new Date,r=(0,n.formatLocalDate)(a),l={appointmentData:{country:e,date:{from:r,to:r},...t.filters},order:!0===t.sorted[0].desc?"DESC":"ASC",field:t.sorted[0].id,page:t.page+1,limit:t.pageSize};return this.query("appointment",l,o)},getLeadId(e,t){return this.query("appointment",{appointmentData:{country:e,bookingId:t}},d)},cancelAppointment(e,t,a=""){return this.query("cancelAppointment",{appointmentId:e,cancellationReason:t||"",cancelledInStatus:a},null,"/en/api/lead-gateway/")},updateAppointment(e,t,a){let r=(e=>{let{country:t,id:a,lead:r,createdAt:l,...i}=e;return i})(t);return this.query("updateAppointment",{id:e,appointmentData:r},s,a?"/en/api/lead-gateway/":"/en/api/contact/")},inbox(e){return this.query("inbox",{...e,limit:100},u)},sources(e,t){return this.query("appointment",{appointmentData:{country:e,bookingId:t}},[["list",f]])},archiveMessage(e){return this.mutation("archiveMessage",{id:e})},fcm(e,t,a,r="ADMIN",i="web"){return this.query("fcm",{token:e,market:t,locale:a.split("-")[0],platform:i,application:new l.default.EnumType(r),fcmVersion:2},["saved"])},removeFcm(e,t,a,r="web"){return this.mutation("removeFCM",{userId:e,token:t,market:a,platform:r})},getOptInsWithTemplates(e,t){return this.optIn(e,t).then(a=>{let r=a.list.reduce((e,t)=>[...e,...t.channels.map(e=>e.template)],[]),l=a.list.map(e=>e.event),i=this.placeholders(l);return Promise.all([this.template(r,e),i]).then(e=>{let r=e[0].list;return{events:a.list.map(e=>({...e,entityType:"USER_GROUP",entityId:t,channels:e.channels.map(e=>{let t=r.find(t=>t.id===e.template);return{...e,...t,templateContent:t&&t.content||e.templateContent}})})),placeholders:e[1]}})})},optIn(e,t,a="USER_GROUP"){return this.query("optIn",{country:new l.default.EnumType(e),entityType:new l.default.EnumType(a),entityId:t},[["list",c]])},convertOptIns(e){let t=["entityType","event","country"].reduce((t,a)=>(t[a]=new l.default.EnumType(e[a]),t),{});return{...e,...t,channels:e.channels.map(e=>({...e,type:new l.default.EnumType(e.type)}))}},saveOptIn(e){return this.mutation("saveOptIn",{optIns:e.map(this.convertOptIns)},["id"])},saveTemplates:(e,t)=>Promise.all(e.channels.map(e=>{let a={country:t,name:`notification.optIn.title.${e.type}`,content:e.templateContent,title:e.title||""};return e.template&&(a.id=e.template),m.saveTemplate(a)})).then(t=>({...e,channels:e.channels.map((e,a)=>({template:t[a].id,type:e.type,value:e.value}))})),saveOptInAndTemplates:(e,t,a)=>Promise.all(a.map(a=>

1m.saveTemplates({...a,entityId:t},e))).then(e=>m.saveOptIn(e)),saveTemplate(e){return(e.id||delete e.id,e.content)?this.mutation("saveTemplate",{...e,country:new l.default.EnumType(e.country)},["id"]):Promise.resolve({id:null})},template(e,t){return this.query("template",{id:e,country:new l.default.EnumType(t)},[["list",p]])},placeholders(e){return this.query("placeholders",{events:e.map(e=>new l.default.EnumType(e))},h)}},g=m},932454:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754)._(a(45697));e.exports={contextTypes:{country:r.default.object.isRequired,locale:r.default.object.isRequired,localeCode:r.default.string.isRequired},__(e){return this.context.locale[e]||e},__currency(e){let t=this.context.country.currency;return t.format.replace("${amount}",this.__number(e)).replace("${sign}",t.symbol||t.shortcut)},__number(e){return e.toFixed(0).split("").reverse().join("").match(/(\d{1,3})/g).reverse().map(e=>e.split("").reverse().join("")).join(this.context.country.number.thousands)}}},268420:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:()=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},l.default.createElement("path",{fillOpacity:".9",d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"}),l.default.createElement("path",{fill:"none",d:"M0 0h24v24H0z"})),displayName:"IconAlternateEmail"})},544324:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:()=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},l.default.createElement("path",{d:"M10 17l5-5-5-5v10z"}),l.default.createElement("path",{fill:"none",d:"M0 24V0h24v24H0z"})),displayName:"IconArrowRight"})},679363:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:()=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},l.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.8891 6.38057L23.7217 4.88867H8.23021L7.11133 6.38057V26.1329L8.23021 27.1109H23.7217L24.8891 26.1329V6.38057ZM9.35978 24.9507V7.08727H22.7088V24.9507H9.35978ZM20.1991 13.2414V11.0192H12.0261V13.2414H20.1991ZM20.1991 15.3252V17.5474H12.0261V15.3252H20.1991ZM20.1991 21.5553V19.3331H12.0261V21.5553H20.1991Z",fill:"black"})),displayName:"IconAssignTaskNotification"})},135052:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:function(){return l.default.createElement("svg",{className:this.getClassnames(["iconBurger"]),viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none"},l.default.createElement("line",{x1:"10",y1:"7.5",x2:"90",y2:"7.5"}),l.default.createElement("line",{x1:"10",y1:"35.5",x2:"90",y2:"35.5"}),l.default.createElement("line",{x1:"10",y1:"63.5",x2:"90",y2:"63.5"}))},displayName:"IconBurger"})},185727:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274)),s=(0,i.default)({mixins:[n.default],render:function(){return l.default.createElement("svg",{className:this.getClassnames(["iconClose"]),viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),l.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},displayName:"IconClose"});"u"<typeof BACKEND&&(e.exports=s)},35537:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l}});let r=a(438754)._(a(667294)),l=()=>r.default.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"24px",height:"24px",viewBox:"0 0 24 24",enableBackground:"new 0 0 24 24"},r.default.createElement("g",{id:"Bounding_Box"},r.default.createElement("rect",{fill:"none",width:"24",height:"24"})),r.default.createElement("g",{id:"Flat"},r.default.createElement("g",{id:"ui_x5F_spec_x5F_header_copy_2"}),r.default.createElement("g",null,r.default.createElement("path",{d:"M20.57,10.66C20.43,10.26,20.05,10,19.6,10h-7.19c-0.46,0-0.83,0.26-0.98,0.66L10,14.77l0.01,5.51 c0,0.38,0.31,0.72,0.69,0.72h0.62C11.7,21,12,20.62,12,20.24V19h8v1.24c0,0.38,0.31,0.76,0.69,0.76h0.61 c0.38,0,0.69-0.34,0.69-0.72L22,18.91v-4.14L20.57,10.66z M12.41,11h7.19l1.03,3h-9.25L12.41,11z M12,17c-0.55,0-1-0.45-1-1 s0.45-1,1-1s1,0.45,1,1S12.55,17,12,17z M20,17c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1S20.55,17,20,17z"}),r.default.createElement("polygon",{points:"14,9 15,9 15,3 7,3 7,8 2,8 2,21 3,21 3,9 8,9 8,4 14,4   "}),r.default.createElement("rect",{x:"5",y:"11",width:"2",height:"2"}),r.default.createElement("rect",{x:"10",y:"5",width:"2",height:"2"}),r.default.createElement("rect",{x:"5",y:"15",width:"2",height:"2"}),r.default.createElement("rect",{x:"5",y:"19",width:"2",height:"2"}))))},844512:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:()=>l.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.60345 25.4096H15.3757V23.1808H6.60345V25.4096ZM5.2412 14.743L6.78195 13.9407C7.1283 14.1074 7.64189 14.3531 8.11789 14.5763L8.14357 16.1483L7.02997 16.5831C6.62411 16.3368 6.11554 15.97 5.81616 15.7455L5.2412 14.743ZM3.10357 16.0578L3.61715 15.7108L4.38752 17.0551L4.53847 17.1706C4.66874 17.2713 5.83182 18.1602 6.569 18.511L6.92851 18.6829L10.0445 17.4643L9.97556 13.3256L9.43191 13.0755C8.56508 12.6759 7.16776 12.0006 7.16651 11.9999L6.75001 11.7979L4.28731 13.0806L4.23345 12.9876L4.09002 13.0851L3.64471 12.5675L6.31847 10.324L9.2033 11.5805L13.0802 13.2692L13.0784 11.9204V11.8139C13.0784 11.7235 13.0784 8.70201 13.0727 7.30255V7.2583L13.0721 6.97481L12.9236 6.78048L11.3309 3.70257L11.5176 3.0503H12.2453L14.7826 7.34168V20.5127H6.86587C6.31847 20.1574 4.71321 19.0203 4.20777 18.631L3.10357 16.0578ZM6.70053 2.59109H7.34501L11.1944 7.63863L11.1975 10.358L9.76261 9.73333V7.58283V7.57385L9.591 7.33719L6.48946 2.90664L6.70053 2.59109ZM7.88365 8.91494L6.89907 8.48651L6.77318 8.43135L5.36083 6.41811L5.3721 5.69401L5.97086 5.576L7.88365 8.21072V8.91494ZM16.6615 21.6069V6.80421L13.3051 1.12621H10.1108L9.70186 2.55517L8.26132 0.666992H5.71094L4.19462 2.93165L4.83033 3.84047L3.51756 4.09765L3.47247 7.0242L4.88545 9.04001L0.947143 12.343L2.50731 14.1555L0.746094 15.3465L2.57683 19.6116L2.58497 19.6078C2.84364 20.0202 4.12196 20.9739 5.18045 21.6601L4.72448 22.1232V26.3716L5.66397 27.3337H16.3146L17.254 26.3716V22.2188L16.6615 21.6069Z",fill:"black"})),displayName:"IconGreatOffer"})},38836:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:function(){return l.default.createElement("svg",{className:this.getClassnames(["iconLoadingWheel"]),viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{d:"M88.3,28.3C91.9,34.7,94,42.1,94,50c0,24.3-19.7,44-44,44S6,74.3,6,50S25.7,6,50,6"}))},displayName:"IconLoadingWheel"})},164372:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));var s=(0,i.default)({mixins:[n.default],render:function(){return l.default.createElement("svg",{className:this.getClassnames(["iconMagnifier"]),viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),l.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},displayName:"IconMagnifier"});"u"<typeof BACKEND&&(e.exports=s)},279274:e=>{e.exports={getClassnames:function(e){return e=(e||[]).concat(["icon"]),this.props.className&&e.push(this.props.className),e.join(" ")},getDefaultProps:()=>({height:24,width:24})}},376129:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(279274));e.exports=(0,i.default)({mixins:[n.default],render:()=>l.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.8891 6.38057L23.7217 4.88867H8.23021L7.11133 6.38057V26.1329L8.23021 27.1109H23.7217L24.8891 26.1329V6.38057ZM9.35978 24.9507V7.08727H22.7088V24.9507H9.35978ZM20.1991 13.2414V11.0192H12.0261V13.2414H20.1991ZM20.1991 15.3252V17.5474H12.0261V15.3252H20.1991ZM20.1991 21.5553V19.3331H12.0261V21.5553H20.1991Z",fill:"black"})),displayName:"IconNotificationTask"})},57916:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(45697)),n=r._(a(972555)),s=r._(a(135052)),o=r._(a(769474)),d=r._(a(856459)),u=r._(a(785882)),c=r._(a(932454)),p=a(671665),h=r._(a(944237)),f=h.default.div.withConfig({displayName:"MenuBar__SearchBoxWrapper"})(["display:flex;height:100%;align-items:center;"]),m=h.default.div.withConfig({displayName:"MenuBar__SearchBoxInner"})(["height:100%;margin-top:27px;margin-right:15px;"]);e.exports=(0,n.default)({mixins:[c.default],propTypes:{onSearchSubmit:i.default.func,onFilterSubmit:i.default.func,queryFilter:i.default.array,isFetching:i.default.bool,renderSearch:i.default.bool.isRequired,showQcOnly:i.default.bool,searchQueryKey:i.default.string,canAccessThroughDialog:i.default.bool,newUI:i.default.bool,customFilterComponent:i.default.node,showNotificationButton:i.default.bool,classes:i.default.array,renderSearchWithDaysFilter:i.default.bool,searchPlaceholder:i.default.string,onlySearchBox:i.default.bool,placeholderFilter:i.default.string,value:i.default.string,load:i.default.func,queryBuilder:i.default.func,onChange:i.default.func,newDesign:i.default.func,filterDays:i.default.number,onPresetDay:i.default.func},getInitialState:function(){return{isSearchActive:!1}},eventBurgerMenuClick:function(e){e.preventDefault(),void 0!==this.props.onMenuClick&&this.props.onMenuClick(e)},eventQcFilterClick:function(){void 0!==this.props.onShowQcChange&&this.props.onShowQcChange(!1===this.props.showQcOnly)},eventToggleSearchClass:function(e){this.setState({isSearchActive:e})},componentDidMount:function(){null!==u.default.getSearchParamFromUrl()&&this.eventToggleSearchClass(!0)},getClassName:function(){let e=!0===this.state.isSearchActive?"searchActive":"",t=this.props.canAccessThroughDialog?"accessActive":"";return`menuBar ${e} ${t} ${this.props.classes?.join(" ")}`},render:function(){let e=this.getClassName();return l.default.createElement("div",{className:e,style:{...this.props.newUI&&{boxShadow:"none"}}},l.default.createElement("div",{className:"headerTitleWrapper"},l.default.createElement("a",{href:"#",onClick:this.eventBurgerMenuClick},l.default.createElement(s.default,{className:"menuBarBurgerIcon"})),l.default.createElement("span",{className:"pageTitle"},this.props.title)),l.default.createElement("div",null,this.props.showNotificationButton&&l.default.createElement(p.NotificationButton,null),this.props.customFilterComponent,!0===this.props.renderSearch?l.default.createElement(o.default,{searchQueryKey:this.props.searchQueryKey,isFetching:this.props.isFetching,toggleSearchActive:this.eventToggleSearchClass,onSearchSubmit:this.props.onSearchSubmit}):null,this.props.renderSearchWithDaysFilter?l.default.createElement(f,null,l.default.createElement(m,null,l.default.createElement(d.default,{searchQueryKey:this.props.searchQueryKey,isFetching:this.props.isFetching,onSearchSubmit:this.props.onSearchSubmit,placeholder:this.props.searchPlaceholder,onlySearchBox:this.props.onlySearchBox,height:"32px",searchQueryError:this.props.searchQueryError,onFilterSubmit:this.props.onFilterSubmit,queryFilter:this.props.queryFilter,placeholderFilter:this.props.placeholderFilter,value:this.props.value,load:this.props.load,queryBuilder:this.props.queryBuilder,onChange:this.props.onChange,newDesign:this.props.newDesign,filterDays:this.props.filterDays,onPresetDay:this.props.onPresetDay}))):null))},displayName:"MenuBar"})},266485:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return f}});let r=a(438754),l=a(661757),i=l._(a(667294)),n=r._(a(45697)),s=a(937974),o=a(617945),d=l._(a(140496)),u=r._(a(489707)),c=a(516126),p=r._(a(948825));class h extends i.Component{constructor(e){super(e),this.onToken=this.onToken.bind(this),this.onMessage=this.onMessage.bind(this),this.onButtonPress=this.onButtonPress.bind(this)}componentDidMount(){try{(0,c.isInspectionRoute)(this.context?.currentRoute?.path)||(d.addEventListener(d.Events.ON_TOKEN,this.onToken),d.addEventListener(d.Events.ON_MESSAGE,this.onMessage),d.initializeMessaging(this.context.country.firebase,this.context.localeCode))}catch(e){console.log(e)}}componentWillUnmount(){d.removeEventListener(d.Events.ON_TOKEN,this.onToken),d.removeEventListener(d.Events.ON_MESSAGE,this.onMessage)}onMessage({detail:e}){let{message:t}=e;this.props.addMessage(t)}onToken({detail:e}){let{token:t}=e,{country:a,localeCode:r}=this.context;u.default.fcm(t,a.countryCode,r)}onButtonPress(e){e.preventDefault(),this.props.notificationInboxToggle()}render(){let e=`notificationButton bell ${!0===this.props.hasUnread?"ring":""}`;return i.default.createElement("a",{href:"#",className:e,onClick:this.onButtonPress},i.default.createElement(p.default,{fontSize:"large"}),!0===this.props.hasUnread?i.default.createElement("div",{className:"notificationIndicator"},i.default.createElement("p",{className:"notificationIndicatorNumber"},this.props.unreadInboxValue?.length>99?"99+":this.props.unreadInboxValue?.length)):null)}}h.contextTypes={country:n.default.object,localeCode:n.default.string,currentRoute:n.default.object};let f=(0,s.connect)(e=>({hasUnread:e.notificationInbox.items.filter(e=>!e.isRead&&!e.archived).length>0,unreadInboxValue:e.notificationInbox.items.filter(e=>!e.isRead&&!e.archived)}),e=>({notificationInboxToggle:()=>e((0,o.notificationInboxToggle)()),addMessage:t=>e((0,o.addMessage)(t)),loadInbox:t=>e((0,o.loadInbox)(t))}))(h)},539620:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return f}});let r=a(438754),l=r._(a(667294)),i=r._(a(45697)),n=r._(a(972555)),s=a(937974),o=r._(a(932454)),d=r._(a(185727)),u=a(617945),c=r._(a(7209)),p=r._(a(23279)),h=(0,n.default)({contextTypes:{country:i.default.object},scrollTop:0,mixins:[o.default],getInitialState:()=>({indicatorStyle:{left:0,width:0},inboxItems:[],totalItemsVisible:0}),componentWillMount(){this.loadNextDebounced=(0,p.default)(this.props.loadNext,300),this.setState({totalItemsVisible:this.state.totalItemsVisible+1})},componentDidMount(){if(void 0!==this.allFilterRef){let e=this.allFilterRef.offsetWidth;this.setState({indicatorStyle:{width:e,left:0}})}this.props.loadInbox(this.context.country.countryCode)},componentDidUpdate(e){this.props.items!==e.items&&this.setState({inboxItems:Array.isArray(this.props?.items)?this.props.items.slice(0,20*this.state.totalItemsVisible):[]})},closeNotificationInbox(e){e.preventDefault(),this.props.notificationInboxClose()},onAllClick(e){e.preventDefault(),this.props.setFilter("all",this.context.country.countryCode);let t=e.target.offsetWidth+2;this.setState({indicatorStyle:{width:t,left:0}}),this.setState({totalItemsVisible:1})},onArchiveClick(e){e.preventDefault(),this.props.setFilter("archive",this.context.country.countryCode);let t=e.target.offsetWidth+2,a=parseFloat(window.getComputedStyle(this.allFilterRef).marginRight),r=this.allFilterRef.offsetWidth+a-2;this.setState({indicatorStyle:{width:t,left:r}}),this.setState({totalItemsVisible:1})},onClearAllClick(e){e.preventDefault(),this.props.clearAll(this.context.country.countryCode)},moveToArchive(e){this.props.archiveNotification(e.id)},onScroll(e){let{scrollTop:t,scrollHeight:a,clientHeight:r}=e.target,l=t-this.scrollTop;a-(r+t)<100&&!1===this.props.loading&&l>0&&(this.state.inboxItems?.length===100*Math.floor(this.state.totalItemsVisible/5)?this.loadNextDebounced(this.context.country.countryCode):(this.setState({totalItemsVisible:this.state.totalItemsVisible+1}),this.setState({inboxItems:this.props?.items?.slice(0,20*this.state.totalItemsVisible)}))),this.scrollTop=t},renderClearButton(){return"archive"===this.props.filter?null:l.default.createElement("a",{href:"#",className:"clearAll",onClick:this.onClearAllClick},this.__("notifications.clear"))},render(){let e=["notificationContainer"],{visible:t,filter:a}=this.props;return!0===t&&e.push("open"),l.default.createElement("div",{className:e.join(" "),onScroll:this.onScroll},l.default.createElement("div",{className:"titleContainer"},l.default.createElement("span",null,this.__("notifications.title")),l.default.createElement("a",{href:"#",onClick:this.closeNotificationInbox,className:"closeButtonContainer"},l.default.createElement(d.default,null)),l.default.createElement("div",{className:"filterContainer"},l.default.createElement("a",{href:"#",className:`filterItem ${"all"===a?"selected":""}`,onClick:this.onAllClick,ref:e=>{this.allFilterRef=e}},this.__("notifications.filter.all")),l.default.createElement("a",{href:"#",className:`filterItem ${"archive"===a?"selected":""}`,onClick:this.onArchiveClick}

1,this.__("notifications.filter.archive")),this.renderClearButton(),l.default.createElement("div",{className:"filterIndicator",style:this.state.indicatorStyle}))),l.default.createElement(c.default,{data:this.state.inboxItems,onMoveToArchive:e=>{this.moveToArchive(e)}}))},displayName:"NotificationContainer"}),f=(0,s.connect)(e=>({...e.notificationInbox}),e=>({notificationInboxClose:()=>e((0,u.notificationInboxClose)()),setFilter:(t,a)=>e((0,u.notificationInboxSetFilter)(t,a)),loadInbox:t=>e((0,u.loadInbox)(t)),archiveNotification:t=>e((0,u.archiveNotification)(t)),loadNext:t=>e((0,u.loadNext)(t)),clearAll:t=>e((0,u.clearAll)(t))}))(h)},7209:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return f}});let r=a(438754),l=r._(a(667294)),i=r._(a(45697)),n=r._(a(24721)),s=r._(a(198447)),o=a(18912),d=(0,s.default)(o.Task)(n.default),u=(0,s.default)(o.Comment)(n.default),c=(0,s.default)(o.TemplateNotificationBase)(n.default),p=(0,s.default)(o.PaymentProof)(n.default),h=({data:e,onMoveToArchive:t})=>l.default.createElement("div",{className:"notificationList"},e.map((e,a)=>"Comment"===e.referencedEntity?l.default.createElement(u,{item:e,key:`notification_${a}`,onMoveToArchive:t}):"NotificationTask"===e.referencedEntity?l.default.createElement(d,{item:e,key:`notification_${a}`,onMoveToArchive:t}):"PaymentProof"===e.referencedEntity?l.default.createElement(p,{item:e,key:`notification_${a}`,onMoveToArchive:t,openInNewTab:!0}):l.default.createElement(c,{item:e,key:`notification_${a}`,onMoveToArchive:t})));h.propTypes={data:i.default.array,onMoveToArchive:i.default.func};let f=h},24721:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return D}});let r=a(438754),l=a(661757)._(a(667294)),i=r._(a(45697)),n=r._(a(544324)),s=r._(a(185727)),o=r._(a(800078)),d=r._(a(157008)),u=r._(a(40069)),c=r._(a(20106)),p=r._(a(939615)),h=r._(a(844152)),f=r._(a(35537)),m=r._(a(268420)),g=r._(a(376129)),y=r._(a(679363)),v=r._(a(844512)),b=r._(a(944237)),_=b.default.div.withConfig({displayName:"NotificationListItem__IconBadge"})(["border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0.55em;background-color:",";"],({color:e})=>e),C=b.default.div.withConfig({displayName:"NotificationListItem__LeftIndicator"})(["width:5px;background-color:",";height:100%;position:absolute;left:0;"],({color:e})=>e),x=b.default.div.withConfig({displayName:"NotificationListItem__NotificationItem"})(["",""],({backgroundColor:e})=>`background-color: ${e}`),S={CarCreated:{color:"rgba(132, 220, 93, 0.25)",Icon:o.default,backgroundColor:"rgba(132, 220, 93, 0.15)",leftIndicatorColor:"rgb(132, 220, 93)"},CarUpdatedHandoverFromSellerAt:{color:"rgba(156, 39, 176, 0.25)",Icon:f.default,backgroundColor:"rgba(156, 39, 176, 0.15)",leftIndicatorColor:"rgb(156, 39, 176)"},DealerOfferPriceCreatedNotification:{color:"rgba(110, 216, 255, 0.25)",Icon:v.default,backgroundColor:"rgba(110, 216, 255, 0.15)",leftIndicatorColor:"rgba(110, 216, 255)"},InspectionCreatedNotification:{color:"rgba(110, 216, 255, 0.25)",Icon:g.default,backgroundColor:"rgba(110, 216, 255, 0.15)",leftIndicatorColor:"rgba(110, 216, 255)"},AssignTaskNotification:{color:"rgba(110, 216, 255, 0.25)",Icon:y.default,backgroundColor:"rgba(110, 216, 255, 0.15)",leftIndicatorColor:"rgba(110, 216, 255)"},...["Ended","Started"].reduce((e,t)=>({...e,[`Auction${t}`]:{color:"rgba(255, 152, 0, 0.25)",Icon:d.default,backgroundColor:"rgba(255, 152, 0, 0.15)",leftIndicatorColor:"rgb(255, 152, 0)"}}),{}),...["Available","Sold","Returned"].reduce((e,t)=>({...e,[`StatusUpdated${t}`]:{color:"rgba(233, 30, 99, 0.25)",Icon:u.default,backgroundColor:"rgba(233, 30, 99, 0.15)",leftIndicatorColor:"rgb(233, 30, 99)"}}),{}),...["MinOffer","MaxOffer","TokenPrice","AuctionOffer"].reduce((e,t)=>({...e,[`OfferPricingUpdated${t}`]:{color:"rgba(76, 175, 80, 0.25)",Icon:c.default,backgroundColor:"rgba(76, 175, 80, 0.15)",leftIndicatorColor:"rgb(76, 175, 80)"}}),{}),...["MinOffer","MaxOffer","TokenPrice","AuctionOffer"].reduce((e,t)=>

1({...e,[`OfferPricingCreated${t}`]:{color:"rgba(76, 175, 80, 0.25)",Icon:c.default,backgroundColor:"rgba(76, 175, 80, 0.15)",leftIndicatorColor:"rgb(76, 175, 80)"}}),{}),...["Created","Updated"].reduce((e,t)=>({...e,[`Comment${t}`]:{color:"rgba(110, 216, 255, 0.25)",Icon:m.default,backgroundColor:"rgba(110, 216, 255, 0.15)",leftIndicatorColor:"rgba(110, 216, 255)"}}),{}),...{PaymentProofCreated:{Icon:h.default,color:"rgba(48, 39, 176, 0.25)",backgroundColor:"rgba(48, 39, 176, 0.15)",leftIndicatorColor:"rgba(48, 39, 176)"}}},w={Icon:p.default,color:"rgba(128,128,128, 0.25)",backgroundColor:"rgba(128,128,128, 0.15)",leftIndicatorColor:"rgb(128,128,128)"};class E extends l.Component{constructor(e){super(e),this.moveToArchive=this.moveToArchive.bind(this)}moveToArchive(e){return e.stopPropagation(),e.preventDefault(),this.props.onMoveToArchive(this.props.item),!1}buildActionLink(){let e={...this.props,...this.context};return this.props.buildActionLink instanceof Function?this.props.buildActionLink(e):"/"}render(){let{isRead:e,archived:t}=this.props.item,a=["notificationListItem"],{Icon:r,color:i,backgroundColor:o,leftIndicatorColor:d}=S[this.props.item.type]||w,u="";!0===t?a.push("archived"):!0===e?a.push("read"):u=o;let c=this.props.openInNewTab?{target:"_blank"}:{target:"_self"};return l.default.createElement(x,{className:a.join(" "),backgroundColor:u},l.default.createElement(C,{color:d}),l.default.createElement(_,{color:i},l.default.createElement(r,null)),l.default.createElement("a",{className:"notificationItemDetails",href:this.buildActionLink(),...c},this.props.children),l.default.createElement("div",{className:"actionIcon"},l.default.createElement("a",{className:"goToCarIcon",href:"#"},l.default.createElement(n.default,null)),l.default.createElement("a",{className:"moveToArchiveIcon",href:"#",onClick:this.moveToArchive},l.default.createElement(s.default,null))))}}E.propTypes={item:i.default.object,onMoveToArchive:i.default.func},E.contextTypes={localeCode:i.default.string};let D=E},48464:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get Comment(){return u},get buildActionLink(){return d},get default(){return c}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=a(661757)._(a(667294)),s=a(730229),o=i._(a(320371)),d=()=>null,u=(0,o.default)()(({item:e,t})=>{let[a,r]=(0,n.useState)(!1),[l,i=""]=(t(e?.headerTitle)||"").split("sender_name"),[o,d=""]=i.split("created_date"),u=e=>"number"==typeof e?parseFloat(e).toLocaleString("en"):/^[a-zA-Z]+(\.[a-zA-Z_]+)+$/.test(e)?t(e):e?.replace(/@\[(.*?)\]\(.*?\)/g,"@$1");return n.default.createElement("div",null,n.default.createElement("div",{style:{marginBottom:"6px",fontSize:"14px"}},l," ",n.default.createElement("strong",{className:"notifSender"},e.senderName)," ",o,n.default.createElement("strong",{className:"notifCreatedDate"},(0,s.formatDate)(new Date(e.createdAt)))," ",d," ",n.default.createElement("strong",{className:"notifCreatedHours"},(0,s.formatTime)(new Date(e.createdAt)))),(e?.detail||[])?.slice(0,a?e?.detail?.length:3)?.map(e=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"detailNotifContainer"},n.default.createElement("div",{className:"detailNotifLabel"},n.default.createElement("p",{className:"detailText notifContentLabel"},t(e?.label)),n.default.createElement("p",{style:{margin:"0"}},":")),e?.url?n.default.createElement("a",{href:e?.url,className:"detailTextLink notifContentValue"},u(e?.value)):n.default.createElement("p",{className:"detailText notifContentValue"},u(e?.value))),e?.subDetail?.map(e=>n.default.createElement("div",{key:e?.label,className:"detailNotifContainer"},n.default.createElement("div",{className:"detailNotifLabel"},n.default.createElement("p",{className:"detailText notifContentLabel",style:{paddingLeft:"10px"}},t(e?.label)),n.default.createElement("p",{style:{margin:"0"}},":")),e?.url?n.default.createElement("a",{href:e?.url,className:"detailTextLink notifContentValue"},u(e?.value)):n.default.createElement("p",{className:"detailText notifContentValue"},u(e?.value)))))),n.default.createElement("div",{className:"timestamp",style:{color:"#4A4A4A",fontSize:"12px"}},(0,s.formatTime)(new Date(e.createdAt))," WIB,"," ",(0,s.formatDateShortMonth)(new Date(e.createdAt))),e?.detail?.length>3&&n.default.createElement("div",{onClick:()=>r(!a),className:"buttonView"},a?t("notifications.button.view_less"):t("notifications.button.view_more")))}),c={Template:u,buildActionLink:d}},241895:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i}});let r=a(600589),l=a(276271),i={Template:r.Template,buildActionLink:()=>(0,l.buildAA2Link)("/payslips")}},790468:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get Task(){return c},get buildActionLink(){return u},get default(){return p}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=a(661757)._(a(667294)),s=a(730229),o=i._(a(320371)),d=i._(a(17757)),u=()=>null,c=(0,o.default)()(({item:e,t})=>{let[a,r]=(0,n.useState)(!1),l=t(e?.headerTitle)||"",i=t(e?.footer?.title)||"",[o,u=""]=l.split("sender_name"),[c,p=""]=""!==u?u.split("created_date"):o.split("created_date"),[h,f=""]=i.split("link_to"),m=e=>{let a=/^[a-zA-Z]+(\.[a-zA-Z_]+)+$/;if("number"==typeof e)return parseFloat(e).toLocaleString("en");let r=String(e);if(!r.startsWith("00")&&!isNaN(parseFloat(r))&&isFinite(Number(r)))return parseFloat(r).toLocaleString("en");if("string"!=typeof e)return e;let l=e.split(" "),i=l[0],n=l.slice(1).join(" ");return a.test(e)?t(e):a.test(i)?`${t(i)} ${n}`:e?.replace(/@\[(.*?)\]\(.*?\)/g,"@$1")};return n.default.createElement("div",null,n.default.createElement("div",{style:{marginBottom:"6px",fontSize:"14px"}},e?.senderName!==null&&e?.senderName!==""&&o," ",e?.senderName!==null&&e?.senderName!==""&&n.default.createElement("strong",{className:"notifSender"},e?.senderName),c,(e?.createdAtType==="all"||e?.createdAtType==="date")&&n.default.createElement("strong",{className:"notifCreatedDate"},(0,s.formatDate)(new Date(e?.createdAt))),p," ",(e?.createdAtType==="all"||e?.createdAtType==="hours")&&n.default.createElement("strong",{className:"notifCreatedHours"},(0,s.formatTime)(new Date(e?.createdAt)))),(e?.detail||[])?.slice(0,a?e?.detail?.length:3)?.map(e=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"detailNotifContainer"},n.default.createElement("div",{className:"detailNotifLabel"},n.default.createElement("p",{className:"detailText notifContentLabel"},t(e?.label)),n.default.createElement("p",{style:{margin:"0"}},":")),e?.url?n.default.createElement("a",{href:e?.url,className:"detailTextLink notifContentValue"},m(e?.value)):n.default.createElement("p",{className:"detailText notifContentValue"},m(e?.value))),e?.subDetail?.map(e=>n.default.createElement("div",{key:e?.label,className:"detailNotifContainer"},n.default.createElement("div",{className:"detailNotifLabel"},n.default.createElement("p",{className:"detailText notifContentLabel",style:{paddingLeft:"10px"}},t(e?.label)),n.default.createElement("p",{style:{margin:"0"}},":")),e?.url?n.default.createElement("a",{href:e?.url,className:"detailTextLink notifContentValue"},m(e?.value)):n.default.createElement("p",{className:"detailText notifContentValue"},m(e?.value)))))),e?.footer!==null&&a&&n.default.createElement("p",{className:"footerText",id:"footerText"},h," ",n.default.createElement("a",{href:e?.footer?.url,className:"footerTextLink",id:"footerTextLink"},"id"===d.default.get("locale")?"disini":"here"),f),n.default.createElement("div",{className:"timestamp",style:{color:"#4A4A4A",fontSize:"12px"}},(0,s.formatTime)(new Date(e?.createdAt))," WIB,"," ",(0,s.formatDateShortMonth)(new Date(e?.createdAt))),e?.detail?.length>3&&n.default.createElement("div",{onClick:()=>r(!a),className:"buttonView"},a?t("notifications.button.view_less"):t("notifications.button.view_more")))}),p={Template:c,buildActionLink:u}},600589:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get IconBadge(){return m},get Template(){return v},get buildActionLink(){return y},get default(){return b},get iconsConfig(){return g}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=a(730229),o=i._(a(320371)),d=i._(a(800078)),u=i._(a(157008)),c=i._(a(40069)),p=i._(a(20106)),h=i._(a(944237)),f=i._(a(35537)),m=h.default.div.withConfig({displayName:"TemplateNotificationBase__IconBadge"})(["border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0.55em;background-color:",";"],({color:e})=>e),g={CarCreated:{color:"rgba(132, 220, 93, 0.25)",Icon:d.default},CarUpdatedHandoverFromSellerAt:{color:"rgba(	156, 39, 176, 0.25)",Icon:f.default},...["Ended","Started"].reduce((e,t)=>

1({...e,[`Auction${t}`]:{color:"rgba(255, 152, 0, 0.25)",Icon:u.default}}),{}),...["Available","Sold","Returned"].reduce((e,t)=>({...e,[`StatusUpdated${t}`]:{color:"rgba(233, 30, 99, 0.25)",Icon:c.default}}),{}),...["MinOffer","MaxOffer","TokenPrice","AuctionOffer"].reduce((e,t)=>({...e,[`OfferPricingUpdated${t}`]:{color:"rgba(76, 175, 80, 0.25)",Icon:p.default}}),{}),...["MinOffer","MaxOffer","TokenPrice","AuctionOffer"].reduce((e,t)=>({...e,[`OfferPricingCreated${t}`]:{color:"rgba(76, 175, 80, 0.25)",Icon:p.default}}),{})},y=({item:e,localeCode:t})=>["",t,"car/edit",e.referenceId].join("/"),v=(0,o.default)()(({item:e})=>n.default.createElement("div",null,n.default.createElement("pre",{className:"notificationContent"},e.metaInfo.template),n.default.createElement("div",{className:"timestamp"},(0,s.formatDateTime)(new Date(e.createdAt))))),b={Template:v,buildActionLink:y}},18912:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get Comment(){return n.default},get PaymentProof(){return o.default},get Task(){return s.default},get TemplateNotificationBase(){return d.default}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(48464)),s=i._(a(790468)),o=i._(a(241895)),d=i._(a(600589))},671665:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get NotificationButton(){return n.default},get NotificationContainer(){return s.default}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(266485)),s=i._(a(539620))},617945:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get addMessage(){return y},get archiveNotification(){return m},get clearAll(){return g},get loadInbox(){return h},get loadNext(){return f},get notificationInboxClose(){return u},get notificationInboxOpen(){return d},get notificationInboxSetFilter(){return p},get notificationInboxToggle(){return c}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=a(661757)._(a(8124)),s=i._(a(489707)),o=e=>{window.localStorage.setItem("notificationLastAccess",e)},d=()=>(o(new Date),{type:n.notificationInboxOpen}),u=()=>(o(new Date),{type:n.notificationInboxClose}),c=()=>(e,t)=>{let{notificationInbox:a}=t();e(!0===a.visible?u():d())},p=(e,t)=>a=>{a({type:n.notificationInboxSetFilter,payload:e}),a(h(t))},h=(e,t=null,a=!1)=>(r,l)=>{let{notificationInbox:i}=l(),o=window.localStorage.getItem("notificationLastAccess"),d=null!==o?new Date(o):null,u=null!==t?+t:+new Date;r({type:n.notificationInboxLoadingMessages}),s.default.inbox({timeRange:{to:u},archived:"archive"===i.filter,country:e}).then(e=>{let t=e.map(e=>({...e,isRead:null!==d&&d>new Date(e.updatedAt)}));!0===a&&(t=[...i.items,...t]),r({type:n.notificationInboxDataLoaded,payload:t})})},f=e=>(t,a)=>{let{notificationInbox:r}=a();t(h(e,new Date(r.items[r.items.length-1].createdAt),!0))},m=e=>t=>{s.default.archiveMessage([e]).then(()=>{t({type:n.notificationInboxArchiveMessage,payload:e})})},g=e=>(t,a)=>{let{notificationInbox:r}=a();s.default.archiveMessage(r.items.map(e=>e.id)).then(()=>{t(h(e))})},y=e=>({type:n.notificationInboxAddMessage,payload:{...e,isRead:!1}})},198447:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l}});let r=a(661757)._(a(667294)),l=({Icon:e,Template:t,buildActionLink:a})=>l=>{class i extends r.Component{render(){return r.default.createElement(l,{icon:e,buildActionLink:a,...this.props},r.default.createElement(t,this.props))}}return i}},411716:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=a(661757)._(a(667294)),i=r._(a(45697)),n=r._(a(972555)),s=r._(a(57916)),o=a(671665),d=r._(a(363463)),u=(0,l.lazy)(()=>a.e(7474).then(a.t.bind(a,357474,23))),c=(0,l.lazy)(()=>a.e(3786).then(a.bind(a,943786)));e.exports=(0,n.default)({propTypes:{children:i.default.node,onSearchSubmit:i.default.func,renderSearch:i.default.bool,isFetching:i.default.bool,onKeyPress:i.default.func,onClick:i.default.func,showQcOnly:i.default.bool,searchQueryKey:i.default.string,canAccessThroughDialog:i.default.bool,bgColor:i.default.string,hasPaddingBottom:i.default.bool,newUI:i.default.bool,customFilterComponent:i.default.node,showNotificationButton:i.default.bool,menuBarClasses:i.default.array,hideDrawer:i.default.bool,renderSearchWithDaysFilter:i.default.bool,searchPlaceholder:i.default.string,onlySearchBox:i.default.bool,placeholderFilter:i.default.string,value:i.default.string,load:i.default.func,queryBuilder:i.default.func,onChange:i.default.func,newDesign:i.default.func,filterDays:i.default.number,onPresetDay:i.default.func},getInitialState:()=>({menuOpen:!1}),eventMenuClick(){this.setState({menuOpen:!0})},eventDrawerClickOut(){this.setState({menuOpen:!1})},eventKeyPress(e){void 0!==this.props.onKeyPress&&this.props.onKeyPress(e)},eventClick(e){void 0!==this.props.onClick&&this.props.onClick(e)},getDefaultProps:()=>({bgColor:null,hasPaddingBottom:!1,canAccessThroughDialog:!1,onlySearchBox:!1}),renderHeader(){let{HeaderComp:e}=this.props;return e||l.default.createElement(s.default,{title:this.props.title,onMenuClick:this.eventMenuClick,onSearchSubmit:this.props.onSearchSubmit,onFilterSubmit:this.props.onFilterSubmit,queryFilter:this.props.queryFilter,isFetching:this.props.isFetching,render

1Search:!!this.props.renderSearch,showQcOnly:this.props.showQcOnly,onShowQcChange:this.props.onShowQcChange,searchQueryKey:this.props.searchQueryKey,canAccessThroughDialog:this.props.canAccessThroughDialog,newUI:this.props.newUI,showNotificationButton:void 0===this.props.showNotificationButton||this.props.showNotificationButton,customFilterComponent:this.props.customFilterComponent,bgColor:this.props.bgColor,classes:this.props.menuBarClasses,renderSearchWithDaysFilter:!!this.props.renderSearchWithDaysFilter,searchPlaceholder:this.props.searchPlaceholder,onlySearchBox:this.props.onlySearchBox,searchQueryError:this.props.searchQueryError,placeholderFilter:this.props.placeholderFilter,value:this.props.value,load:this.props.load,queryBuilder:this.props.queryBuilder,onChange:this.props.onChange,newDesign:this.props.newDesign,filterDays:this.props.filterDays,onPresetDay:this.props.onPresetDay})},render(){let e=["page"];void 0!==this.props.className&&e.push(this.props.className);let t=["pageContent"];return this.props.pageContentClassName&&t.push(this.props.pageContentClassName),l.default.createElement("div",{onKeyPress:this.eventKeyPress,onClick:this.eventClick,className:e.join(" ")},l.default.createElement(d.default,null),this.renderHeader(),!this.props.hideDrawer&&l.default.createElement(l.Suspense,{fallback:"..."},l.default.createElement(u,{open:this.state.menuOpen,onClickOut:this.eventDrawerClickOut},l.default.createElement(c,{t:this.props.t,newDesign:this.props.newUI}))),l.default.createElement("div",{style:{background:this.props.bgColor,paddingBottom:this.props.hasPaddingBottom?"24px":null,...this.props.newUI&&{marginTop:this.props.pageContentMarginTop||"3em"},...this.props.newUI&&"function"==typeof this.props?.t&&this.props.title==this.props?.t("inspection.newDesignTitle")&&{paddingTop:"1em",marginTop:"8%",overflow:"hidden"}},className:t.join(" ")},this.props.children,l.default.createElement(o.NotificationContainer,null)))},displayName:"PageTemplate"})},769474:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(45697)),n=r._(a(972555)),s=r._(a(164372)),o=r._(a(38836)),d=r._(a(185727)),u=r._(a(932454));e.exports=(0,n.default)({mixins:[u.default],contextTypes:{currentRoute:i.default.object.isRequired},propTypes:{onSearchSubmit:i.default.func,isFetching:i.default.bool,searchQueryKey:i.default.string},searchFieldRef:l.default.createRef(),getInitialState:function(){return{active:!1,searchValue:""}},getDefaultProps:function(){return{isFetching:!1}},handleShowSearchInput:function(){this.setState({active:!0},(function(){this.searchFieldRef.current.focus()}).bind(this)),"function"==typeof this.props.toggleSearchActive&&this.props.toggleSearchActive(!0)},handleHideSearchInput:function(e){"function"==typeof this.props.toggleSearchActive&&this.props.toggleSearchActive(!1),void 0!==this.props.onSearchSubmit&&this.props.onSearchSubmit("",e),e.preventDefault(),this.setState({active:!1,searchValue:""}),document.location.hash=""},handleChange:function(e){this.setState({searchValue:e.target.value})},handleSearch:function(e){e.preventDefault(),void 0!==this.props.onSearchSubmit&&!0!==this.props.isFetching&&this.props.onSearchSubmit(this.state.searchValue,e),void 0===this.props.searchQueryKey&&(document.location.hash="search="+this.state.searchValue)},render:function(){var e,t=!0===this.state.active;return e=this.props.showinput||!0===t?this.renderActive():this.renderPassive(),l.default.createElement("div",{className:`searchBox ${!0===t?" active":" "}`},e)},componentDidMount:function(){let e=document.location.hash,t="";if(void 0!==this.props.searchQueryKey){let e=new URL(window.location.href).searchParams.get(this.props.searchQueryKey);this.setState({searchValue:null===e?"":e,active:null!==e&&""!==e});return}e.indexOf("search=")>-1&&(t=e.split("search=")[1])!==this.state.searchValue&&this.setState({searchValue:t,active:!0})},renderActive:function(){let e=this.props.isFetching?this.__("global.message.loading"):this.__("search.button");return l.default.createElement("form",{className:this.props.formClassName,onSubmit:this.handleSearch},l.default.createElement("button",{className:"btn btnSearch",type:"submit"},!0===this.props.isFetching?this.renderSpinnerIcon():this.renderSearchIcon()),l.default.createElement("input",{id:"searchbox",placeholder:this.props.placeholder||this.__("search.button"),className:"searchInput",value:this.state.searchValue,ref:this.searchFieldRef,title:e,disabled:this.props.isFetching,onChange:this.handleChange}),l.default.createElement("button",{id:"submit-search",className:"btn btnClose",onClick:this.handleHideSearchInput},l.default.createElement(d.default,{className:this.props.newDesign?"searchIconsNewDesign":"searchIcons"})))},renderPassive:function(){return l.default.createElement("button",{className:"btn btnSearch",onClick:this.handleShowSearchInput},this.renderSearchIcon())},renderSearchIcon:function(){return this.props.newDesign?l.default.createElement("img",{className:"searchIconsNewDesign",src:"/public/images/icons_basic_search_thick.svg"}):l.default.createElement(s.default,{className:"searchIcons"})},renderSpinnerIcon:function(){return l.default.createElement(o.default,{className:"searchIcons searchIcons--inverted"})},displayName:"SearchBox"})},276271:(e,t)=>

1{Object.defineProperty(t,"__esModule",{value:!0});var a={get buildAA2Link(){return l},get navigateToAA2(){return i}};for(var r in a)Object.defineProperty(t,r,{enumerable:!0,get:Object.getOwnPropertyDescriptor(a,r).get});let l=e=>{let t=/admin(\d+)?-[a-z]+\.dev/gi.test(location.hostname)?"admin2-":"admin2.",a=location.hostname.replace(/admin(\d+)?./gi,t);return`${location.protocol}//${a}${e}`},i=(e,t=!1,a="_blank")=>{let r=l(e);t?window.location.replace(r):window.open(r,a)}},661527:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return u}});let r=a(438754),l=r._(a(667294)),i=r._(a(336535)),n=r._(a(671036)),s=r._(a(823493)),o=r._(a(45697));class d extends l.default.Component{constructor(e){super(e),this.state={selected:[],dealerMap:{},count:0,options:[]},this.setDealerMap=this.setDealerMap.bind(this),this.selectDealer=this.selectDealer.bind(this),this.setFetching=this.setFetching.bind(this)}componentWillMount(){this.AsyncSelect=(0,n.default)({loadData:(0,s.default)(this.props.load,500),queryBuilder:(e,t)=>void 0===e?{}:this.props.queryBuilder(e,t)})(i.default)}setFetching(){this.setState({fetching:!0})}componentWillReceiveProps(e){this.props.resetOptionsOnChange!==e.resetOptionsOnChange&&this.setState({options:[]})}setDealerMap({options:e,dealerMap:t,count:a},r){this.setState({options:!0===this.props.append&&!0===r?[...this.state.options,...e]:e,dealerMap:{...this.state.dealerMap,...t},fetching:!1,count:a})}selectDealer(e){this.props.onChange(null===e?"":e)}render(){let e=!0===this.props.multiple?[]:null;"undefined"!==this.props.value&&""!==this.props.value&&(e=this.props.value);let t=!1;return this.props.disabled&&(t=!0),this.context&&this.context.formFieldsConfig&&this.context.formFieldsConfig.disabled&&(t=!0),l.default.createElement(this.AsyncSelect,{filterable:!0,multiple:!0===this.props.multiple,className:`DealerGroupSelect ${this.props.className}`,label:this.props.label,onRequest:this.setFetching,onLoad:this.setDealerMap,options:this.state.options,selected:e,count:this.state.count,selectedMap:{...this.state.dealerMap,...this.props.defaultDealerMap},onChange:this.selectDealer,value:this.props.value,placeholder:this.props.placeholder,append:this.props.append,disabled:t,id:this.props.id,name:this.props.name,renderItem:this.props.renderItem,extendContent:this.props.extendContent,required:this.props.required,ref:this.props.ref,errorMessageStrings:this.props.errorMessageStrings,errorMessages:this.props.errorMessages,validator:this.props.validator,isLoader:this.props.isLoader})}}d.propTypes={load:o.default.func.isRequired,queryBuilder:o.default.func,multiple:o.default.bool,label:o.default.string,defaultDealerMap:o.default.shape({}),value:o.default.string,placeholder:o.default.string.isRequired,append:o.default.bool,id:o.default.string,name:o.default.string,renderItem:o.default.func,extendContent:o.default.object,required:o.default.bool,ref:o.default.any,errorMessageStrings:o.default.any,errorMessages:o.default.string,validator:o.default.any,onChange:o.default.func},d.contextTypes={formFieldsConfig:o.default.object},d.defaultProps={defaultDealerMap:{}};let u=d},821782:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754)._(a(45697));e.exports={contextTypes:{country:r.default.object.isRequired,locale:r.default.object.isRequired,localeCode:r.default.string.isRequired},__(e){return this.context.locale[e]||e},__currency(e){let t=this.context.country.currency;return t.format.replace("${amount}",this.__number(e)).replace("${sign}",t.symbol||t.shortcut)},__number(e){return e.toFixed(0).split("").reverse().join("").match(/(\d{1,3})/g).reverse().map(e=>e.split("").reverse().join("")).join(this.context.country.number.thousands)}}},861471:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(421626)),s=(0,i.default)({mixins:[n.default],render:function(){return l.default.createElement("svg",{className:this.getClassnames(["iconClose"]),viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),l.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},displayName:"IconClose"});"u"<typeof BACKEND&&(e.exports=s)},552259:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=r._(a(667294)),i=r._(a(972555)),n=r._(a(421626));e.exports=(0,i.default)({mixins:[n.default],render(){return l.default.createElement("svg",{className:this.getClassnames(["iconDone"]),viewBox:"0 0 24 24",height:this.props.height,width:this.props.width,xmlns:"http://www.w3.org/2000/svg"},l.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),l.default.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))},displayName:"IconDone"})},421626:e=>{e.exports={getClassnames:function(e){return e=(e||[]).concat(["icon"]),this.props.className&&e.push(this.props.className),e.join(" ")},getDefaultProps:()=>({height:24,width:24})}},896765:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});let r=a(438754),l=a(661757)._(a(667294)),i=r._(a(531126)),n=r._(a(711970)),s=r._(a(944237)),o=r._(a(851115)),d=r._(a(267598)),u=a(232316),c=r._(a(45697)),p=s.default.div.withConfig({displayName:"DropdownPreset__MainBox"})(["display:flex;height:100%;"]),h=(0,s.default)(n.default).withConfig({displayName:"DropdownPreset__StyledSelect"})([".dd-select-root{height:100%;}"]),f=(0,u.withStyles)({focused:{"&> .dd-select-root":{"&> div":{border:"1px solid #002f34",borderRadius:"4px",background:"#f2f4f5;",outline:"0px"}}},input:{alignItems:"center",padding:0,paddingLeft:"8px",paddingRight:"30px",boxSizing:"border-box",height:"100%",display:"flex",fontSize:"12px",border:"1px solid #d8dfe0",borderRadius:"4px",background:"#F2F4F5",fontFamily:"Geomanist-Medium",color:"#002F34",fontWeight:700,transition:"0.2s ease-in"}})(d.default),m=({setFilterDays:e,filterDays:t=30})=>{let[a,r]=l.default.useState(t);return(0,l.useEffect)(()=>{r(t)},[t]),l.default.createElement(p,{"data-test":"dd-select-in-searchdropdown"},l.default.createElement(h,{displayEmpty:!0,IconComponent:o.default,variant:"outlined",value:a,labelid:"dd-select-in-searchdropdown",id:"dd-select-in-searchdropdown",onChange:t=>{r(t.target.value),e(t.target.value)},MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},PaperProps:{style:{minWidth:150}},getContentAnchorEl:null},inputProps:{"aria-label":"Without label"},classes:{root:"dd-select-root"},input:l.default.createElement(f,{classes:{focused:"dd-select-focused"}})},[{count:"",tag:"Pilih Durasi"},{count:15,tag:"15 Hari Terakhir"},{count:30,tag:"1 Bulan Terakhir"},{count:90,tag:"3 Bulan Terakhir"},{count:180,tag:"6 Bulan Terakhir"},{count:365,tag:"1 Tahun Terakhir"}].map(e=>l.default.createElement(i.default,{key:e.tag,"data-test":"dd-select-menu",value:e.count,style:""===e.count?{color:"#406367",fontFamily:"Geomanist-Regular",display:"none"}:{color:"#406367",fontFamily:"Geomanist-Regular",display:"block"},disabled:""===e.count,className:"menu-item-dropdown-preset",classes:{root:"menu-item-dropdown-preset-root",selected:"menu-item-dropdown-preset-selected"}},e.tag))))};m.propTypes={setFilterDays:c.default.func,filterDays:c.default.number},m.defaultProps={setFilterDays:()=>{},filterDays:30};let g=m},507355:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});let r=a(438754),l=a(661757),i=r._(a(681701)),n=r._(a(832011)),s=r._(a(260520)),o=a(232316),d=r._(a(735996)),u=r._(a(489771)),c=r._(a(188995)),p=r._(a(972555)),h=r._(a(45697)),f=l._(a(667294)),m=r._(a(944237)),g=r._(a(821782)),y=r._(a(896765)),v=r._(a(218174)),b=m.default.div.withConfig({displayName:"SearchBoxWithDropDown__ErrorText"})(["color:#de1609;font-size:14px;line-height:1.5em;"]),_=m.default.div.withConfig({displayName:"SearchBoxWithDropDown__SearchBoxWrapper"})(["display:flex;width:100%;height:100%;box-sizing:border-box;font-family:'Geomanist-Regular';flex-direction:column;"]),C=m.default.div.withConfig({displayName:"SearchBoxWithDropDown__SearchBoxWrapperInner"})(["display:flex;width:100%;align-items:center;gap:15px;height:",";box-sizing:border-box;"],({height:e})=>e||"40px"),x=m.default.div.withConfig({displayName:"SearchBoxWithDropDown__SearchBoxText"})(["margin:0;height:100%;width:100%;> form{height:100%;> div{height:100%;width:100%;}}.inputMainBox{height:100%;border-radius:4px;border:1px solid #d8dfe0;display:flex;box-sizing:border-box;background:#fff;overflow:hidden;transition:0.2s ease-in;&.area-focused{border:1px solid #002f34;}}form{line-height:normal;input{font-size:14px;font-family:Geomanist-Regular;padding:0 15px;color:#002f34;border-right:1px solid #d8dfe0;}}"]),S=(0,o.withStyles)({root:{"& label.Mui-focused":{color:"white"},"& .MuiInput-underline:after":{borderBottomColor:"yellow"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"white"},"&:hover fieldset":{borderColor:"white"},"&.Mui-focused fieldset":{borderColor:"yellow"}}}})(s.default),w=(0,f.createRef)(""),E=(0,f.createRef)("");e.exports=(0,p.default)({mixins:[g.default],propTypes:{onSearchSubmit:h.default.func,onFilterSubmit:h.default.func,isFetching:h.default.bool,searchQueryKey:h.default.string,placeholder:h.default.string,onlySearchBox:h.default.bool,queryFilter:h.default.array,placeholderFilter:h.default.string,value:h.default.string,load:h.default.func,queryBuilder:h.default.func,onChange:h.default.func,newDesign:h.default.func,updateDaysFilter:h.default.func,onPresetDay:h.default.func},getInitialState:function(){return{active:!1,searchValue:"",filterDays:30,queryFilter:[]}},getDefaultProps:function(){return{isFetching:!1}},clearFilter(){this.setState({queryFilter:[]})},updateQueryFilter(e){this.setState(t=>{let a=t.queryFilter.filter(t=>t.name!==e.name);return a.length>0?(a.push(e),{queryFilter:a}):{queryFilter:[e]}})},updateDaysFilter(e){if(this.state.queryFilter.length>0){let t=this.state.queryFilter.filter(e=>"startDate"!==e.name&&"endDate"!==e.name&&"filterDays"!==e.name);this.setState({queryFilter:[...t,...e]})}else this.setState({queryFilter:[...e]})},handleChange:function(e){this.setState({searchValue:e.target.value})},handleSearch:function(e){e.preventDefault(),void 0!==this.props.onSearchSubmit&&!0!==this.props.isFetching&&this.props.onSearchSubmit(this.state.searchValue,e,""!==this.state.filterDays?this.state.filterDays:30)},handleFilter:function(e){e.preventDefault(),this.props.onFilterSubmit(this.state.queryFilter,""!==this.state.filterDays?this.state.filterDays:30)},eventSettingDate:function(e){this.setState({filterDays:e}),this.props.onPresetDay(e)},isOnlySearchBox:function(){return!!this.props.onlySearchBox},componentDidUpdate(e){this.trackPrevStae(),e.queryFilter!==this.props.queryFilter&&this.setState({queryFilter:this.props.queryFilter}),e.filterDays!==this.props.filterDays&&this.setState({filterDays:this.props.filterDays})},render:function(){return f.default.createElement(_,null,f.default.createElement(C,{height:this.props.height,className:this.props.classes?.join(" ")},this.props?.newDesign===!1&&f.default.createElement(v.default,{updateQueryFilter:this.updateQueryFilter,handleClick:this.handleFilter,clearFilter:this.clearFilter,queryFilter:this.props.queryFilter,placeholderFilter:"Pilih Nama Inspektor",value:this.props.value,load:this.props.load,queryBuilder:this.props.queryBuilder,onChange:this.props.onChange,updateDaysFilter:this.updateDaysFilter,countPresets:this.state.filterDays}),this.isOnlySearchBox()?null:f.default.createElement(y.default,{setFilterDays:this.eventSettingDate,filterDays:this.state.filterDays}),f.default.createElement(x,{"data-test":"dd-search-in-searchdropdown"},this.renderActive())),this.props.searchQueryError?f.default.createElement(b,null,this.props.searchQueryError):null)},trackPrevStae:function(){w.current=this.state.searchValue,E.current=this.state.filterDays},componentDidMount:function(){if(this.trackPrevStae(),void 0!==this.props.searchQueryKey){let e=new URL(window.location.href).searchParams.get(this.props.searchQueryKey);this.setState({searchValue:null===e?"":e,active:null!==e&&""!==e})}},resetSearch:function(e){e.preventDefault(),this.setState({searchValue:""}),void 0!==this.props.onSearchSubmit&&!0!==this.props.isFetching&&this.props.onSearchSubmit("",e,"",!0)},renderIcon:function(){return this.props.isFetching?this.renderLoadingIcon():""!==this.state.searchValue&&w.current===this.state.searchValue&&E.current===this.state.filterDays?this.renderClearIcon():this.renderSearchIcon()},renderClearIcon:function(){return f.default.createElement(i.default,{id:"submit-search-clear",type:"reset",onClick:this.resetSearch},f.default.createElement(d.default,{id:"submit-search-clear-icon",style:{color:"black"}}))},renderSearchIcon:function(){return f.default.createElement(i.default,{id:"submit-search",type:"submit"},f.default.createElement(c.default,{id:"submit-search-icon",style:{color:"black"}}))},renderLoadingIcon:function(){return f.default.createElement(i.default,{type:"button",disabled:!0},f.default.createElement(u.default,{style:{color:"black",animation:"rotateIcon 1s linear infinite reverse"}}))},renderActive:function(){return f.default.createElement("form",{onSubmit:this.handleSearch,className:this.props.formClassName},f.default.createElement(S,{onChange:this.handleChange,value:this.state.searchValue,placeholder:this.props.placeholder||this.__("search.report.button"),InputProps:{id:"input-search",classes:{focused:"area-focused"},disableUnderline:!0,endAdornment:f.default.createElement(n.default,null,this.renderIcon()),className:"inputMainBox"}}))},displayName:"SearchBoxWithDropDown"})},218174:(e,t,a)=>

1{Object.defineProperty(t,"__esModule",{value:!0});var r={get ButtonContainer(){return b},get GridWrapper(){return v},get default(){return C}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(483638)),s=i._(a(959537)),o=i._(a(711970)),d=a(232316),u=i._(a(443518));a(750947);let c=i._(a(45697)),p=i._(a(667294));a(474813);let h=i._(a(944237)),f=i._(a(15706)),m=i._(a(661527)),g=(0,h.default)(n.default).withConfig({displayName:"SelectFilter__ColorButton"})({fontSize:"14px !important",borderRadius:"4px !important",backgroundColor:"#002F34 !important",color:"#ffffff !important",height:"40px !important","& span":{fontSize:"14px !important",textTransform:"capitalize"}}),y=(0,h.default)(n.default).withConfig({displayName:"SelectFilter__SecondaryButton"})({fontSize:"14px !important",borderRadius:"4px !important",backgroundColor:"#ffffff !important",border:"1px solid #002F34 !important",color:"#002F34 !important",height:"40px !important","& span":{fontSize:"14px !important",textTransform:"capitalize"}}),v=h.default.div.withConfig({displayName:"SelectFilter__GridWrapper"})(["display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;.selectAdvanced{width:235px;}"]),b=h.default.div.withConfig({displayName:"SelectFilter__ButtonContainer"})(["display:flex;justify-content:flex-end;padding:0px 20px 20px;gap:10px;"]);class _ extends p.default.Component{constructor(e){super(e),this.state={isOpen:!1,year:"",location:"",inspector:"",createdTime:"",statusQC:"",filterDays:"",places:[],dateFilter:[],startDate:"",endDate:"",isOpenFilter:!1},this.handleChange=this.handleChange.bind(this),this.clearFilter=this.clearFilter.bind(this)}handleFilter=e=>{this.props.handleClick(e),this.setState({isOpen:!1})};loadPlaces=()=>{f.default.place({country:"ID"},e=>{let t=[];void 0!==e.list&&(t=e.list);let a=t.map(e=>({name:e.location,value:e.id}));this.setState({places:a})})};handleClick=()=>{this.setState(e=>({isOpen:!e.isOpen}))};handleClose=()=>{this.setState({anchorEl:null})};handleChange=e=>t=>{this.setState({[e]:t.target.value}),this.props.updateQueryFilter({name:e,value:t.target.value})};handlePresetDays=e=>{let{value:t}=e.target,a=new Date;if("1"===t||"2"===t)a.setFullYear(a.getFullYear()-t);else if("15"===t)a.setDate(a.getDate()-t);else{let e=Number(t)/30;a.setMonth(a.getMonth()-e)}this.setState({startDate:a,filterDays:t,dateFilter:[a,new Date],isOpenFilter:!0,endDate:new Date}),this.props.updateDaysFilter([{name:"startDate",value:a},{name:"endDate",value:new Date},{name:"filterDays",value:t}])};handleFilterDays=e=>{if(null===e)this.setState({dateFilter:[],startDate:"",endDate:"",filterDays:""}),this.props.updateDaysFilter([{name:"startDate",value:""},{name:"endDate",value:""}]);else{let t=new Date(e[0]);t.setFullYear(t.getFullYear()+2),new Date(e[1])>t?(this.setState({dateFilter:[e[0],t],startDate:e[0],endDate:t,filterDays:""}),this.props.updateDaysFilter([{name:"startDate",value:e[0]},{name:"endDate",value:t}])):(this.setState({dateFilter:e,startDate:e[0],endDate:e[1],filterDays:""}),this.props.updateDaysFilter([{name:"startDate",value:e[0]},{name:"endDate",value:e[1]}]))}};clearFilter(){this.setState({year:"",location:"",inspector:"",createdTime:"",statusQC:"",filterDays:"",dateFilter:[],startDate:"",endDate:""}),this.props.clearFilter()}handleResetDate=()=>{setTimeout(()=>{this.setState({dateFilter:[],startDate:"",endDate:"",filterDays:""}),this.props.updateDaysFilter([{name:"startDate",value:""},{name:"endDate",value:""},{name:"filterDays",value:""}])},200)};handlePresets=e=>{let t=new Date;if(""!==e){if(365===e)t.setFullYear(t.getFullYear()-1);else if(15===e)t.setDate(t.getDate()-e);else{let a=Number(e)/30;t.setMonth(t.getMonth()-a)}this.setState({startDate:t,endDate:new Date,dateFilter:[t,new Date]})}};setInspectionFilter=e=>{this.setState({inspector:e}),this.props.onChange(e),this.props.updateQueryFilter({name:"inspector",value:e})};componentDidMount(){this.loadPlaces(),this.handlePresets(this.props.countPresets)}renderLocationOptions(){return this.state.places?.map(e=>p.default.createElement("option",{key:e.value,value:e.value},e.name))}componentDidUpdate(e){if(e.queryFilter!==this.props.queryFilter){let e={};["year","location","inspector","createdTime","statusQC","filterDays"].forEach(t=>{let a=this.props.queryFilter.find(e=>e.name===t);e[t]=a?a.value:""});let t=this.props.queryFilter?.find(e=>"startDate"===e.name),a=this.props.queryFilter?.find(e=>"endDate"===e.name);if(t&&a)e.dateFilter=[t?t?.value:"",a?a?.value:""];else{let t=new Date;t.setMonth(t.getMonth()-1),e.dateFilter=[t,new Date]}this.setState(e)}e.countPresets!==this.props.countPresets&&this.handlePresets(this.props.countPresets)}render(){return p.default.createElement("div",{className:"select-filter-web"},p.default.createElement(g,{"aria-owns":open?"simple-popper":void 0,"aria-haspopup":"true",variant:"contained",onClick:this.handleClick},p.default.createElement("img",{style:{marginRight:"16px"},src:"public/images/filter_icon.png"}),"Filter"),this.state.isOpen&&p.default.createElement("div",{style:{position:"absolute",top:"70px",right:"50px",padding:"16px",backgroundColor:"white",borderRadius:"5px",width:"700px"}},p.default.createElement(v,{className:"select-filter-grid"},p.default.createElement(o.default,{native:!0,input:p.default.createElement(s.default,{name:"age",id:"outlined-age-native-simple"}),onChange:this.handleChange("location"),value:this.state.location,style:{width:"100%",margin:"16px 0 8px"}},p.default.createElement("option",{value:"",disabled:!0},"Lokasi"),this.renderLocationOptions()),p.default.createElement(m.default,{placeholder:this.props.placeholderFilter,value:this.props.value,load:this.props.load,queryBuilder:this.props.queryBuilder,onChange:this.setInspectionFilter,className:"inspectorFilter188 inspectorFilter188Desktop",isLoader:!0}),p.default.createElement(u.default,{value:this.state.dateFilter,onChange:this.handleFilterDays,className:"date-filter-select-web",calendarClassName:"calendar-filter-wrapper-web",isOpen:this.state.isOpenFilter,onCalendarClose:()=>setTimeout(()=>{this.setState({isOpenFilter:!1})},200),onCalendarOpen:()=>this.setState({isOpenFilter:!0}),clearIcon:null,locale:"id-ID",format:"d/M/yyyy"}),!0===this.state.isOpenFilter&&p.default.createElement("div",{className:"radio-filter-wrapper"},p.default.createElement("p",{className:"reset-filter-title",onClick:()=>this.handleResetDate()},"Clear")),p.default.createElement(o.default,{native:!0,input:p.default.createElement(s.default,{name:"age",id:"outlined-age-native-simple"}),onChange:this.handleChange("statusQC"),value:this.state.statusQC},p.default.createElement("option",{value:"",disabled:!0},"Status QC"),p.default.createElement("option",{value:"pending"},"Pending"),p.default.createElement("option",{value:"rejected"},"Ditolak"),p.default.createElement("option",{value:"approved"},"Disetujui"))),p.default.createElement(b,null,p.default.createElement(y,{variant:"contained",onClick:this.clearFilter},"Bersihkan Semua"),p.default.createElement(g,{variant:"contained",onClick:this.handleFilter},"Gunakan"))))}}

1_.propTypes={classes:c.default.object.isRequired};let C=(0,d.withStyles)(e=>({typography:{margin:2*e.spacing.unit}}))(_)},856459:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r}});let r=a(438754)._(a(507355)).default},392621:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get Chip(){return o},get default(){return d}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=i._(a(861471)),o=e=>{let{content:t,onRemove:a,className:r,disabled:l}=e,i=`Chip__content${e.extendContent?" extend-content":""}`;return n.default.createElement("div",{className:`Chip ${r}`},n.default.createElement("span",{className:i},t),l?null:n.default.createElement("button",{className:"Chip__button",onClick:a,"data-test":"button-remove-value"},n.default.createElement(s.default,null)))},d=o},792621:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ErrorText",{enumerable:!0,get:function(){return n}});let r=a(438754),l=r._(a(667294)),i=r._(a(944237)).default.span.withConfig({displayName:"ErrorText__Error"})(["position:absolute;bottom:-1.8rem;font-size:12px;color:#f44336;"]),n=({errors:e})=>e&&0!==e.length&&e&&e.length?l.default.createElement(i,null,e[0]):null},1231:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get HelperText(){return n},get default(){return s}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754)._(a(667294)),n=e=>i.default.createElement("span",{className:"helperText"},e.text),s=n},281858:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get InputFilter(){return c},get default(){return p}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=i._(a(1231)),o=i._(a(392621)),d=a(792621),u=()=>{},c=e=>{let{filter:t,id:a,label:r,helperText:l,isOpen:i,selected:c,multiple:p,disabled:h,name:f}=e,m="function"==typeof e.forwardRef?e.forwardRef:u,g=(t,a)=>null!=t?n.default.createElement(o.default,{onRemove:()=>e.onRemove(t.id),content:(({value:t,id:a})=>void 0!==a&&void 0===t?a:e.renderItem?e.renderItem({value:t,id:a}):t)(t),id:t.id,key:t.id,className:`inputFilter__selected ${a}`,disabled:h,extendContent:e.extendContent}):null,y=null!==c,v=!0===y?!0===p?c.map(g):g(c,"single__Chip"):null;return n.default.createElement("div",{className:`inputFilter ${e.className}`},n.default.createElement("label",{htmlFor:a,className:`inputFilter__label ${i||y?"active":""}`},r),n.default.createElement("div",{className:"inputFilter__inner"},v,!1===p&&!0===y?null:n.default.createElement("input",{id:a,name:f||a,type:"text",autoComplete:"off",className:"inputFilter__input",value:t,onChange:a=>{let r=a.target.value;if(r===t)return!1;""===r?e.clearFilter():e.onChange(a)},onFocus:e.onFocus,onKeyDown:t=>{27===t.keyCode&&(e.onBlur(),t.target.blur())},placeholder:e.placeholder,ref:e=>{m(e)},disabled:h})),!0===e.isLoader?n.default.createElement(n.default.Fragment,null):n.default.createElement("div",{className:`loader ${!0===e.fetching?"active":""}`},n.default.createElement("div",{className:"animate"})),n.default.createElement(s.default,{text:l}),n.default.createElement(d.ErrorText,{errors:e.errorMessages}))},p=c},773337:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get OptionList(){return c},get default(){return p}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=i._(a(972555)),o=i._(a(552259)),d=i._(a(821782)),u=i._(a(823493)),c=(0,s.default)({mixins:[d.default],handleScroll:null,getDefaultProps:()=>({isOpen:!1,multiple:!1,selected:null,append:!1}),getInitialState(){return{isOpen:this.props.isOpen}},componentWillMount(){this.handleScroll=(0,u.default)(this.scrollHandler,200,{leading:!0})},componentDidMount(){this.setState({isOpen:this.props.isOpen})},componentWillReceiveProps(e){let t=e.isOpen,{isOpen:a}=this.state;!0===t&&!1===a?this.open():!1===t&&!0===a&&this.close()},componentWillUnmount(){this.detachScroll()},open(){this.setState({isOpen:!0},this.setupScroll)},close(){this.setState({isOpen:!1},this.detachScroll)}

1,makeRequest(e){e(this.props.queryBuilder(this.props.filter))},scrollHandler(e){if(!1===this.props.fetching){let e=this.list,t=e.scrollTop+e.clientHeight+20>e.scrollHeight,a=0===e.scrollTop&&this.props.page>1;!0===t?this.makeRequest(this.props.requestNextPage):!0===a&&!1===this.props.append&&this.makeRequest(this.props.requestPrevPage)}return e.preventDefault(),!1},setupScroll(){this.list.addEventListener("scroll",this.handleScroll)},detachScroll(){this.list.removeEventListener("scroll",this.handleScroll)},selectOption(e,t){this.props.onChange(e,t),!0===this.props.closeOnSelect&&this.close()},render(){let{options:e,multiple:t,selected:a,hasOther:r,withButton:l,fetching:i}=this.props,s=!0===this.state.isOpen?"optionList open":"optionList",d=e.map(e=>{let r=!0===t?a.indexOf(e.value)>-1:e.value===a;return n.default.createElement("li",{className:`listItem ${r?"selected":""}`,key:e.value,value:e.value,onClick:t=>this.selectOption(t,e)},t&&n.default.createElement("span",{className:"listItemCheckbox"},n.default.createElement(o.default,{style:{fill:!0===r?"currentColor":"transparent"}})),n.default.createElement("span",{className:"listItemText"},e.label))});return n.default.createElement("ul",{className:s,ref:e=>{this.list=e}},l&&this.props.page>1&&n.default.createElement("li",{className:"listItem actionButton",onClick:this.props.requestPrevPage},this.__("global.action.previous")),d,r&&n.default.createElement("li",{className:"listItem"},this.props.children),l&&n.default.createElement("li",{className:"listItem actionButton",onClick:this.props.requestNextPage},this.__("global.action.next")),i&&n.default.createElement("li",{className:"listItem loading"},this.__("global.message.loading")))},displayName:"OptionList"}),p=c},381268:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get SelectAdvanced(){return c},get default(){return p}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=i._(a(972555)),o=i._(a(773337)),d=i._(a(281858)),u=i._(a(957557)),c=(0,s.default)({getDefaultProps:()=>({filterable:!1,multiple:!1,fetching:!1,options:[],id:"select_advanced",label:""}),getInitialState(){return{selected:this.props.selected||[],initialOptions:[],currentFilter:"",isOpen:!1}},componentDidMount(){this.timeout=null,!0===this.props.hasAsyncDataSource&&""!==this.state.currentFilter&&this.props.makeApiCall({value:this.state.currentFilter,selected:this.state.selected}),!0===this.props.hasAsyncDataSource&&""===this.state.currentFilter&&this.state.selected&&this.state.selected.length&&this.props.makeApiCall({params:{id:this.state.selected}}),"function"==typeof this.props.innerRef&&this.props.innerRef(this),void 0!==this.props.validator&&this.props.validator.addValidationHandler(this.props.id,this.validators.required.bind(this),this.props.errorMessageStrings.required)},validators:{required(){return!0!==this.props.required||this.getValue().length>0}},componentWillReceiveProps(e){let{multiple:t,options:a}=e,r=!0===t&&null!==e.selected?[...e.selected]:e.selected,l=[...a];null!==e.selected&&!1===t&&this.state.selected!==e.selected&&this.props.makeApiCall({value:this.state.currentFilter,selected:e.selected}),void 0!==e.validator&&e.validator.addValidationHandler(e.id,this.validators.required.bind(this),e.errorMessageStrings.required),void 0!==this.props.validator&&void 0===e.validator&&this.props.validator.removeValidationHandler(this.props.id),this.setState({selected:r,initialOptions:l}),this.forceUpdate()},componentWillUnmount(){clearTimeout(this.timeout),this.detachListeners(),void 0!==this.props.validator&&this.props.validator.removeValidationHandler(this.props.id)},getValue(){return this.state.selected},setValue(e){this.handleSelect(null,e)},handleSelect(e,t){let{selected:a}=this.state;if(!0===this.props.multiple){let e=a.indexOf(t.value);e>-1?a.splice(e,1):a.push(t.value)}else a=t.value;this.setState({selected:a,currentFilter:""},()=>{this.props.onChange(a),!0!==this.props.multiple?this.handleBlur():void 0!==this.inputFilter&&null!==this.inputFilter&&(this.inputFilter.focus(),this.handleFocus())})},handleRemove(e){let{selected:t}=this.state;if(!0===this.props.multiple){let a=t.indexOf(e);a>-1&&t.splice(a,1)}else t=null;this.setState({selected:t},()=>this.props.onChange(t))},handleFocus(){!0!==this.state.isOpen&&(this.setState({isOpen:!0}

1,this.attachListeners),this.makeRequest({value:this.state.currentFilter,selected:this.state.selected}))},handleBlur(){this.setState({isOpen:!1,currentFilter:""},this.detachListeners)},handleClickOutside(e){e.preventDefault();let t=e.target;null!==this.container&&!1===this.container.contains(t)&&this.handleBlur()},handleKeyDown(e){27===e.keyCode&&this.handleBlur()},attachListeners(){window.addEventListener("click",this.handleClickOutside),window.addEventListener("keydown",this.handleKeyDown)},detachListeners(){window.removeEventListener("click",this.handleClickOutside),window.removeEventListener("keydown",this.handleKeyDown)},handleFilterChange(){this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.makeRequest()},500)},setFilter(e){this.setState({currentFilter:e.target.value},this.handleFilterChange)},resetFilter(){this.setState({currentFilter:""},this.makeRequest)},makeRequest(){!0===this.props.hasAsyncDataSource&&this.props.makeApiCall({value:this.state.currentFilter,params:{page:1}})},filterOptions(){let e=RegExp(this.state.currentFilter,"gi"),t=this.props.options.filter(({label:t})=>null!==t.match(e));this.setState({visibleOptions:t,loading:!1})},renderSelectedValues(){let{selectedMap:e,selected:t}=this.props;return(!0===this.props.multiple?t.length>0:null!==t)?!0!==this.props.multiple?{id:t,value:e[t]}:t.reduce((t,a)=>(void 0!==e[a]&&t.push({id:a,value:e[a]}),t),[]):null},valueExists:(e,t)=>t.findIndex(t=>t.value===e)>-1,render(){let e=(0,u.default)(this.props,["onChange","disabled"]),{disabled:t}=this.props,a=this.props.filterable&&n.default.createElement(d.default,{name:this.props.name,id:this.props.id,className:this.props.className,multiple:this.props.multiple,label:this.props.label,isOpen:this.state.isOpen,helperText:this.props.helperText,filter:this.state.currentFilter,fetching:this.props.fetching,selected:this.renderSelectedValues(),onChange:this.setFilter,onBlur:this.handleBlur,onFocus:this.handleFocus,onRemove:this.handleRemove,clearFilter:this.resetFilter,placeholder:this.props.placeholder,forwardRef:e=>{this.inputFilter=e},disabled:t,renderItem:this.props.renderItem,extendContent:this.props.extendContent,required:this.props.required,errorMessages:this.props.errorMessages,errorMessageStrings:this.props.errorMessageStrings}),r=!0===this.state.isOpen?"selectAdvanced open":"selectAdvanced";return n.default.createElement("div",{className:r,ref:e=>{this.container=e}},n.default.createElement("div",{className:"optionWrapper"},a,n.default.createElement(o.default,{...e,append:this.props.append,filter:this.state.currentFilter,onChange:this.handleSelect,renderValue:this.renderValue,selected:this.state.selected,isOpen:this.state.isOpen})))},displayName:"SelectAdvanced"}),p=c},336535:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get SelectAdvanced(){return n.default},get default(){return o},get withAsyncData(){return s.default}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(381268)),s=i._(a(671036)),o=n.default},671036:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var r={get default(){return d},get withAsyncData(){return o}};for(var l in r)Object.defineProperty(t,l,{enumerable:!0,get:Object.getOwnPropertyDescriptor(r,l).get});let i=a(438754),n=i._(a(667294)),s=i._(a(957557)),o=e=>t=>{void 0===e.queryParams&&(e.queryParams={limit:25,page:1});class a extends n.default.PureComponent{constructor(t){super(t),this.state={...e.queryParams,fetching:!1},this.requestNextPage=this.requestNextPage.bind(this),this.requestPrevPage=this.requestPrevPage.bind(this),this.makeApiCall=this.makeApiCall.bind(this)}requestPrevPage(e={}){this.state.page>1&&this.setState({page:this.state.page-1,fetching:!0},()=>this.makeApiCall({params:{...e,page:this.state.page},append:!0}))}requestNextPage(e={}){!0==(void 0!==this.props.count&&Math.ceil(this.props.count/this.state.limit)>this.state.page)&&this.setState({page:this.state.page+1,fetching:!0},()=>this.makeApiCall({params:{...e,page:this.state.page},append:!0}))}makeApiCall({params:t={},value:a,selected:r,append:l=!1}){null!=a&&(t={...t,...this.props.queryBuilder(a,r)});let i={...e.queryParams,...t};return new Promise((a,r)=>{this.setState({fetching:!0},()=>{e.loadData(i).then(e=>this.props.onLoad(e,l)).then(()=>{let e={fetching:!1};void 0!==t.page&&(e.page=t.page),this.setState({...e}),a()}).catch(e=>r(e))})})}render(){let e=(0,s.default)(this.props,["loadData","onLoad"]);

1return n.default.createElement(t,{...e,hasAsyncDataSource:!0,fetching:this.state.fetching,page:this.state.page,makeApiCall:this.makeApiCall,requestNextPage:this.requestNextPage,requestPrevPage:this.requestPrevPage})}}return a.defaultProps={queryBuilder:e.queryBuilder},a.displayName="AsyncSelect",a},d=o}}]);
2//# sourceMappingURL=1716.0a7c5fc2.chunk.js.map