https://brafford-photography.web.app/2529.1c0ebdbd85b894c8.js

1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[2529,395],{2529:(A,D,l)=>{l.r(D),l.d(D,{ReportingFeatureDomainsModule:()=>H});var c=l(69808),C=l(74202),E=l(96410),_=l(50026),R=l(2994),T=l(87545),n=l(658),f=l(49343),e=l(5e3),M=l(22962),y=l(70655),u=l(93075),v=l(44224),I=l(30395);let g=class{constructor(i){this.fb=i,this.applyRange=new e.EventEmitter}ngOnInit(){this.form=this.fb.group({dateRange:[null]});const i=this.form.get("dateRange");!i||i.valueChanges.pipe((0,v.t)(this)).subscribe(o=>{this.applyRange.emit(o)})}};g.\u0275fac=function(i){return new(i||g)(e.\u0275\u0275directiveInject(u.qu))},g.\u0275cmp=e.\u0275\u0275defineComponent({type:g,selectors:[["tn-filter-toolbar"]],outputs:{applyRange:"applyRange"},decls:2,vars:1,consts:[[1,"flex","py-24","items-end",3,"formGroup"],["label","Date Range","formControlName","dateRange","width","260px"]],template:function(i,o){1&i&&(e.\u0275\u0275elementStart(0,"form",0),e.\u0275\u0275element(1,"ui-date-range",1),e.\u0275\u0275elementEnd()),2&i&&e.\u0275\u0275property("formGroup",o.form)},directives:[u._Y,u.JL,u.sg,I.S,u.JJ,u.u],styles:["[_nghost-%COMP%]{display:block}.mat-slide-toggle[_ngcontent-%COMP%]{height:40px!important;background:white;color:gray}button[_ngcontent-%COMP%]{height:40px!important}"],changeDetection:0}),g=(0,y.gn)([(0,v.c)(),(0,y.w6)("design:paramtypes",[u.qu])],g);var P=l(81782),m=l(88279);function h(a,i){1&a&&(e.\u0275\u0275elementStart(0,"th",10),e.\u0275\u0275text(1,"Purchased At"),e.\u0275\u0275elementEnd())}function t(a,i){if(1&a&&(e.\u0275\u0275elementStart(0,"td",11),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"date"),e.\u0275\u0275elementEnd()),2&a){const o=i.$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(2,1,o.createdAt))}}function r(a,i){1&a&&(e.\u0275\u0275elementStart(0,"th",10),e.\u0275\u0275text(1,"Domain"),e.\u0275\u0275elementEnd())}function s(a,i){if(1&a&&(e.\u0275\u0275elementStart(0,"td",11),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&a){const o=i.$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(o.domain)}}function d(a,i){1&a&&(e.\u0275\u0275elementStart(0,"th",10),e.\u0275\u0275text(1,"Order"),e.\u0275\u0275elementEnd())}const F=function(){return["admin","order-management"]},x=function(a){return{orderId:a}};function w(a,i){if(1&a&&(e.\u0275\u0275elementStart(0,"a",14),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&a){const o=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275property("routerLink",e.\u0275\u0275pureFunction0(3,F))("queryParams",e.\u0275\u0275pureFunction1(4,x,o.listing.tonomoExternalId)),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",(null==o.listing?null:o.listing.name)||"-"," ")}}function $(a,i){if(1&a&&(e.\u0275\u0275elementStart(0,"span"),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&a){const o=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",(null==o.listing?null:o.listing.name)||"-"," ")}}function j(a,i){if(1&a&&(e.\u0275\u0275elementStart(0,"td",11),e.\u0275\u0275template(1,w,2,6,"a",12),e.\u0275\u0275template(2,$,2,1,"span",13),e.\u0275\u0275elementEnd()),2&a){const o=i.$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",null==o.listing?null:o.listing.tonomoExternalId),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",!(null!=o.listing&&o.listing.tonomoExternalId))}}function V(a,i){1&a&&e.\u0275\u0275element(0,"tr",15)}function L(a,i){1&a&&e.\u0275\u0275element(0,"tr",16)}let z=(()=>{class a{constructor(){this.data=[],this.displayedColumns=["purchasedAt","domain","order"]}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=e.\u0275\u0275defineComponent({type:a,selectors:[["tn-domains-table"]],inputs:{data:"data"},decls:16,vars:4,consts:[[1,"mb-16"],[1,"font-semibold"],["mat-table","",1,"w-full","border",3,"dataSource"],["matColumnDef","purchasedAt"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","domain"],["matColumnDef","order"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["mat-header-cell",""],["mat-cell",""],[3,"routerLink","queryParams",4,"ngIf"],[4,"ngIf"],[3,"routerLink","queryParams"],["mat-header-row",""],["mat-row",""]],template:function(o,p){1&o&&(e.\u0275\u0275elementStart(0,"div",0)(1,"span",1),e.\u0275\u0275text(2,"Number of domains"),e.\u0275\u0275elementEnd(),e.\u0275\u0275text(3),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(4,"table",2),e.\u0275\u0275elementContainerStart(5,3),e.\u0275\u0275template(6,h,2,0,"th",4),e.\u0275\u0275template(7,t,3,3,"td",5),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275elementContainerStart(8,6),e.\u0275\u0275template(9,r,2,0,"th",4),e.\u0275\u0275template(10,s,2,1,"td",5),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275elementContainerStart(11,7),e.\u0275\u0275template(12,d,2,0,"th",4),e.\u0275\u0275template(13,j,3,2,"td",5),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275template(14,V,1,0,"tr",8),e.\u0275\u0275template(15,L,1,0,"tr",9),e.\u0275\u0275elementEnd()),2&o&&(e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate1(" ",p.data.length,""),e.\u0275\u0275advance(1),e.\u0275\u0275property("dataSource",p.data),e.\u0275\u0275advance(10),e.\u0275\u0275property("matHeaderRowDef",p.displayedColumns),e.\u0275\u0275advance(1),e.\u0275\u0275property("matRowDefColumns",p.displayedColumns))},directives:[m.BZ,m.w1,m.fO,m.ge,m.Dz,m.ev,c.NgIf,C.yS,m.as,m.XQ,m.nj,m.Gk],pipes:[c.DatePipe],styles:[""],changeDetection:0}),a})();function N(a,i){1&a&&(e.\u0275\u0275elementStart(0,"div",3),e.\u0275\u0275element(1,"ui-spinner",4),e.\u0275\u0275elementEnd())}function U(a,i){if(1&a&&e.\u0275\u0275element(0,"tn-domains-table",7),2&a){const o=e.\u0275\u0275nextContext(2);e.\u0275\u0275property("data",o.tableData)}}function k(a,i){1&a&&e.\u0275\u0275text(0,"Please select a date range")}function K(a,i){if(1&a&&(e.\u0275\u0275template(0,U,1,1,"tn-domains-table",5),e.\u0275\u0275template(1,k,1,0,"ng-template",null,6,e.\u0275\u0275templateRefExtractor)),2&a){const o=e.\u0275\u0275reference(2),p=e.\u0275\u0275nextContext();e.\u0275\u0275property("ngIf",p.dateRange)("ngIfElse",o)}}const W=[{path:"",pathMatch:"full",component:(()=>{class a extends _.m1{constructor(o,p,b){super({tableData:[]}),this.afs=o,this.accountDomainsRepository=p,this.appConfigService=b,this.appV2=!0,this.loading=!1,this.tableData=[],this.dateRange=null,this.loadDomains=this.effect(S=>S.pipe((0,R.b)(()=>{this.loading=!0,this.tableData=[]}),(0,T.w)(B=>this.accountDomainsRepository.getDomains({startDate:B.start.toString(),endDate:B.end.toString(),accountId:this.appConfigService.projectId,source:"namecheap"}).pipe((0,_._b)(O=>this.tableData=O,O=>console.log(O),()=>this.loading=!1)))))}onApplyRange(o){if(!(null==o?void 0:o.start)||!(null==o?void 0:o.end))return this.dateRange=null,void(this.tableData=[]);this.dateRange=o,this.loadDomains(o)}}return a.\u0275fac=function(o){return new(o||a)(e.\u0275\u0275directiveInject(M.ST),e.\u0275\u0275directiveInject(f.j_),e.\u0275\u0275directiveInject(n._ZM))}

1,a.\u0275cmp=e.\u0275\u0275defineComponent({type:a,selectors:[["tn-reporting-feature-domains"]],hostVars:2,hostBindings:function(o,p){2&o&&e.\u0275\u0275classProp("app-v2",p.appV2)},features:[e.\u0275\u0275InheritDefinitionFeature],decls:6,vars:2,consts:[[3,"applyRange"],["class","flex justify-center items-center loader-container",4,"ngIf","ngIfElse"],["report",""],[1,"flex","justify-center","items-center","loader-container"],[1,"text-gray-30","w-32"],[3,"data",4,"ngIf","ngIfElse"],["placeholder",""],[3,"data"]],template:function(o,p){if(1&o&&(e.\u0275\u0275elementStart(0,"h1"),e.\u0275\u0275text(1,"Domains Reporting"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(2,"tn-filter-toolbar",0),e.\u0275\u0275listener("applyRange",function(S){return p.onApplyRange(S)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(3,N,2,0,"div",1),e.\u0275\u0275template(4,K,3,2,"ng-template",null,2,e.\u0275\u0275templateRefExtractor)),2&o){const b=e.\u0275\u0275reference(5);e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",p.loading)("ngIfElse",b)}},directives:[g,c.NgIf,P.O,z],styles:["[_nghost-%COMP%]{display:block;padding:1.5rem}.loader-container[_ngcontent-%COMP%]{height:40vh}"]}),a})()}];let H=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275mod=e.\u0275\u0275defineNgModule({type:a}),a.\u0275inj=e.\u0275\u0275defineInjector({imports:[[c.CommonModule,C.Bz.forChild(W),E.eYi]]}),a})()},30395:(A,D,l)=>{l.d(D,{S:()=>P});var c=l(93075),C=l(8929),E=l(80013),_=l(7625),R=l(658),T=l(24254),n=l(5e3),f=l(69808),e=l(86856),M=l(66809),y=l(72751);const u=["endInput"];function v(m,h){if(1&m){const t=n.\u0275\u0275getCurrentView();n.\u0275\u0275elementStart(0,"label",16),n.\u0275\u0275listener("click",function(){return n.\u0275\u0275restoreView(t),n.\u0275\u0275nextContext(),n.\u0275\u0275reference(4).focus()}),n.\u0275\u0275text(1),n.\u0275\u0275elementEnd()}if(2&m){const t=n.\u0275\u0275nextContext();n.\u0275\u0275advance(1),n.\u0275\u0275textInterpolate1(" ",t.label,"\n")}}function I(m,h){if(1&m&&(n.\u0275\u0275elementStart(0,"div",17),n.\u0275\u0275text(1),n.\u0275\u0275elementEnd()),2&m){const t=n.\u0275\u0275nextContext();n.\u0275\u0275advance(1),n.\u0275\u0275textInterpolate(t.errorMessage)}}const g=function(m){return[m]};let P=(()=>{class m{constructor(t,r,s){this.fb=t,this.datePipe=r,this.dateFormatService=s,this.label="",this.placeholder=this.dateFormatService.getDateFormatByLocale(T.lvo.US_DATE),this.value={start:null,end:null},this.width="auto",this.appearance="normal",this.max=null,this.min=null,this.smallSize=!1,this.disabled=!1,this.range=this.fb.group({start:[],end:[]}),this.destroy$=new C.xQ,this.onChange=d=>{},this.onTouched=()=>{}}get errorMessage(){const t=this.startControl,r=this.endControl;if(!(this.range.touched||this.range.dirty||t.touched||t.dirty||r.touched||r.dirty))return null;if(t.hasError("matDatepickerParse"))return"Invalid start date";if(r.hasError("matDatepickerParse"))return"Invalid end date";if(t.hasError("matDatepickerMin")){const{min:d}=t.getError("matDatepickerMin");return`Start date cannot be before ${this.formatDate(d)}`}if(t.hasError("matDatepickerMax")){const{max:d}=t.getError("matDatepickerMax");return`Start date cannot be after ${this.formatDate(d)}`}if(r.hasError("matDatepickerMin")){const{min:d}=r.getError("matDatepickerMin");return`End date cannot be before ${this.formatDate(d)}`}if(r.hasError("matDatepickerMax")){const{max:d}=r.getError("matDatepickerMax");return`End date cannot be after ${this.formatDate(d)}`}return t.hasError("matStartDateInvalid")||r.hasError("matEndDateInvalid")?"Start date must be before end date":this.range.hasError("monthsRangeTooLong")?this.getRangeValidationErrorMessage(this.maxDateRangeMonths):null}get startControl(){return this.range.get("start")}get endControl(){return this.range.get("end")}ngOnInit(){this.applyRangeValidators(),this.range.valueChanges.pipe((0,E.b)(300),(0,_.R)(this.destroy$)).subscribe(t=>{if(!this.range.invalid){if(!t.start&&!t.end)return this.onTouched(),void this.onChange(null);if(t.start&&!t.end)return this.endControl.setValue(new Date(t.start.getTime())),void this.endInput.nativeElement.focus();if(t.start&&t.end){this.onTouched(),this.value=t;const r=this.getStartOfTheDay(t.start),s=this.getEndOfTheDay(t.end);this.onChange({start:r,end:s})}}})}ngOnChanges(t){t.maxDateRangeMonths&&this.applyRangeValidators()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}writeValue(t){this.value=t,this.setRange(t)}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){t?(this.startControl.disable(),this.endControl.disable()):(this.startControl.enable(),this.endControl.enable())}resetDateRange(){this.range.patchValue({start:null,end:null})}setRange(t){this.range.patchValue({start:(null==t?void 0:t.start)||null,end:(null==t?void 0:t.end)||null},{emitEvent:!1})}applyRangeValidators(){const t=[...this.maxDateRangeMonths?[this.maxMonthsSpanValidator(this.maxDateRangeMonths)]:[]];this.range.setValidators(t.length?t:null),this.range.updateValueAndValidity({emitEvent:!1})}maxMonthsSpanValidator(t){return()=>{const r=this.startControl.value,s=this.endControl.value;return!r||!s||isNaN(r.getTime())||isNaN(s.getTime())?null:s>=this.addMonths(r,t)?{monthsRangeTooLong:!0}:null}}getStartOfTheDay(t){const r=new Date(t);return r.setHours(0,0,0,0),r}getEndOfTheDay(t){const r=new Date(t);return r.setHours(23,59,59,999),r}addMonths(t,r){const s=new Date(t);return s.setMonth(s.getMonth()+r),s}getRangeValidationErrorMessage(t){if(t<1)return"Invalid range";const r="Range cannot exceed";if(1===t)return`${r} 1 month`;if(t<12)return`${r} ${t} months`;const s=t%12,d=Math.floor(t/12),x=`${r} ${d} ${1===d?"year":"years"}`;return 0===s?x:`${x} ${s} ${1===s?"month":"months"}`}formatDate(t){var r;return t&&null!==(r=this.datePipe.transform(t,"M/d/yyyy"))&&void 0!==r?r:""}}return m.\u0275fac=function(t){return new(t||m)(n.\u0275\u0275directiveInject(c.qu),n.\u0275\u0275directiveInject(f.DatePipe),n.\u0275\u0275directiveInject(R.fiA))},m.\u0275cmp=n.\u0275\u0275defineComponent({type:m,selectors:[["ui-date-range"]],viewQuery:function(t,r){if(1&t&&n.\u0275\u0275viewQuery(u,5),2&t){let s;n.\u0275\u0275queryRefresh(s=n.\u0275\u0275loadQuery())&&(r.endInput=s.first)}},hostVars:4,hostBindings:function(t,r){2&t&&n.\u0275\u0275classProp("small-size",r.smallSize)("disabled",r.disabled)},inputs:{label:"label",placeholder:"placeholder",value:"value",width:"width",appearance:"appearance",max:"max",min:"min",maxDateRangeMonths:"maxDateRangeMonths",smallSize:"smallSize"},features:[n.\u0275\u0275ProvidersFeature([{provide:c.JU,multi:!0,useExisting:m}]),n.\u0275\u0275NgOnChangesFeature],decls:21,vars:15,consts:[["class","\n    input-label\n    text-gray-40\n    text-12\n    font-semibold\n    mb-1\n  ",3,"click",4,"ngIf"],[1,"date-range","flex","rounded","h-40","bg-white","range-wrapper",3,"ngClass"],[1,"flex","justify-center","pl-8",3,"min","max","formGroup","rangePicker"],["matStartDate","","formControlName","start",3,"placeholder","blur"],["startInput",""],["matEndDate","","formControlName","end",3,"placeholder","blur"],["endInput",""],[3,"disableRipple","for"],["picker",""],[1,"flex","justify-between","w-100"],[1,"left"],["uiBtnSize","medium","uiBtnTheme","main","themeMode","text","matDateRangePickerCancel","",3,"click"],[1,"right"],["uiBtnSize","medium","uiBtnTheme","main","themeMode","secondary","matDateRangePickerCancel",""],["uiBtnSize","medium","uiBtnTheme","main","matDateRangePickerApply",""],["class","error",4,"ngIf"],[1,"input-label","text-gray-40","text-12","font-semibold","mb-1",3,"click"],[1,"error"]],template:function(t,r){if(1&t&&(n.\u0275\u0275template(0,v,2,1,"label",0),n.\u0275\u0275elementStart(1,"div",1)(2,"mat-date-range-input",2)(3,"input",3,4),n.\u0275\u0275listener("blur",function(){return r.onTouched()}),n.\u0275\u0275elementEnd(),n.\u0275\u0275elementStart(5,"input",5,6),n.\u0275\u0275listener("blur",function(){return r.onTouched()}),n.\u0275\u0275elementEnd()(),n.\u0275\u0275element(7,"mat-datepicker-toggle",7),n.\u0275\u0275elementStart(8,"mat-date-range-picker",null,8)(10,"mat-date-range-picker-actions")(11,"div",9)(12,"div",10)(13,"button",11),n.\u0275\u0275listener("click",function(){return r.resetDateRange()}),n.\u0275\u0275text(14," Reset "),n.\u0275\u0275elementEnd()(),n.\u0275\u0275elementStart(15,"div",12)(16,"button",13),n.\u0275\u0275text(17," Cancel "),n.\u0275\u0275elementEnd(),n.\u0275\u0275elementStart(18,"button",14),n.\u0275\u0275text(19,"Apply"),n.\u0275\u0275elementEnd()()()()()(),n.\u0275\u0275template(20,I,2,1,"div",15)),2&t){const s=n.\u0275\u0275reference(9);n.\u0275\u0275property("ngIf",r.label),n.\u0275\u0275advance(1),n.\u0275\u0275styleProp("width",r.width),n.\u0275\u0275property("ngClass",n.\u0275\u0275pureFunction1(13,g,r.appearance)),n.\u0275\u0275advance(1),n.\u0275\u0275property("min",r.min)("max",r.max)("formGroup",r.range)("rangePicker",s),n.\u0275\u0275advance(1),n.\u0275\u0275property("placeholder",r.placeholder),n.\u0275\u0275advance(2),n.\u0275\u0275property("placeholder",r.placeholder),n.\u0275\u0275advance(2),n.\u0275\u0275property("disableRipple",!0)("for",s),n.\u0275\u0275advance(13),n.\u0275\u0275property("ngIf",r.errorMessage)}},directives:[f.NgIf,f.NgClass,e.wx,c.JL,c.sg,e.zY,c.Fj,c.JJ,c.u,e.By,e.nW,e._g,e.M5,M.s,y.V,e.dp,e.DK],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;position:relative}[_nghost-%COMP%]     .mat-date-range-input-separator-hidden{opacity:1}.small-size[_nghost-%COMP%]     .range-wrapper{height:2rem;font-size:.75rem}.small-size[_nghost-%COMP%]     .range-wrapper .mat-datepicker-toggle{display:flex;align-items:center;justify-content:center}.range-wrapper[_ngcontent-%COMP%]{border:1px solid white}.range-wrapper[_ngcontent-%COMP%]:hover{--tw-border-opacity: 1;border-color:rgb(226 226 226 / var(--tw-border-opacity, 1))}.date-range.bordered[_ngcontent-%COMP%]{border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-duration:.3s}.error[_ngcontent-%COMP%]{position:absolute;top:100%;padding-left:.5rem;padding-right:.5rem;font-size:.625rem;--tw-text-opacity: 1;color:rgb(250 82 82 / var(--tw-text-opacity, 1))}.right[_ngcontent-%COMP%]{display:flex;gap:8px}"],changeDetection:0}),m})()}}]);