https://app.topdog.africa/7628.5412bb891f1a17fe.js

1"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[7628],{9135:(S,m,i)=>{i.d(m,{Q:()=>N});var g=i(655),t=i(9863),O=i(3038),a=i(9102),C=i(407),P=i(591),b=i(5529),l=i(3489),f=i(6014);class w{constructor(c,n){this.dueTime=c,this.scheduler=n}call(c,n){return n.subscribe(new T(c,this.dueTime,this.scheduler))}}class T extends l.L{constructor(c,n,e){super(c),this.dueTime=n,this.scheduler=e,this.debouncedSubscription=null,this.lastValue=null,this.hasValue=!1}_next(c){this.clearDebounce(),this.lastValue=c,this.hasValue=!0,this.add(this.debouncedSubscription=this.scheduler.schedule(h,this.dueTime,this))}_complete(){this.debouncedNext(),this.destination.complete()}debouncedNext(){if(this.clearDebounce(),this.hasValue){const{lastValue:c}=this;this.lastValue=null,this.hasValue=!1,this.destination.next(c)}}clearDebounce(){const c=this.debouncedSubscription;null!==c&&(this.remove(c),c.unsubscribe(),this.debouncedSubscription=null)}}function h(o){o.debouncedNext()}var v=i(3075),s=i(9808);function r(o,c){if(1&o){const n=t.EpF();t.TgZ(0,"ion-item",16),t.NdJ("click",function(){const M=t.CHM(n).$implicit,U=t.oxw(3),j=t.MAs(9);return U.onContactSelect(M,j)}),t.TgZ(1,"ion-label"),t._uU(2),t.qZA()()}if(2&o){const n=c.$implicit;t.Q6J("id",n.id),t.xp6(2),t.Oqu(n.name[0]||n.id)}}function x(o,c){if(1&o&&(t.ynx(0),t.YNc(1,r,3,2,"ion-item",15),t.BQk()),2&o){const n=t.oxw(2);t.xp6(1),t.Q6J("ngForOf",n.loadedContacts)}}function d(o,c){if(1&o&&(t.TgZ(0,"ion-list",13),t.YNc(1,x,2,1,"ng-container",14),t.qZA()),2&o){const n=t.oxw(),e=t.MAs(16);

1t.xp6(1),t.Q6J("ngIf",n.loadedContacts&&n.loadedContacts.length>0)("ngIfElse",e)}}function _(o,c){1&o&&(t.TgZ(0,"div",17),t._UZ(1,"ion-spinner"),t.qZA())}function A(o,c){1&o&&(t.TgZ(0,"div",17),t._uU(1,"No contacts found."),t.qZA())}let y=(()=>{class o{constructor(n,e){this.contactsService=n,this.modalCtrl=e,this.searchSubject=new P.X(null),this.listContainsElements$=new b.xQ,this.searchSubject.subscribe(u=>{this.onLoadContacts()})}ngOnInit(){}onLoadContacts(){this.listContainsElements$.next(!1);const n=this.searchSubject.value;this.contactsService.getAllContactsPaged(null,n).pipe(function p(o,c=f.P){return n=>n.lift(new w(o,c))}(300)).subscribe(e=>{e&&(this.loadedContacts=[...e.data],this.infiniteScroll.disabled=this.loadedContacts.length>=e.count),this.listContainsElements$.next(!0),this.requestInProgress=!1}),this.infiniteData$=()=>this.contactsService.getAllContactsPaged(null,n,!0)}loadMoreContacts(n){this.infiniteData$().subscribe(e=>{this.loadedContacts=this.loadedContacts.concat(e.data),console.log("Loading domains Done"),n.target.complete(),this.loadedContacts.length>=e.count&&(n.target.disabled=!0)})}searchContacts(n){console.log("On search fired up",n);const e=n.srcElement.value.toLowerCase();this.searchSubject.next(e||null)}onContactSelect(n,e){this.modalCtrl.dismiss(n)}dismissModal(){this.modalCtrl.dismiss()}}return o.\u0275fac=function(n){return new(n||o)(t.Y36(C.P),t.Y36(a.IN))},o.\u0275cmp=t.Xpm({type:o,selectors:[["app-modal-select-contacts"]],viewQuery:function(n,e){if(1&n&&t.Gf(a.ju,5),2&n){let u;t.iGM(u=t.CRH())&&(e.infiniteScroll=u.first)}},inputs:{selectedContact:"selectedContact"},decls:19,vars:6,consts:[["no-border","",1,"members"],["slot","end"],[3,"click"],["slot","icon-only","name","close"],[1,"search-toolbar"],[1,"right-icon",3,"debounce","ngModel","ionChange","ngModelChange"],["focusable",""],["fullscreen",""],["lines","full",4,"ngIf","ngIfElse"],["loading",""],["nocontacts",""],["color","light",3,"ionInfinite"],["loadingSpinner","bubbles","loadingText","Loading more contacts..."],["lines","full"],[4,"ngIf","ngIfElse"],["class","contact",3,"id","click",4,"ngFor","ngForOf"],[1,"contact",3,"id","click"],[1,"ion-padding","ion-text-center"]],template:function(n,e){if(1&n&&(t.TgZ(0,"ion-header",0)(1,"ion-toolbar")(2,"ion-title"),t._uU(3,"Select Contact"),t.qZA(),t.TgZ(4,"ion-buttons",1)(5,"ion-button",2),t.NdJ("click",function(){return e.dismissModal()}),t._UZ(6,"ion-icon",3),t.qZA()()(),t.TgZ(7,"ion-toolbar",4)(8,"ion-searchbar",5,6),t.NdJ("ionChange",function(M){return e.searchContacts(M)})("ngModelChange",function(M){return e.contactSearchText=M}),t.qZA()()(),t.TgZ(10,"ion-content",7),t.YNc(11,d,2,2,"ion-list",8),t.ALo(12,"async"),t.YNc(13,_,2,0,"ng-template",null,9,t.W1O),t.YNc(15,A,2,0,"ng-template",null,10,t.W1O),t.TgZ(17,"ion-infinite-scroll",11),t.NdJ("ionInfinite",function(M){return e.loadMoreContacts(M)}),t._UZ(18,"ion-infinite-scroll-content",12),t.qZA()()),2&n){const u=t.MAs(14);t.xp6(8),t.Q6J("debounce",300)("ngModel",e.contactSearchText),t.xp6(3),t.Q6J("ngIf",t.lcZ(12,4,e.listContainsElements$))("ngIfElse",u)}},directives:[a.Gu,a.sr,a.wd,a.Sm,a.YG,a.gu,a.VI,a.j9,v.JJ,v.On,a.W2,s.O5,a.q_,s.sg,a.Ie,a.Q$,a.PQ,a.ju,a.MB],pipes:[s.Ov],styles:[".right-icon.ios[_ngcontent-%COMP%]{margin-top:12px}",".right-icon[_ngcontent-%COMP%]     .searchbar-search-icon{right:16px;left:unset}.right-icon[_ngcontent-%COMP%]     .searchbar-search-icon.sc-ion-searchbar-ios{right:8px;left:unset}.right-icon[_ngcontent-%COMP%]     .searchbar-clear-button{left:13px;right:unset}.right-icon[_ngcontent-%COMP%]     .searchbar-clear-button.sc-ion-searchbar-ios{left:0px;right:unset}.right-icon[_ngcontent-%COMP%]     .searchbar-input{font-size:1em;background:white}.right-icon[_ngcontent-%COMP%]     .searchbar-input.sc-ion-searchbar-ios{border:2px solid #ddd}.sticky[_ngcontent-%COMP%]{position:sticky;position:-webkit-sticky;top:0;z-index:10000}.primary-semibold-label[_ngcontent-%COMP%]{font-weight:300;color:var(--ion-color-primary)!important}.secondary-semibold-label[_ngcontent-%COMP%]{font-weight:300;color:var(--ion-color-secondary)}.footer-button[_ngcontent-%COMP%]{width:100%;z-index:10000;margin:0;--border-radius: 0px}.grid-with-list[_ngcontent-%COMP%]{padding:0;margin-top:10px}.grid-with-list[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]{padding:0}.grid-with-list[_ngcontent-%COMP%]   .pricelists[_ngcontent-%COMP%]{padding-top:0;--border-color: #c8c7cc;--background-color: var(--ion-color-light)}.grid-with-list[_ngcontent-%COMP%]   ion-list-header[_ngcontent-%COMP%]{font-size:20px;min-height:unset;padding-top:3px;padding-bottom:3px;text-transform:capitalize}.grid-with-list[_ngcontent-%COMP%]   ion-list-header.ios[_ngcontent-%COMP%]{font-weight:500}.grid-with-list[_ngcontent-%COMP%]   ion-list-header[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]{padding:0}.grid-with-list[_ngcontent-%COMP%]   ion-list-header[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]{padding-top:0;padding-bottom:0}.grid-with-list[_ngcontent-%COMP%]   ion-list-header[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:last-child{padding-right:20px}.fab-big-margin.fab-horizontal-end.fab-vertical-bottom[_ngcontent-%COMP%]{bottom:40px;right:20px}.inputs-with-validation[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%], .ion-no-margin.inputs-with-validation[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]{margin:calc(var(--page-margin) / 2) 0px;display:flex;align-items:center;color:var(--ion-color-danger);font-size:14px}.inputs-with-validation[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%], .ion-no-margin.inputs-with-validation[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%]{-webkit-padding-end:calc(var(--page-margin) / 2);padding-inline-end:calc(var(--page-margin) / 2)}ion-footer.two-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]{padding:0}ion-footer.two-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]{padding:0}ion-footer.two-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:first-child{padding-right:1px}ion-footer.two-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:nth-child(2){padding-left:1px}ion-footer.two-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]{margin:0;--border-radius: 0px}ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]{padding:0}ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]{padding:0}ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:first-child, ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:nth-child(2){padding-right:1px}ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:nth-child(2), ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]:nth-child(3){padding-left:1px}ion-footer.three-buttons[_ngcontent-%COMP%]   ion-grid[_ngcontent-%COMP%]   ion-col[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]{margin:0;--border-radius: 0px}.segmentDiv[_ngcontent-%COMP%]{margin:10px 14px}.segmentDiv[_ngcontent-%COMP%]   ion-segment.ios[_ngcontent-%COMP%]{margin:0 auto!important;background-clip:content-box;--background: transparent !important;border:1px solid var(--ion-color-primary)}.segmentDiv[_ngcontent-%COMP%]   ion-segment.ios[_ngcontent-%COMP%]   ion-segment-button.ios[_ngcontent-%COMP%]{--indicator-color: var(--ion-color-primary, #3880ff) !important;opacity:1.5!important;font-size:16px;padding-top:3px;padding-bottom:3px;margin-top:-1px;margin-bottom:-1px}.full-width-input[_ngcontent-%COMP%]{width:100%}"]}),o})();var E=i(6443);function V(o,c){if(1&o&&(t.TgZ(0,"ion-label",9),t._uU(1),t._UZ(2,"ion-icon",10),t.qZA()),2&o){const n=t.oxw();t.ekj("gray-labels",!n.selectedContact.id),t.xp6(1),t.hij("",n.selectedContact.name[0]||n.selectedContact.id||n.placeholderText," ")}}function D(o,c){if(1&o){const n=t.EpF();t.TgZ(0,"ion-col",11)(1,"div")(2,"ion-button",12),t.NdJ("click",function(){return t.CHM(n),t.oxw().onAddContact()}),t._UZ(3,"ion-icon",13),t.qZA()()()}}const Z=function(o){return[o]};function I(o,c){if(1&o&&(t.TgZ(0,"ion-row",14)(1,"ion-col",15)(2,"ion-item",16)(3,"ion-label",17),t._uU(4),t.qZA()(),t.TgZ(5,"ion-item",16)(6,"ion-label",17),t._uU(7),t.TgZ(8,"a",18),t._uU(9,"View"),t.qZA()()()()()),2&o){const n=t.oxw();

1t.xp6(4),t.hij("Email: ",n.selectedContact.email,""),t.xp6(3),t.hij("Phone: ",n.selectedContact.phone," | "),t.xp6(1),t.Q6J("routerLink",t.VKq(3,Z,"/members/customers/view/"+n.selectedContact.wid))}}let N=(()=>{class o{constructor(n){this.modalCtrl=n,this.customAlertOptions={header:"Select your contact"},this.placeholderText="Contact",this.isSameContact=!1,this.clickAddContact=new t.vpe,this.contactSelected=new t.vpe}ngOnChanges(n){n.defaultValue&&n.defaultValue.previousValue!==n.defaultValue.currentValue&&(console.log("Previous default value ",n.defaultValue.previousValue),console.log("Current default value ",n.defaultValue.currentValue),(!n.defaultValue.previousValue&&n.defaultValue.currentValue||JSON.stringify(n.defaultValue.previousValue)!==JSON.stringify(n.defaultValue.currentValue))&&this.onSelectContact(n.defaultValue.currentValue)),n.role&&n.role.previousValue!==n.role.currentValue&&(console.log("Previous role value ",n.role.previousValue),console.log("Current role value ",n.role.currentValue),n.role.currentValue&&this.setSelectedContact())}ngOnInit(){!1!==this.showButton&&(this.showButton=!0),this.setContactSubject&&this.setContactSubject.subscribe(n=>{n&&this.setSelectedContact()})}setSelectedContact(){this.defaultValue=this.role.contact,this.selectedContact=this.role.id&&this.role.contact?this.role.contact:{id:null,name:[]}}onAddContact(){this.clickAddContact.emit()}onSelectContact(n){console.log("Contact ",n),this.contactSelected.emit({type:this.role.type,contactData:n}),this.selectedContact=n}isNotSameOrOwner(){return!this.isSameContact||this.role.type===O.N.Owner}

1onOpenContactsModal(){return(0,g.mG)(this,void 0,void 0,function*(){const n=yield this.modalCtrl.create({component:y,cssClass:"cartConfirmationModal",componentProps:{selectedContact:this.selectedContact}});yield n.present(),n.onDidDismiss().then(e=>{e&&e.data&&this.onSelectContact(e.data)})})}}return o.\u0275fac=function(n){return new(n||o)(t.Y36(a.IN))},o.\u0275cmp=t.Xpm({type:o,selectors:[["app-contacts-row"]],inputs:{role:"role",setContactSubject:"setContactSubject",defaultValue:"defaultValue",showButton:"showButton",isSameContact:"isSameContact"},outputs:{clickAddContact:"clickAddContact",contactSelected:"contactSelected"},features:[t.TTD],decls:10,vars:6,consts:[[1,"over-padding","contact-row"],[3,"size"],["lines","none",1,"input-item"],["position","stacked",1,"contact-role-label"],[1,"input-item",3,"click"],["class","select-label",3,"gray-labels",4,"ngIf"],["type","hidden","name","contact-id",3,"value"],["size","3",4,"ngIf"],["class","over-padding",4,"ngIf"],[1,"select-label"],["name","play",1,"end-icon"],["size","3"],["color","tertiary",3,"click"],["slot","icon-only","name","add"],[1,"over-padding"],["size","12"],["lines","none"],[1,"ion-no-margin"],["routerDirection","forward",1,"ion-text-uppercase",3,"routerLink"]],template:function(n,e){1&n&&(t.TgZ(0,"ion-row",0)(1,"ion-col",1)(2,"ion-item",2)(3,"ion-label",3),t._uU(4),t.qZA()(),t.TgZ(5,"ion-item",4),t.NdJ("click",function(){return e.onOpenContactsMo

1dal()}),t.YNc(6,V,3,3,"ion-label",5),t._UZ(7,"input",6),t.qZA()(),t.YNc(8,D,4,0,"ion-col",7),t.qZA(),t.YNc(9,I,10,5,"ion-row",8)),2&n&&(t.xp6(1),t.Q6J("size",e.showButton?"9":"12"),t.xp6(3),t.hij("",e.role.name,":"),t.xp6(2),t.Q6J("ngIf",e.selectedContact),t.xp6(1),t.Q6J("value",e.defaultValue?e.defaultValue.id:""),t.xp6(1),t.Q6J("ngIf",e.showButton),t.xp6(1),t.Q6J("ngIf",!e.showButton&&e.isNotSameOrOwner()&&e.selectedContact))},directives:[a.Nd,a.wI,a.Ie,a.Q$,s.O5,a.gu,a.YG,a.Fo,E.yS],styles:[".over-padding[_ngcontent-%COMP%]{padding-left:15px;padding-right:15px}.over-padding[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]{--min-height: 30px;font-size:14px}.over-padding[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]{margin-top:5px;margin-bottom:5px}.contact-row[_ngcontent-%COMP%]{align-items:center}.contact-row[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]{height:50px;font-size:30px;padding-left:0;padding-right:0;margin-top:20px}.contact-row[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%]{margin-right:-30px;margin-left:-30px}.contact-row[_ngcontent-%COMP%]   ion-select[_ngcontent-%COMP%]{font-size:16px}.contact-role-label[_ngcontent-%COMP%]{color:#636363;font-weight:lighter}.contact-role-label.md[_ngcontent-%COMP%]{font-size:22px}.contact-role-label.ios[_ngcontent-%COMP%]{font-size:19px}.select-label[_ngcontent-%COMP%]{margin-top:10px;display:flex;align-items:center;font-size:15px}.select-label[_ngcontent-%COMP%]   .end-icon[_ngcontent-%COMP%]{margin-right:-15px;position:absolute;right:15px;transform:rotate(90deg);height:10px}.gray-labels[_ngcontent-%COMP%]{color:var(--ion-color-medium)}"]}),o})()},1758:(S,m,i)=>{i.d(m,{Q:()=>b});var g=i(9808),t=i(9102),O=i(6443),a=i(3075),C=i(9863);let P=(()=>{class l{}return l.\u0275fac=function(p){return new(p||l)},l.\u0275mod=C.oAB({type:l}),l.\u0275inj=C.cJS({imports:[[g.ez,t.Pc,a.u5]]}),l})(),b=(()=>{class l{}return l.\u0275fac=function(p){return new(p||l)},l.\u0275mod=C.oAB({type:l}),l.\u0275inj=C.cJS({imports:[[g.ez,t.Pc,O.Bz,P]]}),l})()},3038:(S,m,i)=>{i.d(m,{N:()=>g});var g=(()=>{return(t=g||(g={}))[t.Owner=0]="Owner",t[t.Admin=1]="Admin",t[t.Technical=2]="Technical",t[t.Billing=3]="Billing",g;var t})()},407:(S,m,i)=>{i.d(m,{P:()=>T});var g=i(520),t=i(591),O=i(1086),a=i(567),C=i(4850),P=i(2994),b=i(7781),l=i(7279),f=i(2554),p=i(9863);let T=(()=>{class h extends f.d{constructor(s){super(),this.api=s,this.MY_CONTACTS="my-contacts",this.contactsChangedSubject=ne

1w t.X(!1),this.apiToUse=l.i.Gateway,this.contactsChanged$=this.contactsChangedSubject.asObservable()}getAllContacts(){const s=(new g.LE).set("limit","9999");return this.api.get("contacts/",{params:s},this.apiToUse).pipe((0,C.U)(r=>{if(console.log("Get all contacts, ",r),r&&r.results)return{data:r.results,count:r.count}}))}getAllContactsPaged(s,r,x){let d=this.calculateRequestParams(this.MY_CONTACTS,x,50,void 0);if(r&&(d=d.set("search",r)),s)switch(s){case"recent":d=d.set("ordering","-cdate");break;case"inactive":d=d.set("linked","false")}return this.api.get("contacts/",{params:d},this.apiToUse).pipe((0,C.U)(_=>{if(console.log("Get all contacts, ",_),_&&_.results)return this.updateNextRequestParams(this.MY_CONTACTS,_),{data:_.results,count:_.count}}))}getContactDetails(s){return this.api.get(`contacts/${s}/`,void 0,this.apiToUse)}createNewContact(s){return s?this.api.post("contacts/",s,void 0,this.apiToUse).pipe((0,P.b)(()=>{this.contactsChangedSubject.next(!0)})):(0,O.of)(null)}delete(s){return this.api.delete(`contacts/${s}/`,void 0,this.apiToUse).pipe((0,P.b)(()=>{this.contactsChangedSubject.next(!0)}))}deleteMultipleContacts(s){if(s.length>0){const r=s.map(d=>this.api.delete(`contacts/${d}/`,void 0,this.apiToUse)),x=(new Date).getTime();return(0,a.D)(r).pipe((0,b.A)(),(0,C.U)(d=>[d.timestamp-x,d.value]))}}updateContact(s){return s?this.api.put(`contacts/${s.wid}/`,s,void 0,this.apiToUse):(0,O.of)(null)}}return h.\u0275fac=function(s){return new(s||h)(p.LFG(l.O))},h.\u0275prov=p.Yz7({token:h,factory:h.\u0275fac,providedIn:"root"}),h})()}}]);