https://apex-innovations-media.web.app/4051.4d5f9a92fcece58c.js

1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[4051],{14051:(re,I,o)=>{o.r(I),o.d(I,{SchedulingFeaturePersonalModule:()=>te});var S=o(69808),E=o(74202),F=o(71545),T=o(38612),j=o(96410),_=o(36053),m=o(24850),O=o(2994),y=o(658),$=o(87545),e=o(5e3);let P=(()=>{class r{constructor(t,n,i){this.auth=t,this.usersService=n,this.router=i,this.getUserByUid$=a=>a.pipe((0,$.w)(l=>l&&"me"!==l?this.usersService.getById$(l):this.auth.user$),(0,O.b)(l=>{l||this.router.navigate(["/scheduler/personal/me"])}))}}return r.\u0275fac=function(t){return new(t||r)(e.\u0275\u0275inject(y.e80),e.\u0275\u0275inject(y.L2p),e.\u0275\u0275inject(E.F0))},r.\u0275prov=e.\u0275\u0275defineInjectable({token:r,factory:r.\u0275fac}),r})();var D=o(11141);function L(r,c){1&r&&(e.\u0275\u0275elementStart(0,"div",3)(1,"span",4),e.\u0275\u0275text(2,"No orders found"),e.\u0275\u0275elementEnd()())}let R=(()=>{class r{constructor(t,n,i,a,l,d,g){this.schedulerPersonalService=t,this.schedulerOrdersSearchService=n,this.usersService=i,this.auth=a,this.route=l,this.router=d,this.cdr=g,this.searchStr$=this.schedulerOrdersSearchService.searchStr$,this.recentSearchesMode$=this.schedulerOrdersSearchService.recentSearchesMode$,this.user$=this.schedulerPersonalService.getUserByUid$(this.route.paramMap.pipe((0,m.U)(s=>s.get("uid")))),this.searchResultsByUser$=(0,_.aj)([this.user$,this.schedulerOrdersSearchService.orderSearchResults$,this.schedulerOrdersSearchService.foundOrdersEvents$]).pipe((0,m.U)(([s,u,p])=>s?u.filter(f=>{var C;const x=f.calendarEvent&&p.find(ne=>ne.id===f.calendarEvent)||null;return(null===(C=null==x?void 0:x.photographers)||void 0===C?void 0:C.includes(s.uid))||!1}):[])),this.searchResultsLoading$=this.schedulerOrdersSearchService.loading$.pipe((0,O.b)(()=>this.cdr.detectChanges())),this.foundOrdersEvents$=this.schedulerOrdersSearchService.foundOrdersEvents$,this.foundOrdersPhotographers$=this.schedulerOrdersSearchService.foundOrdersPhotographers$}onSearchOrders(t){const n=(null==t?void 0:t.trim())?t:null,i=this.route.snapshot.paramMap.get("uid")||"me";this.router.navigate(["/scheduler/personal",i,"search"],{queryParamsHandling:"merge",queryParams:{searchStr:n}})}selectOrder(t){this.schedulerOrdersSearchService.saveRecentFoundOrderId(t.orderId),this.router.navigate(["/order-status",t.orderId])}onToggleRecentSearchesMode(t){this.schedulerOrdersSearchService.toggleRecentSearchesMode(t)}onGoBack(){const t=this.route.snapshot.paramMap.get("uid")||"me";this.router.navigate(["/scheduler/personal",t])}}return r.\u0275fac=function(t){return new(t||r)(e.\u0275\u0275directiveInject(P),e.\u0275\u0275directiveInject(F.G6),e.\u0275\u0275directiveInject(y.L2p),e.\u0275\u0275directiveInject(y.e80),e.\u0275\u0275directiveInject(E.gz),e.\u0275\u0275directiveInject(E.F0),e.\u0275\u0275directiveInject(e.ChangeDetectorRef))},r.\u0275cmp=e.\u0275\u0275defineComponent({type:r,selectors:[["ng-component"]],decls:12,vars:26,consts:[[1,"personal-schedule-container"],[1,"w-full",3,"searchStr","recentSearchesMode","searchResultsLoading","orders","events","photographers","showBackButton","selectOrder","search","toggleRecentSearchesMode","back"],["class","flex flex-col justify-center items-center h-4/5",4,"ngIf"],[1,"flex","flex-col","justify-center","items-center","h-4/5"],[1,"text-14","text-gray-50"]],template:function(t,n){if(1&t&&(e.\u0275\u0275elementStart(0,"div",0)(1,"tn-scheduler-orders-search",1),e.\u0275\u0275listener("selectOrder",function(a){return n.selectOrder(a)})("search",function(a){return n.onSearchOrders(a)})("toggleRecentSearchesMode",function(a){return n.onToggleRecentSearchesMode(a)})("back",function(){return n.onGoBack()}),e.\u0275\u0275pipe(2,"async"),e.\u0275\u0275pipe(3,"async"),e.\u0275\u0275pipe(4,"async"),e.\u0275\u0275pipe(5,"async"),e.\u0275\u0275pipe(6,"async"),e.\u0275\u0275pipe(7,"async"),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(8,L,3,0,"div",2),e.\u0275\u0275pipe(9,"async"),e.\u0275\u0275pipe(10,"async"),e.\u0275\u0275pipe(11,"async"),e.\u0275\u0275elementEnd()),2&t){let i;e.\u0275\u0275advance(1),e.\u0275\u0275property("searchStr",e.\u0275\u0275pipeBind1(2,8,n.searchStr$))("recentSearchesMode",e.\u0275\u0275pipeBind1(3,10,n.recentSearchesMode$))("searchResultsLoading",e.\u0275\u0275pipeBind1(4,12,n.searchResultsLoading$))("orders",e.\u0275\u0275pipeBind1(5,14,n.searchResultsByUser$))("events",e.\u0275\u0275pipeBind1(6,16,n.foundOrdersEvents$))("photographers",e.\u0275\u0275pipeBind1(7,18,n.foundOrdersPhotographers$))("showBackButton",!0),e.\u0275\u0275advance(7),e.\u0275\u0275property("ngIf",0===(null==(i=e.\u0275\u0275pipeBind1(9,20,n.searchResultsByUser$))?null:i.length)&&!1===e.\u0275\u0275pipeBind1(10,22,n.searchResultsLoading$)&&e.\u0275\u0275pipeBind1(11,24,n.searchStr$))}},directives:[D.V,S.NgIf],pipes:[S.AsyncPipe],styles:["[_nghost-%COMP%]{height:100%;width:100%;align-items:center}.personal-schedule-container[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto;padding:.75rem 1rem 1rem;max-width:600px}"]}),r})();var w=o(71764),v=o.n(w),z=o(31545),U=o.n(z),N=o(25268),V=o.n(N),M=o(591),A=o(21086),H=o(92198),Y=o(75778),h=o(24254),G=o(255),Z=o(91860),k=o(37841);function X(r,c){if(1&r&&(e.\u0275\u0275elementStart(0,"div",10),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&r){const t=c.$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",t," ")}}function K(r,c){if(1&r){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"div",5),e.\u0275\u0275listener("click",function(){const a=e.\u0275\u0275restoreView(t).$implicit;return e.\u0275\u0275nextContext(2).eventSelect.emit(a)}),e.\u0275\u0275elementStart(1,"div",6),e.\u0275\u0275text(2),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(3,"div",7),e.\u0275\u0275template(4,X,2,1,"div",8),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"div",9),e.\u0275\u0275text(6),e.\u0275\u0275elementEnd()()}if(2&r){const t=c.$implicit,n=e.\u0275\u0275nextContext(2);e.\u0275\u0275styleProp("background-color",n.itemBgColor),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(t.title),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngForOf",n.getCalendarEventSolutions(t)),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(n.getTimeslotText(t))}}function Q(r,c){if(1&r&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"div",3),e.\u0275\u0275text(2),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(3,K,7,5,"div",4),e.\u0275\u0275elementContainerEnd()),2&r){const t=c.$implicit,n=e.\u0275\u0275nextContext();e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate1(" ",t," "),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngForOf",n.eventDateMapping[t])}}function W(r,c){1&r&&(e.\u0275\u0275elementStart(0,"div",11)(1,"span",12),e.\u0275\u0275text(2,"No orders found"),e.\u0275\u0275elementEnd()())}let J=(()=>

1{class r{constructor(t){this.appConfigService=t,this.orderEntities={},this.itemBgColor="#F6F6F6",this.loading=!1,this.eventSelect=new e.EventEmitter,this.eventDateMapping={},this.dates=[]}set calendarEventDateMapping(t){this.eventDateMapping=t||{},this.dates=Object.keys(this.eventDateMapping)}getTimeslotText(t){var n,i;const a=null!==(n=t.when.start_time)&&void 0!==n?n:t.when.time,l=null!==(i=t.when.end_time)&&void 0!==i?i:t.when.time;return`${(0,h.rL_)(a,h.lvo.TIME_12H,this.appConfigService.timeZone)} - ${(0,h.rL_)(l,h.lvo.TIME_12H,this.appConfigService.timeZone)}`}getCalendarEventSolutions(t){var n;const i=t.orderId?null===(n=this.orderEntities)||void 0===n?void 0:n[t.orderId]:null;if(!i)return[];const a=this.extractOrderTasks(i),l=i.service_custom_tiers||[];return a.map(d=>{var g;const s=null===(g=l.find(u=>u.serviceId===d.serviceId))||void 0===g?void 0:g.selected;return d.name+((null==s?void 0:s.name)?` | ${s.name}`:"")})}extractOrderTasks(t){const n=t.taskSummary||{};return Object.keys(n).filter(i=>"archived"!==i).map(i=>n[i]).flat().filter(i=>i.serviceId)}}return r.\u0275fac=function(t){return new(t||r)(e.\u0275\u0275directiveInject(y._ZM))},r.\u0275cmp=e.\u0275\u0275defineComponent({type:r,selectors:[["tn-personal-events-list"]],inputs:{calendarEventDateMapping:"calendarEventDateMapping",orderEntities:"orderEntities",itemBgColor:"itemBgColor",loading:"loading"},outputs:{eventSelect:"eventSelect"},decls:3,vars:3,consts:[[1,"h-full",3,"loading"],[4,"ngFor","ngForOf"],["class","flex flex-col justify-center items-center h-4/5",4,"ngIf"],[1,"flex","justify-center","items-center","w-full","h-32","mt-12","text-gray-50","text-12","font-medium"],["class","mt-12 p-8 rounded text-white text-14 leading-5 cursor-pointer",3,"background-color","click",4,"ngFor","ngForOf"],[1,"mt-12","p-8","rounded","text-white","text-14","leading-5","cursor-pointer",3,"click"],[1,"font-semibold"],[1,"flex","flex-col","pt-8"],["class","flex pt-min font-medium",4,"ngFor","ngForOf"],[1,"pt-16","font-medium"],[1,"flex","pt-min","font-medium"],[1,"flex","flex-col","justify-center","items-center","h-4/5"],[1,"text-14","text-gray-50"]],template:function(t,n){1&t&&(e.\u0275\u0275elementStart(0,"ui-loading-wrapper",0),e.\u0275\u0275template(1,Q,4,2,"ng-container",1),e.\u0275\u0275template(2,W,3,0,"div",2),e.\u0275\u0275elementEnd()),2&t&&(e.\u0275\u0275property("loading",n.loading),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngForOf",n.dates),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",!n.dates.length&&!n.loading))},directives:[k.G,S.NgForOf,S.NgIf],styles:["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}"],changeDetection:0}),r})();function b(r,c){if(1&r){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"ui-schedule-calendar",8),e.\u0275\u0275listener("dateSelect",function(i){return e.\u0275\u0275restoreView(t),e.\u0275\u0275nextContext().onDateSelect(i)}),e.\u0275\u0275pipe(1,"async"),e.\u0275\u0275elementEnd()}if(2&r){const t=e.\u0275\u0275nextContext();let n;e.\u0275\u0275property("timezone",t.timezone)("date",null!==(n=e.\u0275\u0275pipeBind1(1,3,t.selectedDate$))&&void 0!==n?n:0)("monthView",!0)}}const q=function(r,c){return{"text-gray-30":r,"text-gray-50":c}},B=function(){return{}};v().extend(V()),v().extend(U());const ee=[{path:":uid",pathMatch:"full",component:(()=>{class r{constructor(t,n,i,a,l,d,g){this.dispatchRepositoryService=t,this.schedulerPersonalService=n,this.schedulerOrdersSearchService=i,this.ordersRepositoryService=a,this.appConfigService=l,this.route=d,this.router=g,this.timezone=this.appConfigService.timeZone,this.selectedDate$=new M.X(null),this.from$=new M.X(v()().tz(this.timezone).startOf("day").unix()),this.to$=new M.X(v()().tz(this.timezone).endOf("month").unix()),this.user$=this.schedulerPersonalService.getUserByUid$(this.route.paramMap.pipe((0,m.U)(s=>s.get("uid")))),this.calendarColor$=this.user$.pipe((0,H.h)(s=>!!s),(0,m.U)(s=>s.uid),(0,Y.x)(),(0,$.w)(s=>this.dispatchRepositoryService.getById(s)),(0,O.b)(s=>{var u;const p=null===(u=null==s?void 0:s.availability)||void 0===u?void 0:u.timezone;if(p){const f=v().tz(v().unix(this.from$.value),p).startOf("day").unix(),C=v().tz(v().unix(this.to$.value),p).endOf("month").unix();this.from$.next(f),this.to$.next(C),this.timezone=p}}),(0,m.U)(s=>

1s?s.calendarColor||(0,h.mB6)(s.id):"#F6F6F6")),this.calendarEvents$=(0,_.aj)([this.user$,this.from$,this.to$]).pipe((0,$.w)(([s,u,p])=>s?this.schedulerOrdersSearchService.getCalendarEventsByTimeRange(u,p).pipe((0,m.U)(f=>f.filter(C=>{var x;return(null===(x=C.photographers)||void 0===x?void 0:x.includes(s.uid))||!1}))):(0,A.of)([]))),this.calendarEventDateMapping$=this.calendarEvents$.pipe((0,m.U)(s=>this.getCalendarEventDateMapping(s))),this.orderEntities$=this.calendarEvents$.pipe((0,$.w)(s=>this.getOrderEntities(s))),this.currentDateStr$=(0,_.aj)([this.from$,this.selectedDate$]).pipe((0,m.U)(([s,u])=>(0,h.rL_)(s,u?h.lvo.MONTH_DAY_YEAR:h.lvo.MONTH_ABBR_YEAR,this.timezone,this.appConfigService.euFormattedDate))),this.eventsLoading$=this.schedulerOrdersSearchService.eventsLoading$,this.calendarExpanded=!1}getCalendarEventDateMapping(t){return(null==t?void 0:t.sort((n,i)=>+n.when.start_time-+i.when.start_time).reduce((n,i)=>{const a=(0,h.rL_)(i.when.start_time,h.lvo.WEEKDAY_FULL_MONTH_DAY_YEAR,this.timezone,this.appConfigService.euFormattedDate);return n[a]||(n[a]=[]),n[a].push(i),n},{}))||{}}getOrderEntities(t){const n=t.map(i=>i.orderId).filter(Boolean);return this.ordersRepositoryService.getManyByIds$(n).pipe((0,m.U)(i=>i.reduce((a,l)=>(l&&(a[l.id]=l),a),{})))}onCalendarExpand(){this.calendarExpanded=!this.calendarExpanded}onNavigateToSearch(){const t=this.route.snapshot.paramMap.get("uid")||"me";this.router.navigate(["/scheduler/personal",t,"search"])}onEventSelect(t){this.router.navigate(["/order-status",t.orderId])}onDateSelect(t){const n=t,i=v().tz(1e3*t,this.timezone).endOf("day").unix();this.selectedDate$.next(n),this.from$.next(n),this.to$.next(i),this.calendarExpanded=!1}}return r.\u0275fac=function(t){return new(t||r)(e.\u0275\u0275directiveInject(y.Q3C),e.\u0275\u0275directiveInject(P),e.\u0275\u0275directiveInject(F.G6),e.\u0275\u0275directiveInject(y.HVf),e.\u0275\u0275directiveInject(y._ZM),e.\u0275\u0275directiveInject(E.gz),e.\u0275\u0275directiveInject(E.F0))},r.\u0275cmp=e.\u0275\u0275defineComponent({type:r,selectors:[["ng-component"]],decls:15,vars:23,consts:[[1,"personal-schedule-container"],[1,"flex","justify-between","items-center"],[1,"flex","items-center","h-56","cursor-pointer",3,"click"],[1,"pl-8",3,"ngClass","uiIcon"],[1,"flex","justify-center","items-center","w-32","h-32","cursor-pointer",3,"click"],["uiIcon","search",1,"text-gray-30"],["class","mt-12",3,"timezone","date","monthView","dateSelect",4,"ngIf"],[3,"calendarEventDateMapping","orderEntities","itemBgColor","loading","eventSelect"],[1,"mt-12",3,"timezone","date","monthView","dateSelect"]],template:function(t,n){if(1&t&&(e.\u0275\u0275elementStart(0,"div",0)(1,"div",1)(2,"div",2),e.\u0275\u0275listener("click",function(){return n.onCalendarExpand()}),e.\u0275\u0275elementStart(3,"h3"),e.\u0275\u0275text(4),e.\u0275\u0275pipe(5,"async"),e.\u0275\u0275elementEnd(),e.\u0275\u0275element(6,"i",3),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(7,"div",4),e.\u0275\u0275listener("click",function(){return n.onNavigateToSearch()}),e.\u0275\u0275element(8,"i",5),e.\u0275\u0275elementEnd()(),e.\u0275\u0275template(9,b,2,5,"ui-schedule-calendar",6),e.\u0275\u0275elementStart(10,"tn-personal-events-list",7),e.\u0275\u0275listener("eventSelect",function(a){return n.onEventSelect(a)}),e.\u0275\u0275pipe(11,"async"),e.\u0275\u0275pipe(12,"async"),e.\u0275\u0275pipe(13,"async"),e.\u0275\u0275pipe(14,"async"),e.\u0275\u0275elementEnd()()),2&t){let i,a,l,d;e.\u0275\u0275advance(4),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(5,8,n.currentDateStr$)),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction2(18,q,!n.calendarExpanded,n.calendarExpanded))("uiIcon",n.calendarExpanded?"arrow_drop_up":"arrow_drop_down"),e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",n.calendarExpanded),e.\u0275\u0275advance(1),e.\u0275\u0275property("calendarEventDateMapping",null!==(i=e.\u0275\u0275pipeBind1(11,10,n.calendarEventDateMapping$))&&void 0!==i?i:e.\u0275\u0275pureFunction0(21,B))("orderEntities",null!==(a=e.\u0275\u0275pipeBind1(12,12,n.orderEntities$))&&void 0!==a?a:e.\u0275\u0275pureFunction0(22,B))("itemBgColor",null!==(l=e.\u0275\u0275pipeBind1(13,14,n.calendarColor$))&&void 0!==l?l:"#F6F6F6")("loading",null!==(d=e.\u0275\u0275pipeBind1(14,16,n.eventsLoading$))&&void 0!==d&&d)}},directives:[S.NgClass,G.a,S.NgIf,Z.h,J],pipes:[S.AsyncPipe],styles:["[_nghost-%COMP%]{height:100%;width:100%;align-items:center}.personal-schedule-container[_ngcontent-%COMP%]{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto;padding-left:.75rem;padding-right:.75rem;padding-bottom:.75rem;max-width:600px}"]}),r})()},{path:":uid/search",pathMatch:"full",component:R},{path:"",pathMatch:"full",redirectTo:"me"}];let te=(()=>{class r{}return r.\u0275fac=function(t){return new(t||r)},r.\u0275mod=e.\u0275\u0275defineNgModule({type:r}),r.\u0275inj=e.\u0275\u0275defineInjector({providers:[P,F.G6,{provide:"recentFoundOrdersStorageKey",useValue:"recentPersonalSchedulerOrderSearches"}],imports:[[S.CommonModule,E.Bz.forChild(ee),T.vr,j.eYi]]}),r})()}}]);