1"use strict";(self.webpackChunkchatmamba=self.webpackChunkchatmamba||[]).push([["default-src_app_main_whatsapp-bot_flow-ui_flow-definitions_flow-definitions_service_ts-src_ap-8788c5"],{79277:(lt,P,_)=>{_.d(P,{f:()=>v});var t=_(94650),c=_(21281),W=_(36895),s=_(24006),S=_(84385),f=_(59549),m=_(61135),G=_(77579),Y=_(39841),J=_(54004),b=_(95698),q=_(82722),L=_(33231),I=_(59378),$=_(12687),X=_(3238);const T=["cmSelect"],w=function(){return{standalone:!0}};function u(Z,B){if(1&Z){const g=t.EpF();t.TgZ(0,"mat-option")(1,"ngx-mat-select-search",4),t.NdJ("ngModelChange",function(U){t.CHM(g);const E=t.oxw();return t.KtG(E.search$.next(U))}),t.qZA()()}2&Z&&(t.xp6(1),t.Q6J("ngModelOptions",t.DdM(3,w))("noEntriesFoundLabel","No result found")("placeholderLabel","Search"))}function p(Z,B){if(1&Z&&(t.TgZ(0,"mat-option",5),t._uU(1),t.qZA()),2&Z){const g=B.$implicit;t.Udp("border-left-color",g.color||"transparent"),t.ekj("border-l-8",g.color),t.Q6J("value",g.id)("disabled",g.disabled),t.xp6(1),t.hij(" ",g.name," ")}}let v=(()=>{class Z{constructor(g,C,U,E,mt){this.fb=g,this.fm=C,this.elRef=U,this.injector=E,this.ngControl=mt,this.options$=new m.X([]),this.allowUnselect$=new m.X(!0),this.multiple$=new m.X(!1),this.selectionChange=new t.vpe,this.selectFormControl=this.fb.control(""),this.stateChanges=new G.x,this.controlType="cm-select",this.isSelectPanelOpened=!1,this.focused=!1,this._required=!1,this._disabled=!1,this.id="cm-select-"+Z.nextId++,this.search$=new m.X(null),this._value=[],this.destroy$=new G.x,this.onChange=()=>{},this.onTouch=()=>{this.selectFormControl.markAsTouched()},null!=this.ngControl&&(this.ngControl.valueAccessor=this),C.monitor(U,!0).subscribe(gt=>{this.focused=!!gt,this.stateChanges.next()})}set options(g){g&&this.options$.next(g)}set allowUnselect(g){this.allowUnselect$.next(g)}set multiple(g){this.multiple$.next(g)}get errorState(){return null!==this.selectFormControl.errors&&(this.selectFormControl.touched||this.ngControl?.touched)}get placeholder(){return this._placeholder}set placeholder(g){this._placeholder=g,this.stateChanges.next()}get required(){return this._required}set required(g){this._required=(0,c.Ig)(g),this._required?this.selectFormControl.addValidators(s.kI.required):this.selectFormControl.removeValidators(s.kI.required),this.selectFormControl.updateValueAndValidity({emitEvent:!1}),this.stateChanges.next()}get disabled(){return this._disabled}set disabled(g){this._disabled=(0,c.Ig)(g),this.stateChanges.next()}get empty(){return(0,I.Z)(this.value)}get shouldLabelFloat(){return this.isSelectPanelOpened||!this.empty}set value(g){this._value=g,this.onChange(g)}get value(){return this._value}ngOnInit(){this.filteredOptions$=(0,Y.a)([this.search$,this.options$,this.allowUnselect$,this.multiple$]).pipe((0,J.U)(([g,C,U,E])=>{if(!g)return U&&!E?[{id:null,name:"---",disabled:!1,color:"transparent"},...C]:C;const mt=g.toLowerCase();return C.filter(gt=>gt.name.toLowerCase().includes(mt))})),this.multiple$.pipe((0,b.q)(1)).subscribe({next:g=>{g&&(this.max&&this.selectFormControl.addValidators(s.kI.maxLength(this.max)),this.min&&this.selectFormControl.addValidators(s.kI.minLength(this.min)))}}),this.selectFormControl.valueChanges.pipe((0,q.R)(this.destroy$)).subscribe({next:g=>this.value=g}),this.required=this.ngControl?.control.hasValidator(s.kI.required)}ngDoCheck(){this.ngControl?.touched&&!this.selectFormControl.touched&&this.stateChanges.next()}ngOnDestroy(){this.destroy$.next(!0),this.stateChanges.complete()}writeValue(g){this._value=g,this.selectFormControl.setValue(g,{emitEvent:!1})}registerOnChange(g){this.onChange=g}registerOnTouched(g){this.onTouch=g}setDisabledState(g){g?this.selectFormControl.disable():this.selectFormControl.enable()}setDescribedByIds(g){this.elRef.nativeElement.querySelector(".cm-select").setAttribute("aria-describedby",g.join(" "))}onContainerClick(){this.cmSelect.open()}onOpenedChange(g){this.isSelectPanelOpened=g,g||this.stateChanges.next()}onSelectionChange(g){this.selectionChange.emit({value:g.value})}}return Z.nextId=0,Z.\u0275fac=function(g){return new(g||Z)(t.Y36(s.qu),t.Y36($.tE),t.Y36(t.SBq),t.Y36(t.zs3),t.Y36(s.a5,10))},Z.\u0275cmp=t.Xpm({type:Z,selectors:[["cm-select"]],viewQuery:function(g,C){if
1(1&g&&t.Gf(T,5),2&g){let U;t.iGM(U=t.CRH())&&(C.cmSelect=U.first)}},hostVars:3,hostBindings:function(g,C){2&g&&(t.Ikx("id",C.id),t.ekj("floating",C.shouldLabelFloat))},inputs:{options:"options",allowUnselect:"allowUnselect",multiple:"multiple",max:"max",min:"min",placeholder:"placeholder",required:"required",disabled:"disabled",userAriaDescribedBy:["aria-describedby","userAriaDescribedBy"]},outputs:{selectionChange:"selectionChange"},standalone:!0,features:[t._Bn([{provide:f.Eo,useExisting:Z}]),t.jDz],decls:7,vars:11,consts:[[1,"cm-select",3,"formControl","disabled","multiple","openedChange","selectionChange"],["cmSelect",""],[4,"ngIf"],[3,"border-l-8","border-left-color","value","disabled",4,"ngFor","ngForOf"],["ngModel","",3,"ngModelOptions","noEntriesFoundLabel","placeholderLabel","ngModelChange"],[3,"value","disabled"]],template:function(g,C){if(1&g&&(t.TgZ(0,"mat-select",0,1),t.NdJ("openedChange",function(E){return C.onOpenedChange(E)})("selectionChange",function(E){return C.onSelectionChange(E)}),t.ALo(2,"async"),t.YNc(3,u,2,4,"mat-option",2),t.ALo(4,"async"),t.YNc(5,p,2,7,"mat-option",3),t.ALo(6,"async"),t.qZA()),2&g){let U;t.Q6J("formControl",C.selectFormControl)("disabled",C.disabled)("multiple",t.lcZ(2,5,C.multiple$)),t.xp6(3),t.Q6J("ngIf",(null==(U=t.lcZ(4,7,C.options$))?null:U.length)>6),t.xp6(2),t.Q6J("ngForOf",t.lcZ(6,9,C.filteredOptions$))}},dependencies:[W.ez,W.sg,W.O5,W.Ov,s.u5,s.JJ,s.On,s.UX,s.oH,L.Co,L.nu,S.LD,S.gD,X.ey],encapsulation:2,changeDetection:0}),Z})()},23924:(lt,P,_)=>{_.d(P,{M:()=>s});var t=_(94650);let c=(()=>{class S{constructor(){this.availableCardTypes=["message","typing_delay","recording_delay","media","video","audio","attachment","process_reply","crm","redirect","subscribe_sequence","unsubscribe_sequence","set_attribute","remove_attribute","delay","if_else","poll","ab_testing"],this.supportShareFlow=!0,this.supportSendTestMessage=!0}}return S.\u0275fac=function(m){return new(m||S)},S.\u0275prov=t.Yz7({token:S,factory:S.\u0275fac,providedIn:"root"}),S})(),W=(()=>{class S{constructor(){this.availableCardTypes=["message","media","video","audio","attachment","waba_template","waba_quick_reply","waba_list","waba_request_contact_info","process_reply","redirect","subscribe_sequence","unsubscribe_sequence","delay","ab_testing","sticker"],this.supportShareFlow=!1,this.supportSendTestMessage=!1}}return S.\u0275fac=function(m){return new(m||S)},S.\u0275prov=t.Yz7({token:S,factory:S.\u0275fac,providedIn:"root"}),S})(),s=(()=>{class S{constructor(m,G){this.waBot=m,this.waCloud=G,this.definitions={wa_bot:this.waBot,wa_cloud:this.waCloud}}get(m){const G=this.definitions[m];if(!G)throw new Error(`Definition for ${m} does not exists`);return G}}return S.\u0275fac=function(m){return new(m||S)(t.LFG(c),t.LFG(W))},S.\u0275prov=t.Yz7({token:S,factory:S.\u0275fac,providedIn:"root"}),S})()},1638:(lt,P,_)=>{_.d(P,{$:()=>Ju});var t=_(94650),c=_(36895),W=_(84080),s=_(24006),S=_(23267),f=_(97392),m=_(4859),G=_(44850),Y=_(28255),J=_(10266),b=_(59549),q=_(44144),L=_(96338),I=_(61135),$=_(68675),X=_(78372),T=_(54004),w=_(77579),u=_(39300),p=_(82722),v=_(23601),Z=_(39646),B=_(34782),g=_(54968),C=_(95698),U=_(11365),E=_(75443),mt=_(20113),gt=_(22957);const qt=function ne(o,r){return(0,mt.Z)((0,gt.Z)(o,r),1/0)};var oe=_(45840),xt=_(28713),K=_(41206),H=_(71884),It=_(63900),rt=_(91005),kt=_(79277);let tt=(()=>{class o{constructor(e,n){this.elementRef=e,this.renderer=n}ngOnInit(){this.renderer.setProperty(this.elementRef.nativeElement,"draggable","true"),this.renderer.setAttribute(this.elementRef.nativeElement,"id",`edge-starting-point-${this.edgeStartingPoint}`)}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(t.SBq),t.Y36(t.Qsj))},o.\u0275dir=t.lG2({type:o,selectors:[["","edgeStartingPoint",""]],inputs:{edgeStartingPoint:"edgeStartingPoint"},standalone:!0}),o})(),Mt=(()=>{class o{constructor(e,n){this.elementRef=e,this.renderer=n}ngOnInit(){this.renderer.setProperty(this.elementRef.nativeElement,"draggable","true"),this.renderer.setAttribute(this.elementRef.nativeElement,"id",`node-${this.nodeDragHandler}`)}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(t.SBq),t.Y36(t.Qsj))},o.\u0275dir=t.lG2({type:o,selectors:[["","nodeDragHandler",""]],inputs:{nodeDragHandler:"nodeDragHandler"},standalone:!0}),o})();var st=_(92538),et=_(7038),ut=_(55247),A=_(48498);function ie(o,r){1&o&&t._UZ(0,"div",12)}function re(o,r){if(1&o&&(t.TgZ(0,"div",13)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",14),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf;t.xp6(4),t.hij("Unable to fetch image. ",e.error,"")}}function ae(o,r){if(1&o&&(t.TgZ(0,"img",15),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t.qZA()),2&o){const e=t.oxw().ngIf;t.Q6J("src",e.url,t.LSH)}}function le(o,r){if(1&o&&(t.TgZ(0,"div",7),t.ynx(1,8),t.YNc(2,ie,1,0,"div",9),t.YNc(3,re,5,1,"div",10),t.YNc(4,ae,1,1,"img",11),t.BQk(),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function ce(o,r){if(1&o&&(t.ynx(0),t.YNc(1,le,5,4,"div",6),t.ALo(2,"async"),t.ALo(3,"storageMedia"),t.BQk()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngIf",t.lcZ(2,1,t.lcZ(3,3,e)))}}function se(o,r){1&o&&(t.TgZ(0,"div",16)(1,"span",17),t._uU(2,"No selected image"),t.qZA()())}function ue(o,r){if(1&o&&(t.TgZ(0,"div",18),t.NdJ("wheel",function(n){return n.stopPropagation()}),t._UZ(1,"span",19),t.ALo(2,"waMessage"),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("innerHTML",t.lcZ(2,1,e),t.oJD)}}let de=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"media",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-media"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:11,vars:4,consts:[[1,"flex","flex-col","gap-2"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["class","px-2 py-1
1whitespace-pre-wrap bg-gray-200 dark:bg-slate-600 dark:text-gray-50 max-h-40 overflow-y-auto",3,"wheel",4,"ngIf"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["class","h-52 flex items-center justify-center",4,"ngIf"],[1,"h-52","flex","items-center","justify-center"],[3,"ngSwitch"],["class","h-40 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],["class","h-full w-full object-contain",3,"src","contextmenu",4,"ngSwitchCase"],[1,"h-40","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],[1,"h-full","w-full","object-contain",3,"src","contextmenu"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"italic"],[1,"px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[1,"select-all","sm:select-text",3,"innerHTML"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,ce,4,5,"ng-container",1),t.YNc(2,se,3,0,"ng-template",null,2,t.W1O),t.YNc(4,ue,3,3,"div",3),t.TgZ(5,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(6,"div",5)(7,"mat-icon"),t._uU(8,"edit"),t.qZA(),t.TgZ(9,"span"),t._uU(10,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(3);t.xp6(1),t.Q6J("ngIf",n.formGroup.value.url)("ngIfElse",i),t.xp6(3),t.Q6J("ngIf",n.formGroup.value.caption),t.xp6(1),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.RF,c.n9,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw,st.d,et.f,ut.x],encapsulation:2,changeDetection:0}),o})();function pe(o,r){if(1&o&&(t.TgZ(0,"span",6),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Oqu(e)}}function _e(o,r){1&o&&(t.TgZ(0,"span",7),t._uU(1,"No selected attachment"),t.qZA())}let me=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1,this.fileName$=new I.X(null)}set formGroup(e){if(e){const{url:n,name:i}=e.value;n&&this.fileName$.next(i),this._formGroup=e}this._formGroup=e}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"attachment",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-attachment"]],inputs:{formGroup:"formGroup",id:"id",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],["class","line-clamp-2",4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"line-clamp-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,pe,2,1,"span",2),t.ALo(3,"async"),t.YNc(4,_e,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.fileName$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw],encapsulation:2,changeDetection:0}),o})();const ge=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function fe(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",8),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"p",9),t._uU(2),t.qZA(),t.TgZ(3,"button",10),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw();t.xp6(2),t.Oqu(e.text),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(4,ge,-1!==n.connectorIds.indexOf(e.id)))}}function he(o,r){1&o&&(t.TgZ(0,"div",11)(1,"div",12)(2,"mat-icon"),t._uU(3,"warning"),t.qZA(),t.TgZ(4,"div",13)(5,"span"),t._uU(6,"This card will not be sent"),t.qZA(),t.TgZ(7,"a",14)(8,"span"),t._uU(9,"Learn More"),t.qZA(),t.TgZ(10,"mat-icon"),t._uU(11,"open_in_new"),t.qZA()()()()())}let be=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}
1showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"message",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-message"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:13,vars:7,consts:[[1,"flex","flex-col","gap-2","relative"],[1,"px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[1,"select-all","sm:select-text",3,"innerHTML"],[1,"flex","flex-col","gap-1"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dark:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["class","absolute w-full h-full bg-gray-300/70 dark:bg-neutral-700/70 flex items-center justify-center",4,"ngIf"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"flex-1","truncate"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"],[1,"absolute","w-full","h-full","bg-gray-300/70","dark:bg-neutral-700/70","flex","items-center","justify-center"],[1,"text-red-800","bg-red-100","py-2","px-3","flex","items-center","gap-2"],[1,"flex","flex-col","items-center"],["target","_blank","href","https://help.chatmamba.com/en/articles/poll-migration","matTooltip","Buttons are replaced with Poll. Click to learn more.",1,"flex","items-center","gap-1","underline","decoration-2","underline-offset-1","decoration-blue-700","text-blue-700"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.NdJ("wheel",function(a){return a.stopPropagation()}
1),t._UZ(2,"span",2),t.ALo(3,"waMessage"),t.qZA(),t.TgZ(4,"div",3),t.YNc(5,fe,4,6,"div",4),t.qZA(),t.TgZ(6,"button",5),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",6)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()(),t.YNc(12,he,12,0,"div",7),t.qZA()),2&e&&(t.xp6(2),t.Q6J("innerHTML",t.lcZ(3,5,n.formGroup.value.message),t.oJD),t.xp6(3),t.Q6J("ngForOf",n.formGroup.value.buttons)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly),t.xp6(6),t.Q6J("ngIf",n.formGroup.value.buttons.length>0))},dependencies:[c.ez,c.mk,c.sg,c.O5,s.UX,f.Ps,f.Hw,m.ot,m.lW,tt,et.f],encapsulation:2,changeDetection:0}),o})();var j=_(39841),At=_(87921);function xe(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Oqu(e)}}function ke(o,r){1&o&&(t.TgZ(0,"span",6),t._uU(1,"No selected CRM"),t.qZA())}let ye=(()=>{class o{constructor(e,n){this._flowUi=e,this._user=n,this.readonly=!1,this.orgs$=new I.X(null),this.owner$=new I.X(null),this.orgId$=new I.X(null),this.orgName$=(0,j.a)([this.orgs$,this.owner$.pipe((0,H.x)()),this.orgId$.pipe((0,H.x)())]).pipe((0,u.h)(([i])=>!!i),(0,T.U)(([i,a,l])=>a===this._user.uid&&l?i.find(d=>d.id===l)?.name||"Unknown":null))}set formGroup(e){if(e){const{owner:n,org_id:i}=e.value;this.owner$.next(n),this.orgId$.next(i),this._formGroup=e}}ngOnInit(){this.context.adapter.listOrganizations().subscribe({next:e=>this.orgs$.next(e)})}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"crm",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(At.K))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-crm"]],inputs:{context:"context",formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,xe,2,1,"span",2),t.ALo(3,"async"),t.YNc(4,ke,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.orgName$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw],encapsulation:2,changeDetection:0}),o})();function ve(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Oqu(e)}}function we(o,r){1&o&&(t.TgZ(0,"span",6),t._uU(1,"No selected Flow"),t.qZA())}let Ce=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1,this.nameMapping$=new I.X(null),this.flowId$=new I.X(null),this.flowName$=(0,j.a)([this.flowId$.pipe((0,u.h)(n=>!!n),(0,H.x)()),this.nameMapping$.pipe((0,u.h)(n=>!!n))]).pipe((0,T.U)(([n,i])=>i[n]||"Unknown"))}set formGroup(e){if(e){const{flow_id:n}=e.value;this.flowId$.next(n),this._formGroup=e}}ngOnInit(){this.context.adapter.getNameMapping().pipe((0,T.U)(e=>e.flow)).subscribe({next:e=>this.nameMapping$.next(e)})}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"redirect",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-redirect"]],inputs:{context:"context",formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,ve,2,1,"span",2),t.ALo(3,"async"),t.YNc(4,we,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.flowName$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();function Te(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Oqu(e)}}function Ze(o,r){1&o&&(t.TgZ(0,"span",6),t._uU(1,"No selected Sequence"),t.qZA())}let Be=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1,this.nameMapping$=new I.X(null),this.sequenceId$=new I.X(null),this.sequenceName$=(0,j.a)([this.sequenceId$.pipe((0,u.h)(n=>
1!!n),(0,H.x)()),this.nameMapping$.pipe((0,u.h)(n=>!!n))]).pipe((0,T.U)(([n,i])=>i[n]||"Unknown"))}set formGroup(e){if(e){const{sequence_id:n}=e.value;this.sequenceId$.next(n),this._formGroup=e}}ngOnInit(){this.context.adapter.getNameMapping().pipe((0,T.U)(e=>e.sequence)).subscribe({next:e=>this.nameMapping$.next(e)})}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"subscribe_sequence",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-subscribe-sequence"]],inputs:{context:"context",formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,Te,2,1,"span",2),t.ALo(3,"async"),t.YNc(4,Ze,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.sequenceName$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();function Ie(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Oqu(e)}}function Ae(o,r){1&o&&(t.TgZ(0,"span",6),t._uU(1,"No selected Sequence"),t.qZA())}let Fe=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1,this.nameMapping$=new I.X(null),this.sequenceId$=new I.X(null),this.sequenceName$=(0,j.a)([this.sequenceId$.pipe((0,u.h)(n=>!!n),(0,H.x)()),this.nameMapping$.pipe((0,u.h)(n=>!!n))]).pipe((0,T.U)(([n,i])=>i[n]||"Unknown"))}set formGroup(e){if(e){const{sequence_id:n}=e.value;this.sequenceId$.next(n),this._formGroup=e}}ngOnInit(){this.context.adapter.getNameMapping().pipe((0,T.U)(e=>e.sequence)).subscribe({next:e=>this.nameMapping$.next({all:"All Sequences",...e})})}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"unsubscribe_sequence",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-unsubscribe-sequence"]],inputs:{context:"context",formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,Ie,2,1,"span",2),t.ALo(3,"async"),t.YNc(4,Ae,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.sequenceName$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();function Ue(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"p",5),t._uU(2," Set "),t.TgZ(3,"span",6),t._uU(4),t.qZA(),t._uU(5," \xa0to "),t.TgZ(6,"span",6),t._uU(7),t.ALo(8,"async"),t.qZA()(),t.BQk()),2&o){const e=r.ngIf,n=t.oxw();t.xp6(4),t.xDo(" ","{","","{","",e,"","}","","}"," "),t.xp6(3),t.hij(" ",t.lcZ(8,6,n.value$)," ")}}function Se(o,r){1&o&&(t.TgZ(0,"div",7)(1,"span",8),t._uU(2,"No selected attribute"),t.qZA()())}let Ge=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}set formGroup(e){e&&(this.attribute$=e.get("attribute_id").valueChanges.pipe((0,$.O)(e.get("attribute_id").value)),this.value$=e.get("value").valueChanges.pipe((0,$.O)(e.get("value").value)),this._formGroup=e)}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"set_attribute",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-set-attribute"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:11,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"break-words","break-all"],[1,"px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,Ue,9,8,"ng-container",1),t.ALo(2,"async"),t.YNc(3,Se,3,0,"ng-template",null,2,t.W1O),t.TgZ(5,"button",3),t.
1NdJ("click",function(){return n.edit()}),t.TgZ(6,"div",4)(7,"mat-icon"),t._uU(8,"edit"),t.qZA(),t.TgZ(9,"span"),t._uU(10,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(4);t.xp6(1),t.Q6J("ngIf",t.lcZ(2,3,n.attribute$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw],encapsulation:2,changeDetection:0}),o})();function qe(o,r){1&o&&t._UZ(0,"div",11)}function Me(o,r){if(1&o&&(t.TgZ(0,"div",12)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",13),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf;t.xp6(4),t.hij("Unable to fetch sticker. ",e.error,"")}}function We(o,r){if(1&o&&(t.TgZ(0,"img",14),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t.qZA()),2&o){const e=t.oxw().ngIf;t.Q6J("src",e.url,t.LSH)}}function Ne(o,r){if(1&o&&(t.TgZ(0,"div",6),t.ynx(1,7),t.YNc(2,qe,1,0,"div",8),t.YNc(3,Me,5,1,"div",9),t.YNc(4,We,1,1,"img",10),t.BQk(),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function Je(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Ne,5,4,"div",5),t.ALo(2,"async"),t.ALo(3,"storageMedia"),t.BQk()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngIf",t.lcZ(2,1,t.lcZ(3,3,e)))}}function $e(o,r){1&o&&(t.TgZ(0,"div",15)(1,"span",16),t._uU(2,"No selected sticker"),t.qZA()())}let Qe=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"sticker",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-sticker"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:10,vars:3,consts:[[1,"flex","flex-col","gap-2"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["class","h-14 flex items-center justify-center",4,"ngIf"],[1,"h-14","flex","items-center","justify-center"],[3,"ngSwitch"],["class","h-14 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],["class","h-full w-full object-contain","type","image/webp",3,"src","contextmenu",4,"ngSwitchCase"],[1,"h-14","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],["type","image/webp",1,"h-full","w-full","object-contain",3,"src","contextmenu"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,Je,4,5,"ng-container",1),t.YNc(2,$e,3,0,"ng-template",null,2,t.W1O),t.TgZ(4,"button",3),t.NdJ("click",function(){return n.edit()}),t.TgZ(5,"div",4)(6,"mat-icon"),t._uU(7,"edit"),t.qZA(),t.TgZ(8,"span"),t._uU(9,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(3);t.xp6(1),t.Q6J("ngIf",n.formGroup.value.url)("ngIfElse",i),t.xp6(3),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.RF,c.n9,c.Ov,f.Ps,f.Hw,m.ot,m.lW,ut.x],encapsulation:2,changeDetection:0}),o})();function Ee(o,r){if(1&o&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.xDo(" ","{","","{","",e,"","}","","}"," ")}}function Oe(o,r){1&o&&(t.TgZ(0,"span",6),t._uU(1,"No selected attribute"),t.qZA())}let De=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}set formGroup(e){e&&(this.attribute$=e.get("attribute_id").valueChanges.pipe((0,$.O)(e.get("attribute_id").value)),this._formGroup=e)}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"remove_attribute",content:this._formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-remove-attribute"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:12,vars:5,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,Ee,2,5,"span",2),t.ALo(3,"async"),t.YNc(4,Oe,2,0,"ng-template",null,3,t.W1O),t.qZA(),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(5);t.xp6(2),t.Q6J("ngIf",t.lcZ(3,3,n.attribute$))("ngIfElse",i),t.xp6(4),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();function Ye(o,r){1&o&&t._UZ(0,"div",11)}function Re(o,r){if(1&o&&(t.TgZ(0,"div",12)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",13),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf;t.xp6(4),t.hij("Unable to fetch audio. ",e.error,"")}}function Le(o,r){if(1&o&&(t.TgZ(0,"audio",14),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t._UZ(1,"source",15),t.qZA()),2&o){const e=t.oxw().ngIf;t.xp6(1),t.Q6J("src",e.url,t.LSH)}}function Pe(o,r){if(1&o&&(t.TgZ(0,"div",6),t.ynx(1,7),t.YNc(2,Ye,1,0,"div",8),t.YNc(3,Re,5,1,"div",9),t.YNc(4,Le,2,1,"audio",10),t.BQk(),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function Ke(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Pe,5,4,"div",5),t.ALo(2,"async"),t.ALo(3,"storageMedia"),t.BQk()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngIf",t.lcZ(2,1,t.lcZ(3,3,e)))}}function He(o,r){1&o&&(t.TgZ(0,"div",16)(1,"span",17),t._uU(2,"No selected audio"),t.qZA()())}let je=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"audio",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-audio"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:10,vars:3,consts:[[1,"flex","flex-col","gap-2"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["class","h-14 flex items-center justify-center",4,"ngIf"],[1,"h-14","flex","items-center","justify-center"],[3,"ngSwitch"],["class","h-14 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],["controls","","class","w-full",3,"contextmenu",4,"ngSwitchCase"],[1,"h-14","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],["controls","",1,"w-full",3,"contextmenu"],["type","audio/mpeg",3,"src"],[1,"self-start","px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,Ke,4,5,"ng-container",1),t.YNc(2,He,3,0,"ng-template",null,2,t.W1O),t.TgZ(4,"button",3),t.
1NdJ("click",function(){return n.edit()}),t.TgZ(5,"div",4)(6,"mat-icon"),t._uU(7,"edit"),t.qZA(),t.TgZ(8,"span"),t._uU(9,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(3);t.xp6(1),t.Q6J("ngIf",n.formGroup.value.url)("ngIfElse",i),t.xp6(3),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.RF,c.n9,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw,st.d,ut.x],encapsulation:2,changeDetection:0}),o})();var Q=_(84385),ft=_(81379),ht=_(82746);function Ve(o,r){if(1&o&&(t.TgZ(0,"div",11)(1,"span",12),t._uU(2),t.qZA()()),2&o){const e=r.ngIf;t.xp6(2),t.xDo(" ","{","","{","",e,"","}","","}"," ")}}function ze(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"span",20),t._uU(2),t.qZA(),t.TgZ(3,"span"),t._uU(4,"\xa0"),t.qZA(),t.BQk()),2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e)}}function Xe(o,r){if(1&o&&(t.ynx(0),t._uU(1," Contains the words "),t.YNc(2,ze,5,1,"ng-container",19),t.BQk()),2&o){const e=t.oxw().$implicit;t.xp6(2),t.Q6J("ngForOf",e.keywords)}}function tn(o,r){1&o&&(t.ynx(0),t._uU(1," Doesn't match anything "),t.BQk())}function en(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"span",20),t._uU(2),t.qZA(),t.TgZ(3,"span"),t._uU(4,"\xa0"),t.qZA(),t.BQk()),2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e)}}function nn(o,r){if(1&o&&(t.ynx(0),t._uU(1," or contains the words "),t.YNc(2,en,5,1,"ng-container",19),t.BQk()),2&o){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("ngForOf",e.keywords)}}function on(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2,"Similar to "),t.qZA(),t.TgZ(3,"span",21),t._uU(4),t.qZA(),t.YNc(5,nn,3,1,"ng-container",6),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw(3);t.xp6(4),t.Oqu(n.matchTypeObj[e.type]),t.xp6(1),t.Q6J("ngIf",e.keywords.length>0)}}const Wt=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function rn(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",14)(1,"p",15),t.YNc(2,Xe,3,1,"ng-container",16),t.YNc(3,tn,2,0,"ng-container",16),t.YNc(4,on,6,2,"ng-container",17),t.qZA(),t.TgZ(5,"button",18),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw(3);return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw(3);return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw(3);t.xp6(1),t.Q6J("ngSwitch",e.type),t.xp6(1),t.Q6J("ngSwitchCase","others"),t.xp6(1),t.Q6J("ngSwitchCase","fallback"),t.xp6(2),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(6,Wt,-1!==n.connectorIds.indexOf(e.id)))}}function an(o,r){if(1&o&&(t.ynx(0),t.YNc(1,rn,6,8,"div",13),t.BQk()),2&o){const e=t.oxw().ngIf,n=t.oxw();t.xp6(1),t.Q6J("ngForOf",e)("ngForTrackBy",n.trackByFn)}}function ln(o,r){if(1&o&&(t.ynx(0),t.YNc(1,an,2,2,"ng-container",7),t.BQk()),2&o){const e=r.ngIf;t.oxw();const n=t.MAs(24);t.xp6(1),t.Q6J("ngIf",e.length>0)("ngIfElse",n)}}function cn(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",18),t.NdJ("click",function(i){const l=t.CHM(e).ngIf,d=t.oxw(3);return t.KtG(d.connectorMenu.emit({event:i,fromId:l}))})("contextmenu",function(i){const l=t.CHM(e).ngIf,d=t.oxw(3);return t.KtG(d.edgeMenu.emit({event:i,fromId:l}))}),t.qZA()}if(2&o){const e=r.ngIf,n=t.oxw(3);t.Q6J("edgeStartingPoint",e)("disabled",n.readonly)("ngClass",t.VKq(3,Wt,-1!==n.connectorIds.indexOf(e)))}}function sn(o,r){if(1&o&&(t.TgZ(0,"div",24)(1,"p",25),t._uU(2),t.qZA(),t.YNc(3,cn,1,5,"button",26),t.qZA()),2&o){const e=t.oxw().ngIf;t.xp6(2),t.AsE("Continue after ",e.delay.amount," ",e.delay.unit,"(s)"),t.xp6(1),t.Q6J("ngIf",e.continue_conversation_data.connector)}}function un(o,r){1&o&&t.GkF(0)}function dn(o,r){if(1&o&&(t.ynx(0),t.YNc(1,un,1,0,"ng-container",27),t.BQk()),2&o){t.oxw(2);const e=t.MAs(24);t.xp6(1),t.Q6J("ngTemplateOutlet",e)}}function pn(o,r){if(1&o&&(t.ynx(0)(1,22),t.YNc(2,sn,4,3,"div",23),t.YNc(3,dn,2,1,"ng-container",17),t.BQk()()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.action),t.xp6(1),t.Q6J("ngSwitchCase","continue_conversation")}}function _n(o,r){1&o&&(t.TgZ(0,"span",28),t._uU(1,"-"),t.qZA())}let mn=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.matchTypes=this._flowUi.matchTypes,this.matchTypeObj=(0,ft.Z)((0,ht.Z)(this.matchTypes,"id"),"name"),this.destroy$=new w.x}
1set formGroup(e){e&&(this.noReplySettings$=e.get("no_reply").valueChanges.pipe((0,$.O)(e.get("no_reply").value)),this.attribute$=e.get("collect_answer.attribute_id").valueChanges.pipe((0,$.O)(e.get("collect_answer.attribute_id").value)),this.matchGroups$=e.get("reply_matching").valueChanges.pipe((0,$.O)(e.get("reply_matching").value)),this._formGroup=e)}ngOnInit(){}ngOnDestroy(){this.destroy$.next(!0)}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"process_reply",content:this._formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-process-reply"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:25,vars:12,consts:[[1,"flex","flex-col","gap-4"],[1,"w-full","group/collect-answer"],[1,"flex","flex-col","gap-2"],[1,"text-xs","text-gray-600","dark:text-gray-300"],["class","flex items-center justify-between h-10 gap-4",4,"ngIf","ngIfElse"],[1,"flex","flex-col"],[4,"ngIf"],[4,"ngIf","ngIfElse"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["emptyTpl",""],[1,"flex","items-center","justify-between","h-10","gap-4"],[1,"px-2","py-1","bg-gray-200","dark:bg-slate-600","rounded-2xl","select-all","sm:select-text"],["class","flex items-center gap-1 p-2 bg-gray-200 dark:bg-slate-600 select-all sm:select-text",4,"ngFor","ngForOf","ngForTrackBy"],[1,"flex","items-center","gap-1","p-2","bg-gray-200","dark:bg-slate-600","select-all","sm:select-text"],[1,"flex-1","overflow-x-auto",3,"ngSwitch"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"],[4,"ngFor","ngForOf"],[1,"px-2","bg-gray-300","rounded-2xl","dark:bg-slate-500"],[1,"px-2","rounded-2xl","bg-sky-100","text-sky-900"],[3,"ngSwitch"],["class","flex items-center gap-1 p-2 bg-gray-200 dark:bg-slate-600",4,"ngSwitchCase"],[1,"flex","items-center","gap-1","p-2","bg-gray-200","dark:bg-slate-600"],[1,"flex-1","overflow-x-auto","select-all","sm:select-text"],["type","button","class","w-3 h-3 border-2 border-gray-600 rounded-full dark:border-slate-400 hover:border-sky-500 dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu",4,"ngIf"],[4,"ngTemplateOutlet"],[1,"px-2"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"span",3),t._uU(4,"Save Reply To"),t.qZA(),t.YNc(5,Ve,3,5,"div",4),t.ALo(6,"async"),t.qZA()(),t.TgZ(7,"div",5)(8,"span",3),t._uU(9,"Match Reply"),t.qZA(),t.YNc(10,ln,2,2,"ng-container",6),t.ALo(11,"async"),t.qZA(),t.TgZ(12,"div",5)(13,"span",3),t._uU(14,"If there is no reply"),t.qZA(),t.YNc(15,pn,4,2,"ng-container",7),t.ALo(16,"async"),t.qZA(),t.TgZ(17,"button",8),t.NdJ("click",function(){return n.edit()}),t.TgZ(18,"div",9)(19,"mat-icon"),t._uU(20,"edit"),t.qZA(),t.TgZ(21,"span"),t._uU(22,"Edit"),t.qZA()()()(),t.YNc(23,_n,2,0,"ng-template",null,10,t.W1O)),2&e){const i=t.MAs(24);t.xp6(5),t.Q6J("ngIf",t.lcZ(6,6,n.attribute$))("ngIfElse",i),t.xp6(5),t.Q6J("ngIf",t.lcZ(11,8,n.matchGroups$)),t.xp6(5),t.Q6J("ngIf",t.lcZ(16,10,n.noReplySettings$))("ngIfElse",i),t.xp6(2),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.RF,c.n9,c.ED,c.Ov,s.UX,b.lN,Q.LD,m.ot,m.lW,f.Ps,f.Hw,tt],encapsulation:2,changeDetection:0}),o})();function gn(o,r){1&o&&t._UZ(0,"div",12)}function fn(o,r){if(1&o&&(t.TgZ(0,"div",13)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",14),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf;t.xp6(4),t.hij("Unable to fetch video. ",e.error,"")}}function hn(o,r){if(1&o&&(t.TgZ(0,"video",15),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t._UZ(1,"source",16),t.qZA()),2&o){const e=t.oxw().ngIf;t.xp6(1),t.Q6J("src",e.url,t.LSH)}}function bn(o,r){if(1&o&&(t.TgZ(0,"div",7),t.ynx(1,8),t.YNc(2,gn,1,0,"div",9),t.YNc(3,fn,5,1,"div",10),t.YNc(4,hn,2,1,"video",11),t.BQk(),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function xn(o,r){if(1&o&&(t.ynx(0),t.YNc(1,bn,5,4,"div",6),t.ALo(2,"async"),t.ALo(3,"storageMedia"),t.BQk()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngIf",t.lcZ(2,1,t.lcZ(3,3,e)))}}function kn(o,r){1&o&&(t.TgZ(0,"div",17)(1,"span",18),t._uU(2,"No selected video"),t.qZA()())}function yn(o,r){if(1&o&&(t.TgZ(0,"div",19),t.NdJ("wheel",function(n){return n.stopPropagation()}),t._UZ(1,"span",20),t.ALo(2,"waMessage"),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("innerHTML",t.lcZ(2,1,e),t.oJD)}}let vn=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"video",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-video"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:11,vars:4,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["class","px-2 py-1
1whitespace-pre-wrap bg-gray-200 dark:bg-slate-600 dark:text-gray-50 max-h-40 overflow-y-auto",3,"wheel",4,"ngIf"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["class","h-52 flex items-center justify-center",4,"ngIf"],[1,"h-52","flex","items-center","justify-center"],[3,"ngSwitch"],["class","h-40 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],["controls","","class","h-full w-full object-contain",3,"contextmenu",4,"ngSwitchCase"],[1,"h-40","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],["controls","",1,"h-full","w-full","object-contain",3,"contextmenu"],["type","video/mp4",3,"src"],[1,"px-2","bg-gray-200","dark:bg-slate-600","rounded-2xl"],[1,"italic"],[1,"px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[3,"innerHTML"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,xn,4,5,"ng-container",1),t.YNc(2,kn,3,0,"ng-template",null,2,t.W1O),t.YNc(4,yn,3,3,"div",3),t.TgZ(5,"button",4),t.NdJ("click",function(){return n.edit()}),t.TgZ(6,"div",5)(7,"mat-icon"),t._uU(8,"edit"),t.qZA(),t.TgZ(9,"span"),t._uU(10,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(3);t.xp6(1),t.Q6J("ngIf",n.formGroup.value.url)("ngIfElse",i),t.xp6(3),t.Q6J("ngIf",n.formGroup.value.caption),t.xp6(1),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,c.RF,c.n9,c.Ov,s.UX,m.ot,m.lW,f.Ps,f.Hw,st.d,et.f,ut.x],encapsulation:2,changeDetection:0}),o})();function wn(o,r){if(1&o&&(t.TgZ(0,"p"),t._uU(1),t.qZA()),2&o){const e=t.oxw();
1t.xp6(1),t.AsE(" ",e.formGroup.value.delay_amount," ",e.unitNameMapping[e.formGroup.value.delay_unit]," ")}}function Cn(o,r){1&o&&(t.TgZ(0,"span",5),t._uU(1,"No delay set"),t.qZA())}let Tn=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1,this.unitNameMapping={second:"second(s)",minute:"minute(s)"}}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"delay",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-delay"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:10,vars:3,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],[4,"ngIf","ngIfElse"],["emptyTpl",""],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"italic"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,wn,2,2,"p",1),t.YNc(2,Cn,2,0,"ng-template",null,2,t.W1O),t.TgZ(4,"button",3),t.NdJ("click",function(){return n.edit()}),t.TgZ(5,"div",4)(6,"mat-icon"),t._uU(7,"edit"),t.qZA(),t.TgZ(8,"span"),t._uU(9,"Edit"),t.qZA()()()()),2&e){const i=t.MAs(3);t.xp6(1),t.Q6J("ngIf",n.formGroup.value.delay_amount&&n.formGroup.value.delay_unit)("ngIfElse",i),t.xp6(3),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.O5,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();const Nt=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function Zn(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",2)(1,"p",3),t._uU(2),t.qZA(),t.TgZ(3,"button",4),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw();t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("ngClass",t.VKq(4,Nt,-1!==n.connectorIds.indexOf(e.id)))("disabled",n.readonly)}}let Bn=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"if_else",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-if-else"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:12,vars:9,consts:[[1,"flex","flex-col","gap-2"],["class","flex items-center gap-1 p-2 bg-gray-200 dark:bg-slate-600",4,"ngFor","ngForOf","ngForTrackBy"],[1,"flex","items-center","gap-1","p-2","bg-gray-200","dark:bg-slate-600"],[1,"flex-1","overflow-x-auto","select-all","sm:select-text"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","ngClass","disabled","click","contextmenu"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.YNc(1,Zn,4,6,"div",1),t.TgZ(2,"div",2)(3,"p",3),t._uU(4),t.qZA(),t.TgZ(5,"button",4),t.NdJ("click",function(a){return n.connectorMenu.emit({event:a,fromId:n.formGroup.value.default_branch.id})})("contextmenu",function(a){return n.edgeMenu.emit({event:a,fromId:n.formGroup.value.default_branch.id})}),t.qZA()(),t.TgZ(6,"button",5),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",6)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e&&(t.xp6(1),t.Q6J("ngForOf",n.formGroup.value.branches)("ngForTrackBy",n.trackByFn),t.xp6(3),t.Oqu(n.formGroup.value.default_branch.name),t.xp6(1),t.Q6J("edgeStartingPoint",n.formGroup.value.default_branch.id)("ngClass",t.VKq(7,Nt,-1!==n.connectorIds.indexOf(n.formGroup.value.default_branch.id)))("disabled",n.readonly),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,f.Ps,f.Hw,m.ot,m.lW,tt],encapsulation:2,changeDetection:0}),o})();const In=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function An(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",7),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"p",8),t._uU(2),t.qZA(),t.TgZ(3,"button",9),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw();
1t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(4,In,-1!==n.connectorIds.indexOf(e.id)))}}let Fn=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"poll",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-poll"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:12,vars:6,consts:[[1,"flex","flex-col","gap-2"],[1,"px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[1,"select-all","sm:select-text",3,"innerHTML"],[1,"flex","flex-col","gap-1"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dark:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"flex-1","truncate","select-all","sm:select-text"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.NdJ("wheel",function(a){return a.stopPropagation()}
1),t._UZ(2,"span",2),t.ALo(3,"waMessage"),t.qZA(),t.TgZ(4,"div",3),t.YNc(5,An,4,6,"div",4),t.qZA(),t.TgZ(6,"button",5),t.NdJ("click",function(){return n.edit()}),t.TgZ(7,"div",6)(8,"mat-icon"),t._uU(9,"edit"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.Q6J("innerHTML",t.lcZ(3,4,n.formGroup.value.title),t.oJD),t.xp6(3),t.Q6J("ngForOf",n.formGroup.value.options)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,s.UX,f.Ps,f.Hw,m.ot,m.lW,tt,et.f],encapsulation:2,changeDetection:0}),o})(),Un=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"recording_delay",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-recording-delay"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:9,vars:2,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"p"),t._uU(2),t.qZA(),t.TgZ(3,"button",1),t.NdJ("click",function(){return n.edit()}),t.TgZ(4,"div",2)(5,"mat-icon"),t._uU(6,"edit"),t.qZA(),t.TgZ(7,"span"),t._uU(8,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.hij("",n.formGroup.value.delay_seconds," second(s)"),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})(),Sn=(()=>{class o{constructor(e){this._flowUi=e,this.readonly=!1}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"typing_delay",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-typing-delay"]],inputs:{formGroup:"formGroup",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:9,vars:2,consts:[[1,"flex","flex-col","gap-2","select-all","sm:select-text"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"p"),t._uU(2),t.qZA(),t.TgZ(3,"button",1),t.NdJ("click",function(){return n.edit()}),t.TgZ(4,"div",2)(5,"mat-icon"),t._uU(6,"edit"),t.qZA(),t.TgZ(7,"span"),t._uU(8,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.hij("",n.formGroup.value.delay_seconds," second(s)"),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,s.UX,f.Ps,f.Hw,m.ot,m.lW],encapsulation:2,changeDetection:0}),o})();const Gn=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function qn(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",5),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"div",6)(2,"span"),t._uU(3),t.qZA()(),t.TgZ(4,"p",7),t._uU(5),t.qZA(),t.TgZ(6,"button",8),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw();t.xp6(3),t.hij("",e.percentage,"%"),t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(5,Gn,-1!==n.connectorIds.indexOf(e.id)))}}let Mn=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"ab_testing",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-ab-testing"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:9,vars:3,consts:[[1,"flex","flex-col","gap-2"],[1,"flex","flex-col","gap-1"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dar
1k:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"px-2","rounded-2xl","bg-sky-100","text-sky-800"],[1,"flex-1","truncate","select-all","sm:select-text"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.YNc(2,qn,7,7,"div",2),t.qZA(),t.TgZ(3,"button",3),t.NdJ("click",function(){return n.edit()}),t.TgZ(4,"div",4)(5,"mat-icon"),t._uU(6,"edit"),t.qZA(),t.TgZ(7,"span"),t._uU(8,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.Q6J("ngForOf",n.formGroup.value.variants)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,f.Ps,f.Hw,m.ot,m.lW,tt],encapsulation:2,changeDetection:0}),o})();function Wn(o,r){if(1&o&&(t._UZ(0,"span",13),t.ALo(1,"waMessage")),2&o){const e=t.oxw();t.Q6J("innerHTML",t.lcZ(1,1,e.formGroup.value.header.text),t.oJD)}}function Nn(o,r){1&o&&t.GkF(0)}const Jn=function(o){return{type:"image",storagePath:o}};function $n(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Nn,1,0,"ng-container",17),t.BQk()),2&o){const e=r.ngIf;t.oxw(2);const n=t.MAs(20);t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(2,Jn,e))}}function Qn(o,r){1&o&&(t.TgZ(0,"span",18),t._uU(1,"No selected image"),t.qZA())}function En(o,r){if(1&o&&(t.TgZ(0,"div",14),t.YNc(1,$n,2,4,"ng-container",15),t.YNc(2,Qn,2,0,"ng-template",null,16,t.W1O),t.qZA()),2&o){const e=t.MAs(3),n=t.oxw();t.xp6(1),t.Q6J("ngIf",n.formGroup.value.header.image_url)("ngIfElse",e)}}function On(o,r){1&o&&t.GkF(0)}const Dn=function(o){return{type:"video",storagePath:o}};function Yn(o,r){if(1&o&&(t.ynx(0),t.YNc(1,On,1,0,"ng-container",17),t.BQk()),2&o){const e=r.ngIf;t.oxw(2);const n=t.MAs(20);t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(2,Dn,e))}}function Rn(o,r){1&o&&(t.TgZ(0,"span",18),t._uU(1,"No selected video"),t.qZA())}function Ln(o,r){if(1&o&&(t.TgZ(0,"div",14),t.YNc(1,Yn,2,4,"ng-container",15),t.YNc(2,Rn,2,0,"ng-template",null,19,t.W1O),t.qZA()),2&o){const e=t.oxw();
1t.xp6(1),t.Q6J("ngIf",e.formGroup.value.header.video_url)("ngIfElse",e.mediaPlaceholderTpl)}}function Pn(o,r){if(1&o&&(t.TgZ(0,"span",24),t._uU(1),t.qZA()),2&o){const e=t.oxw(2);t.xp6(1),t.Oqu(e.formGroup.value.header.filename)}}function Kn(o,r){1&o&&(t.TgZ(0,"span",18),t._uU(1,"No selected document"),t.qZA())}function Hn(o,r){if(1&o&&(t.TgZ(0,"div",20)(1,"mat-icon",21),t._uU(2,"docs"),t.qZA(),t.YNc(3,Pn,2,1,"span",22),t.YNc(4,Kn,2,0,"ng-template",null,23,t.W1O),t.qZA()),2&o){const e=t.MAs(5),n=t.oxw();t.xp6(3),t.Q6J("ngIf",n.formGroup.value.header.document_url)("ngIfElse",e)}}const jn=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function Vn(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",25),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"p",26),t._uU(2),t.qZA(),t.TgZ(3,"button",27),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw();t.xp6(2),t.Oqu(e.title),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(4,jn,-1!==n.connectorIds.indexOf(e.id)))}}function zn(o,r){1&o&&t._UZ(0,"div",32)}function Xn(o,r){if(1&o&&(t.TgZ(0,"div",33)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",34),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf,n=t.oxw().type;t.xp6(4),t.AsE("Unable to fetch ",n,". ",e.error,"")}}function to(o,r){if(1&o&&t._UZ(0,"img",37),2&o){const e=t.oxw(2).ngIf;t.Q6J("src",e.url,t.LSH)}}function eo(o,r){if(1&o&&(t.TgZ(0,"video",38),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t._UZ(1,"source",39),t.qZA()),2&o){const e=t.oxw(2).ngIf;t.xp6(1),t.Q6J("src",e.url,t.LSH)}}function no(o,r){if(1&o&&(t.ynx(0)(1,2),t.YNc(2,to,1,1,"img",35),t.YNc(3,eo,2,1,"video",36),t.BQk()()),2&o){const e=t.oxw(2).type;t.xp6(1),t.Q6J("ngSwitch",e),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video")}}function oo(o,r){if(1&o&&(t.ynx(0)(1,2),t.YNc(2,zn,1,0,"div",29),t.YNc(3,Xn,5,2,"div",30),t.YNc(4,no,4,3,"ng-container",31),t.BQk()()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function io(o,r){1&o&&(t.YNc(0,oo,5,4,"ng-container",28),t.ALo(1,"async"),t.ALo(2,"storageMedia")),2&o&&t.Q6J("ngIf",t.lcZ(1,1,t.lcZ(2,3,r.storagePath)))}let ro=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"waba_quick_reply",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-waba-interactive-quick-reply"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:21,vars:14,consts:[[1,"flex","flex-col","gap-2","relative"],[1,"flex","flex-col","px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[3,"ngSwitch"],["class","select-all sm:select-text font-semibold text-lg",3,"innerHTML",4,"ngSwitchCase"],["class","h-52 flex items-center justify-center",4,"ngSwitchCase"],["class","flex items-center gap-2 px-2 bg-gray-200 dark:bg-slate-500 rounded-2xl",4,"ngSwitchCase"],[1,"select-all","sm:select-text",3,"innerHTML"],[1,"select-all","sm:select-text","text-sm","text-gray-600","dark:text-gray-300",3,"innerHTML"],[1,"flex","flex-col","gap-1"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dar
1k:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["mediaTpl",""],[1,"select-all","sm:select-text","font-semibold","text-lg",3,"innerHTML"],[1,"h-52","flex","items-center","justify-center"],[4,"ngIf","ngIfElse"],["mediaPlaceholderTpl",""],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"italic"],["videoPlaceholderTpl",""],[1,"flex","items-center","gap-2","px-2","bg-gray-200","dark:bg-slate-500","rounded-2xl"],[1,"material-symbols-outlined"],["class","line-clamp-2",4,"ngIf","ngIfElse"],["emptyTpl",""],[1,"line-clamp-2"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"flex-1","truncate"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"],[4,"ngIf"],["class","h-40 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],[4,"ngSwitchCase"],[1,"h-40","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],["class","rounded-md",3,"src",4,"ngSwitchCase"],["controls","","class","h-full w-full object-contain",3,"contextmenu",4,"ngSwitchCase"],[1,"rounded-md",3,"src"],["controls","",1,"h-full","w-full","object-contain",3,"contextmenu"],[3,"src"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.NdJ("wheel",function(a){return a.stopPropagation()}),t.ynx(2,2),t.YNc(3,Wn,2,3,"span",3),t.YNc(4,En,4,2,"div",4),t.YNc(5,Ln,4,2,"div",4),t.YNc(6,Hn,6,2,"div",5),t.BQk(),t._UZ(7,"span",6),t.ALo(8,"waMessage"),t._UZ(9,"span",7),t.ALo(10,"waMessage"),t.qZA(),t.TgZ(11,"div",8),t.YNc(12,Vn,4,6,"div",9),t.qZA(),t.TgZ(13,"button",10),t.NdJ("click",function(){return n.edit()}),t.TgZ(14,"div",11)(15,"mat-icon"),t._uU(16,"edit"),t.qZA(),t.TgZ(17,"span"),t._uU(18,"Edit"),t.qZA()()()(),t.YNc(19,io,3,5,"ng-template",null,12,t.W1O)),2&e&&(t.xp6(2),t.Q6J("ngSwitch",n.formGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","document"),t.xp6(1),t.Q6J("innerHTML",t.lcZ(8,10,n.formGroup.value.body),t.oJD),t.xp6(2),t.Q6J("innerHTML",t.lcZ(10,12,n.formGroup.value.footer),t.oJD),t.xp6(3),t.Q6J("ngForOf",n.formGroup.value.buttons)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.RF,c.n9,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW,tt,et.f,ut.x,st.d],encapsulation:2,changeDetection:0}),o})();function ao(o,r){if(1&o&&(t._UZ(0,"span",12),t.ALo(1,"waMessage")),2&o){const e=t.oxw();t.Q6J("innerHTML",t.lcZ(1,1,e.formGroup.value.header.text),t.oJD)}}const lo=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function co(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",15),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw(2);return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"div",16)(2,"p",17),t._uU(3),t.qZA(),t.TgZ(4,"p",18),t._uU(5),t.qZA()(),t.TgZ(6,"button",19),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw(2);return t.KtG(d.connectorMenu.emit({event:i,fromId:l.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw(2);return t.KtG(d.edgeMenu.emit({event:i,fromId:l.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw(2);t.xp6(3),t.Oqu(e.title),t.xp6(2),t.Oqu(e.description),t.xp6(1),t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(5,lo,-1!==n.connectorIds.indexOf(e.id)))}}function so(o,r){if(1&o&&(t.TgZ(0,"div",8)(1,"span",13),t._uU(2),t.qZA(),t.YNc(3,co,7,7,"div",14),t.qZA()),2&o){const e=r.$implicit,n=t.oxw();t.xp6(2),t.Oqu(e.title),t.xp6(1),t.Q6J("ngForOf",e.rows)("ngForTrackBy",n.trackByFn)}}let uo=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}
1showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"waba_list",content:this.formGroup.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-waba-interactive-list"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:19,vars:12,consts:[[1,"flex","flex-col","gap-2","relative"],[1,"flex","flex-col","px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[3,"ngSwitch"],["class","select-all sm:select-text font-semibold text-lg",3,"innerHTML",4,"ngSwitchCase"],[1,"select-all","sm:select-text",3,"innerHTML"],[1,"select-all","sm:select-text","text-sm","text-gray-600","dark:text-gray-300",3,"innerHTML"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50"],[1,"flex-1","truncate"],[1,"flex","flex-col","gap-1"],["class","flex flex-col gap-1",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"select-all","sm:select-text","font-semibold","text-lg",3,"innerHTML"],[1,"select-all","sm:select-text"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dark:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"flex","flex-col","flex-1"],[1,"select-all","sm:select-text","flex-1","truncate"],[1,"select-all","sm:select-text","flex-1","truncate","text-sm","dark:text-gray-300"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.NdJ("wheel",function(a){return a.stopPropagation()}),t.ynx(2,2),t.YNc(3,ao,2,3,"span",3),t.BQk(),t._UZ(4,"span",4),t.ALo(5,"waMessage"),t._UZ(6,"span",5),t.ALo(7,"waMessage"),t.qZA(),t.TgZ(8,"div",6)(9,"p",7),t._uU(10),t.qZA()(),t.TgZ(11,"div",8),t.YNc(12,so,4,3,"div",9),t.qZA(),t.TgZ(13,"button",10),t.NdJ("click",function(){return n.edit()}),t.TgZ(14,"div",11)(15,"mat-icon"),t._uU(16,"edit"),t.qZA(),t.TgZ(17,"span"),t._uU(18,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.Q6J("ngSwitch",n.formGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(1),t.Q6J("innerHTML",t.lcZ(5,8,n.formGroup.value.body),t.oJD),t.xp6(2),t.Q6J("innerHTML",t.lcZ(7,10,n.formGroup.value.footer),t.oJD),t.xp6(4),t.Oqu(n.formGroup.value.list.button),t.xp6(2),t.Q6J("ngForOf",n.formGroup.value.list.sections)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,c.RF,c.n9,s.UX,f.Ps,f.Hw,m.ot,m.lW,tt,et.f],encapsulation:2,changeDetection:0}),o})();function po(o,r){if(1&o&&(t.TgZ(0,"div",13)(1,"mat-icon",14),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"span"),t._uU(4,"Template will not be sent"),t.qZA()()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("matTooltip",e)}}function _o(o,r){if(1&o&&(t._UZ(0,"span",20),t.ALo(1,"waMessage")),2&o){const e=t.oxw().ngIf;t.Q6J("innerHTML",t.lcZ(1,1,e.text),t.oJD)}}function mo(o,r){1&o&&t.GkF(0)}const go=function(o){return{type:"image",storagePath:o}};function fo(o,r){if(1&o&&(t.ynx(0),t.YNc(1,mo,1,0,"ng-container",23),t.BQk()),2&o){const e=r.ngIf;t.oxw(4);const n=t.MAs(10);
1t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(2,go,e))}}function ho(o,r){1&o&&(t.TgZ(0,"span",24),t._uU(1,"No selected image"),t.qZA())}function bo(o,r){if(1&o&&(t.TgZ(0,"div",21),t.YNc(1,fo,2,4,"ng-container",1),t.YNc(2,ho,2,0,"ng-template",null,22,t.W1O),t.qZA()),2&o){const e=t.MAs(3),n=t.oxw().ngIf;t.xp6(1),t.Q6J("ngIf",n.media_id)("ngIfElse",e)}}function xo(o,r){1&o&&t.GkF(0)}const ko=function(o){return{type:"video",storagePath:o}};function yo(o,r){if(1&o&&(t.ynx(0),t.YNc(1,xo,1,0,"ng-container",23),t.BQk()),2&o){const e=r.ngIf;t.oxw(4);const n=t.MAs(10);t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(2,ko,e))}}function vo(o,r){1&o&&(t.TgZ(0,"span",24),t._uU(1,"No selected video"),t.qZA())}function wo(o,r){if(1&o&&(t.TgZ(0,"div",25),t.YNc(1,yo,2,4,"ng-container",1),t.YNc(2,vo,2,0,"ng-template",null,26,t.W1O),t.qZA()),2&o){const e=t.oxw().ngIf,n=t.oxw(2);t.xp6(1),t.Q6J("ngIf",e.media_id)("ngIfElse",n.mediaPlaceholderTpl)}}function Co(o,r){if(1&o&&(t.TgZ(0,"span",30),t._uU(1),t.qZA()),2&o){const e=t.oxw(2).ngIf;t.xp6(1),t.Oqu(e.filename)}}function To(o,r){1&o&&(t.TgZ(0,"span",24),t._uU(1,"No selected document"),t.qZA())}function Zo(o,r){if(1&o&&(t.TgZ(0,"div",27)(1,"mat-icon",28),t._uU(2,"docs"),t.qZA(),t.YNc(3,Co,2,1,"span",29),t.YNc(4,To,2,0,"ng-template",null,5,t.W1O),t.qZA()),2&o){const e=t.MAs(5),n=t.oxw().ngIf;t.xp6(3),t.Q6J("ngIf",n.media_id)("ngIfElse",e)}}function Bo(o,r){if(1&o&&(t.ynx(0)(1,15),t.YNc(2,_o,2,3,"span",16),t.YNc(3,bo,4,2,"div",17),t.YNc(4,wo,4,2,"div",18),t.YNc(5,Zo,6,2,"div",19),t.BQk()()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","document")}}function Io(o,r){if(1&o&&(t.TgZ(0,"span",31),t._uU(1),t.qZA()),2&o){const e=r.ngIf;t.xp6(1),t.hij(" ",e," ")}}const Ao=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function Fo(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",35),t.NdJ("click",function(i){t.CHM(e);const a=t.oxw().$implicit,l=t.oxw(2);return t.KtG(l.connectorMenu.emit({event:i,fromId:a.id}))})("contextmenu",function(i){t.CHM(e);const a=t.oxw().$implicit,l=t.oxw(2);return t.KtG(l.edgeMenu.emit({event:i,fromId:a.id}))}),t.qZA()}if(2&o){const e=t.oxw().$implicit,n=t.oxw(2);t.Q6J("edgeStartingPoint",e.id)("disabled",n.readonly)("ngClass",t.VKq(3,Ao,-1!==n.connectorIds.indexOf(e.id)))}}function Uo(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",32),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw(2);return t.KtG(d.showMenu(i,l.id))}),t.TgZ(1,"p",33),t._uU(2),t.qZA(),t.YNc(3,Fo,1,5,"button",34),t.qZA()}if(2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e.text),t.xp6(1),t.Q6J("ngIf","quick_reply"===e.type)}}function So(o,r){if(1&o&&(t.ynx(0),t.YNc(1,po,5,1,"div",6),t.ALo(2,"async"),t.TgZ(3,"div",7),t.NdJ("wheel",function(n){return n.stopPropagation()}),t.YNc(4,Bo,6,5,"ng-container",8),t._UZ(5,"span",9),t.ALo(6,"waMessage"),t.YNc(7,Io,2,1,"span",10),t.qZA(),t.TgZ(8,"div",11),t.YNc(9,Uo,4,2,"div",12),t.qZA(),t.BQk()),2&o){const e=r.ngIf,n=t.oxw();t.xp6(1),t.Q6J("ngIf",t.lcZ(2,6,n.templateError$)),t.xp6(3),t.Q6J("ngIf",e.header),t.xp6(1),t.Q6J("innerHTML",t.lcZ(6,8,e.body.text),t.oJD),t.xp6(2),t.Q6J("ngIf",e.footer.text),t.xp6(2),t.Q6J("ngForOf",e.buttons)("ngForTrackBy",n.trackByFn)}}function Go(o,r){1&o&&t._UZ(0,"div",39)}function qo(o,r){if(1&o&&(t.TgZ(0,"div",40)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",41),t._uU(4),t.qZA()()),2&o){const e=t.oxw().ngIf,n=t.oxw().type;t.xp6(4),t.AsE("Unable to fetch ",n,". ",e.error,"")}}function Mo(o,r){if(1&o&&t._UZ(0,"img",44),2&o){const e=t.oxw(2).ngIf;t.Q6J("src",e.url,t.LSH)}}function Wo(o,r){if(1&o&&(t.TgZ(0,"video",45),t.NdJ("contextmenu",function(n){return n.stopPropagation()}),t._UZ(1,"source",46),t.qZA()),2&o){const e=t.oxw(2).ngIf;t.xp6(1),t.Q6J("src",e.url,t.LSH)}}function No(o,r){if(1&o&&(t.ynx(0)(1,15),t.YNc(2,Mo,1,1,"img",42),t.YNc(3,Wo,2,1,"video",43),t.BQk()()),2&o){const e=t.oxw(2).type;t.xp6(1),t.Q6J("ngSwitch",e),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video")}}function Jo(o,r){if(1&o&&(t.ynx(0)(1,15),t.YNc(2,Go,1,0,"div",36),t.YNc(3,qo,5,2,"div",37),t.YNc(4,No,4,3,"ng-container",38),t.BQk()()),2&o){const e=r.ngIf;t.xp6(1),t.Q6J("ngSwitch",e.state),t.xp6(1),t.Q6J("ngSwitchCase","loading"),t.xp6(1),t.Q6J("ngSwitchCase","error"),t.xp6(1),t.Q6J("ngSwitchCase","success")}}function $o(o,r){1&o&&(t.YNc(0,Jo,5,4,"ng-container",8),t.ALo(1,"async"),t.ALo(2,"storageMedia")),2&o&&t.Q6J("ngIf",t.lcZ(1,1,t.lcZ(2,3,r.storagePath)))}function Qo(o,r){1&o&&(t.TgZ(0,"span",24),t._uU(1,"No Template selected"),t.qZA())}function Eo(o,r){1&o&&(t.TgZ(0,"span",24),t._uU(1,"No Integration selected"),t.qZA())}function Oo(o,r){if(1&o&&(t.YNc(0,Qo,2,0,"span",47),t.ALo(1,"async"),t.YNc(2,Eo,2,0,"span",47),t.ALo(3,"async")),2&o){const e=t.oxw();t.Q6J("ngIf",t.lcZ(1,2,e.integrationId$)),t.xp6(2),t.Q6J("ngIf",!t.lcZ(3,4,e.integrationId$))}}let Do=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.formGroupValue$=new I.X(null),this.integrationId$=new I.X(null),this.template$=new I.X(null),this.templateError$=this.template$.pipe((0,u.h)(n=>
1!!n),(0,T.U)(n=>"active"!==n.status?"Only active template can be sent. It may take up to 24 hours for Meta to approve your Template.":n.out_of_sync?"Template is out of sync. This may happen if you have updated this Template in the WhatsApp Manager. You can update the Template in ChatMamba to re-sync the Template.":null)),this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$,this.destroy$=new w.x}set formGroup(e){e&&this.formGroupValue$.next(e.value)}set integrationId(e){e&&this.integrationId$.next(e)}ngOnInit(){(0,j.a)([this.integrationId$.pipe((0,u.h)(e=>!!e),(0,H.x)()),this.formGroupValue$.pipe((0,u.h)(e=>!!e),(0,T.U)(e=>e.templates))]).pipe((0,T.U)(([e,n])=>n.find(i=>i.integration_id===e)),(0,p.R)(this.destroy$)).subscribe({next:e=>{this.template$.next(e)}})}ngOnDestroy(){this.destroy$.next(!0)}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"waba_template",content:this.formGroupValue$.value}})}trackByFn(e,n){return n.id}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-waba-template"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId",integrationId:"integrationId"},outputs:{connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:13,vars:5,consts:[[1,"flex","flex-col","gap-2","relative"],[4,"ngIf","ngIfElse"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["mediaTpl",""],["emptyTpl",""],["class","bg-yellow-600 text-yellow-100 p-2 flex items-center gap-2",4,"ngIf"],[1,"flex","flex-col","px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[4,"ngIf"],[1,"select-all","sm:select-text",3,"innerHTML"],["class","select-all sm:select-text text-sm text-gray-600 dark:text-gray-300 mt-2",4,"ngIf"],[1,"flex","flex-col","gap-1"],["class","px-3 py-2 flex items-center gap-2 bg-gray-200 dark:bg-slate-600 dark:text-gray-50",3,"mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],[1,"bg-yellow-600","text-yellow-100","p-2","flex","items-center","gap-2"],[3,"matTooltip"],[3,"ngSwitch"],["class","select-all sm:select-text font-semibold text-lg",3,"innerHTML",4,"ngSwitchCase"],["class","h-52 w-full flex justify-center",4,"ngSwitchCase"],["class","h-52 w-full flex items-center justify-center",4,"ngSwitchCase"],["class","flex items-center gap-2 px-2 bg-gray-200 dark:bg-slate-500 rounded-2xl",4,"ngSwitchCase"],[1,"select-all","sm:select-text","font-semibold","text-lg",3,"innerHTML"],[1,"h-52","w-full","flex","justify-center"],["mediaPlaceholderTpl",""],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"italic"],[1,"h-52","w-full","flex","items-center","justify-center"],["videoPlaceholderTpl",""],[1,"flex","items-center","gap-2","px-2","bg-gray-200","dark:bg-slate-500","rounded-2xl"],[1,"material-symbols-outlined"],["class","line-clamp-2",4,"ngIf","ngIfElse"],[1,"line-clamp-2"],[1,"select-all","sm:select-text","text-sm","text-gray-600","dark:text-gray-300","mt-2"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50",3,"mouseenter"],[1,"flex-1","truncate"],["type","button","class","w-3 h-3 border-2 border-gray-600 rounded-full dark:border-slate-400 hover:border-sky-500 dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu",4,"ngIf"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"],["class","h-40 w-full bg-gray-100 dark:bg-neutral-600 animate-pulse",4,"ngSwitchCase"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100",4,"ngSwitchCase"],[4,"ngSwitchCase"],[1,"h-40","w-full","bg-gray-100","dark:bg-neutral-600","animate-pulse"],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100"],[1,"flex-1","line-clamp-2"],["class","rounded-md",3,"src",4,"ngSwitchCase"],["controls","","class","h-full w-full object-contain",3,"contextmenu",4,"ngSwitchCase"],[1,"rounded-md",3,"src"],["controls","",1,"h-full","w-full","object-contain",3,"contextmenu"],[3,"src"],["class","italic",4,"ngIf"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.YNc(1,So,10,10,"ng-container",1),t.ALo(2,"async"),t.TgZ(3,"button",2),t.NdJ("click",function(){return n.edit()}),t.TgZ(4,"div",3)(5,"mat-icon"),t._uU(6,"edit"),t.qZA(),t.TgZ(7,"span"),t._uU(8,"
1Edit"),t.qZA()()()(),t.YNc(9,$o,3,5,"ng-template",null,4,t.W1O),t.YNc(11,Oo,4,6,"ng-template",null,5,t.W1O)),2&e){const i=t.MAs(12);t.xp6(1),t.Q6J("ngIf",t.lcZ(2,3,n.template$))("ngIfElse",i),t.xp6(2),t.Q6J("disabled",n.readonly)}},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.RF,c.n9,c.Ov,s.UX,f.Ps,f.Hw,m.ot,m.lW,J.AV,J.gM,tt,et.f,ut.x,st.d],encapsulation:2,changeDetection:0}),o})(),Yo=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}ngOnInit(){}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,card:{id:this.cardId,type:"waba_request_contact_info",content:this.formGroup.value}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["content-waba-interactive-request-contact-info"]],inputs:{formGroup:"formGroup",connectorIds:"connectorIds",readonly:"readonly",blockId:"blockId",cardId:"cardId"},standalone:!0,features:[t.jDz],decls:13,vars:4,consts:[[1,"flex","flex-col","gap-2","relative"],[1,"flex","flex-col","px-2","py-1","whitespace-pre-wrap","bg-gray-200","dark:bg-slate-600","dark:text-gray-50","max-h-40","overflow-y-auto",3,"wheel"],[1,"select-all","sm:select-text",3,"innerHTML"],[1,"px-3","py-2","flex","items-center","gap-2","bg-gray-200","dark:bg-slate-600","dark:text-gray-50"],[1,"flex-1","truncate"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t.NdJ("wheel",function(a){return a.stopPropagation()}
1),t._UZ(2,"span",2),t.ALo(3,"waMessage"),t.qZA(),t.TgZ(4,"div",3)(5,"p",4),t._uU(6,"Share Contact Info"),t.qZA()(),t.TgZ(7,"button",5),t.NdJ("click",function(){return n.edit()}),t.TgZ(8,"div",6)(9,"mat-icon"),t._uU(10,"edit"),t.qZA(),t.TgZ(11,"span"),t._uU(12,"Edit"),t.qZA()()()()),2&e&&(t.xp6(2),t.Q6J("innerHTML",t.lcZ(3,2,n.formGroup.value.body),t.oJD),t.xp6(5),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,m.ot,m.lW,f.Ps,f.Hw,et.f],encapsulation:2,changeDetection:0}),o})();var O=_(3238);function Ro(o,r){1&o&&(t.TgZ(0,"div",28)(1,"span",29),t._uU(2,"Start"),t.qZA(),t.TgZ(3,"mat-icon"),t._uU(4,"start"),t.qZA()())}function Lo(o,r){1&o&&(t.TgZ(0,"div",30)(1,"p")(2,"span",31),t._uU(3,"Process Reply"),t.qZA(),t._uU(4," card must be placed after "),t.TgZ(5,"span",31),t._uU(6,"Message"),t.qZA(),t._uU(7," card"),t.qZA()())}function Po(o,r){1&o&&(t.TgZ(0,"div",30)(1,"p"),t._uU(2,"You can only have 1 "),t.TgZ(3,"span",31),t._uU(4,"Process Reply"),t.qZA(),t._uU(5," card per block"),t.qZA()())}function Ko(o,r){1&o&&(t.TgZ(0,"div",30)(1,"p")(2,"span",31),t._uU(3,"Process Reply"),t.qZA(),t._uU(4," card must be placed last in the block"),t.qZA()())}function Ho(o,r){1&o&&t.GkF(0)}const jo=function(o){return{"!block":o}};function Vo(o,r){if(1&o&&(t.TgZ(0,"button",42),t.ALo(1,"async"),t.TgZ(2,"mat-icon"),t._uU(3,"drag_indicator"),t.qZA()()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.Q6J("ngClass",t.VKq(3,jo,n.blockFormGroup.value.cards.length>1&&t.lcZ(1,1,n.hoveredElement$)===e.value.id))}}function zo(o,r){1&o&&(t.TgZ(0,"mat-icon",43),t._uU(1,"error_outline"),t.qZA())}function Xo(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-message",44),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function ti(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-typing-delay",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ei(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-recording-delay",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ni(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-media",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function oi(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-video",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ii(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-audio",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function ri(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-attachment",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ai(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-process-reply",46),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("connectorIds",n.connectorIds)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function li(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-crm",47),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("context",n.context)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ci(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-redirect",47),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("context",n.context)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function si(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-subscribe-sequence",47),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("context",n.context)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function ui(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-unsubscribe-sequence",47),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("context",n.context)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function di(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-set-attribute",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function pi(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-remove-attribute",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function _i(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-sticker",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function mi(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"content-delay",45),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function gi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-if-else",48),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("readonly",n.readonly)("connectorIds",n.connectorIds)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function fi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-poll",44),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function hi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-ab-testing",44),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function bi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-waba-interactive-quick-reply",44),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)}}function xi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-waba-interactive-list",44),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)}}function ki(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-waba-template",49),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("cardId",e.value.id)("integrationId",n.state.integrationId)}}function yi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"content-waba-interactive-request-contact-info",49),t.NdJ("connectorMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.connectorMenu.emit(i))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.edgeMenu.emit(i))}),t.qZA(),t.BQk()}if(2&o){const e=t.oxw().$implicit,n=t.oxw();t.xp6(1),t.Q6J("formGroup",e.controls.content)("connectorIds",n.connectorIds)("readonly",n.readonly)("blockId",n.blockFormGroup.value.id)("c
1ardId",e.value.id)("integrationId",n.state.integrationId)}}function vi(o,r){1&o&&t.GkF(0)}const wi=function(o){return{"!border-red-500":o}},Ci=function(o){return{"!flex flex-col items-center justify-center":o}},Ti=function(o){return{index:o}};function Zi(o,r){if(1&o){const e=t.EpF();t.ynx(0),t.TgZ(1,"div",32),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.value.id))}),t.ynx(2,33),t.TgZ(3,"div",34),t.ALo(4,"async"),t.TgZ(5,"button",35),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw();return t.KtG(l.deleteCard.emit({blockId:l.blockId,cardId:a.value.id}))}),t.TgZ(6,"mat-icon"),t._uU(7,"delete_outline"),t.qZA()()(),t.TgZ(8,"div",36)(9,"div",37)(10,"span",38),t._uU(11),t.qZA(),t.YNc(12,Vo,4,5,"button",39),t.YNc(13,zo,2,0,"mat-icon",40),t.qZA(),t.YNc(14,Xo,2,5,"ng-container",41),t.YNc(15,ti,2,4,"ng-container",41),t.YNc(16,ei,2,4,"ng-container",41),t.YNc(17,ni,2,4,"ng-container",41),t.YNc(18,oi,2,4,"ng-container",41),t.YNc(19,ii,2,4,"ng-container",41),t.YNc(20,ri,2,4,"ng-container",41),t.YNc(21,ai,2,5,"ng-container",41),t.YNc(22,li,2,5,"ng-container",41),t.YNc(23,ci,2,5,"ng-container",41),t.YNc(24,si,2,5,"ng-container",41),t.YNc(25,ui,2,5,"ng-container",41),t.YNc(26,di,2,4,"ng-container",41),t.YNc(27,pi,2,4,"ng-container",41),t.YNc(28,_i,2,4,"ng-container",41),t.YNc(29,mi,2,4,"ng-container",41),t.YNc(30,gi,2,5,"ng-container",41),t.YNc(31,fi,2,5,"ng-container",41),t.YNc(32,hi,2,5,"ng-container",41),t.YNc(33,bi,2,5,"ng-container",41),t.YNc(34,xi,2,5,"ng-container",41),t.YNc(35,ki,2,6,"ng-container",41),t.YNc(36,yi,2,6,"ng-container",41),t.qZA(),t.BQk(),t.qZA(),t.YNc(37,vi,1,0,"ng-container",18),t.BQk()}if(2&o){const e=r.$implicit,n=r.index,i=t.oxw(),a=t.MAs(42);t.xp6(1),t.Q6J("formGroupName",n)("cdkDragDisabled","process_reply"===e.value.type)("ngClass",t.VKq(36,wi,e.invali
1d||(null==i.blockFormGroup.controls.cards.errors?null:i.blockFormGroup.controls.cards.errors.contentsSequence))),t.uIk("id",e.value.id),t.xp6(2),t.Q6J("ngClass",t.VKq(38,Ci,t.lcZ(4,34,i.hoveredElement$)===e.value.id)),t.xp6(5),t.Q6J("ngSwitch",e.value.type),t.xp6(3),t.Oqu(i.cardsNameMapping[e.value.type]),t.xp6(1),t.Q6J("ngIf","process_reply"!==e.value.type),t.xp6(1),t.Q6J("ngIf",e.invalid),t.xp6(1),t.Q6J("ngSwitchCase","message"),t.xp6(1),t.Q6J("ngSwitchCase","typing_delay"),t.xp6(1),t.Q6J("ngSwitchCase","recording_delay"),t.xp6(1),t.Q6J("ngSwitchCase","media"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","audio"),t.xp6(1),t.Q6J("ngSwitchCase","attachment"),t.xp6(1),t.Q6J("ngSwitchCase","process_reply"),t.xp6(1),t.Q6J("ngSwitchCase","crm"),t.xp6(1),t.Q6J("ngSwitchCase","redirect"),t.xp6(1),t.Q6J("ngSwitchCase","subscribe_sequence"),t.xp6(1),t.Q6J("ngSwitchCase","unsubscribe_sequence"),t.xp6(1),t.Q6J("ngSwitchCase","set_attribute"),t.xp6(1),t.Q6J("ngSwitchCase","remove_attribute"),t.xp6(1),t.Q6J("ngSwitchCase","sticker"),t.xp6(1),t.Q6J("ngSwitchCase","delay"),t.xp6(1),t.Q6J("ngSwitchCase","if_else"),t.xp6(1),t.Q6J("ngSwitchCase","poll"),t.xp6(1),t.Q6J("ngSwitchCase","ab_testing"),t.xp6(1),t.Q6J("ngSwitchCase","waba_quick_reply"),t.xp6(1),t.Q6J("ngSwitchCase","waba_list"),t.xp6(1),t.Q6J("ngSwitchCase","waba_template"),t.xp6(1),t.Q6J("ngSwitchCase","waba_request_contact_info"),t.xp6(1),t.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",t.VKq(40,Ti,n+1))}}function Bi(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",50),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.openAddCardMenu(i.blockFormGroup.value.cards.length,!0))}),t.TgZ(1,"div",51)(2,"mat-icon"),t._uU(3,"add"),t.qZA(),t.TgZ(4,"span"),t._uU(5),t.ALo(6,"titlecase"),t.qZA()()()}if(2&o){const e=t.oxw(),n=t.MAs(36);t.Q6J("matMenuTriggerFor",n)("disabled",e.readonly),t.xp6(5),t.hij("Add ",t.lcZ(6,3,e.blockType),"")}}const Ii=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function Ai(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",52),t.NdJ("click",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.connectorMenu.emit({event:i,fromId:a.blockFormGroup.value.id}))})("contextmenu",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.edgeMenu.emit({event:i,fromId:a.blockId}))}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("edgeStartingPoint",e.blockId)("disabled",e.readonly)("ngClass",t.VKq(3,Ii,-1!==e.connectorIds.indexOf(e.blockId)))}}function Fi(o,r){if(1&o&&(t.TgZ(0,"mat-icon",61),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function Ui(o,r){if(1&o&&t._UZ(0,"mat-icon",62),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function Si(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",58),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(3);return t.KtG(l.addContent({blockId:l.blockId,contentType:a.id}))}),t.YNc(1,Fi,2,1,"mat-icon",59),t.YNc(2,Ui,1,1,"mat-icon",60),t.TgZ(3,"span"),t._uU(4),t.qZA()()}if(2&o){const e=r.$implicit;t.Q6J("disabled",e.disabled),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(1),t.Q6J("ngIf",e.svg),t.xp6(2),t.Oqu(e.name)}}function Gi(o,r){if(1&o&&(t.ynx(0,55),t.TgZ(1,"p",56),t._uU(2),t.qZA(),t.YNc(3,Si,5,4,"button",57),t.BQk()),2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("ngForOf",e.cards)}}function qi(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"mat-divider"),t.TgZ(2,"button",63)(3,"mat-icon"),t._uU(4,"content_copy"),t.qZA(),t.TgZ(5,"span",64),t._uU(6,"Duplicate from"),t.qZA()(),t.BQk()),2&o){t.oxw(2);const e=t.MAs(39);t.xp6(2),t.Q6J("matMenuTriggerFor",e)}}function Mi(o,r){if(1&o&&(t.YNc(0,Gi,4,2,"ng-container",53),t.YNc(1,qi,7,1,"ng-container",54)),2&o){const e=t.oxw();t.Q6J("ngForOf",e.cardsMenu),t.xp6(1),t.Q6J("ngIf","content"===e.blockType)}}function Wi(o,r){if(1&o&&(t.TgZ(0,"div",70)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",64),t._uU(4),t.qZA()()),2&o){const e=r.ngIf;t.xp6(4),t.hij("Unable to fetch Flow. ",e,"")}}function Ni(o,r){if(1&o&&(t.TgZ(0,"mat-icon",77),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function Ji(o,r){if(1&o&&t._UZ(0,"mat-icon",78),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function $i(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",73),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(3);return t.KtG(l.duplicateContent(a.card))}),t.YNc(1,Ni,2,1,"mat-icon",74),t.YNc(2,Ji,1,1,"mat-icon",75),t.TgZ(3,"span",76),t._uU(4),t.qZA(),t.TgZ(5,"span",76),t._uU(6),t.qZA()()}if(2&o){const e=r.$implicit;t.Q6J("disabled",e.disabled),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(1),t.Q6J("ngIf",e.svg),t.xp6(2),t.Oqu(e.name),t.xp6(2),t.Oqu(e.description)}}function Qi(o,r){1&o&&t._UZ(0,"mat-divider")}function Ei(o,r){if(1&o&&(t.ynx(0,55),t.TgZ(1,"span",71),t._uU(2),t.qZA(),t.YNc(3,$i,7,5,"button",72),t.YNc(4,Qi,1,0,"mat-divider",54),t.BQk()),2&o){const e=r.$implicit,n=r.last;t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("ngForOf",e.cards),t.xp6(1),t.Q6J("ngIf",!n)}}function Oi(o,r){if(1&o&&(t.TgZ(0,"form",65),t.YNc(1,Wi,5,1,"div",66),t.ALo(2,"async"),t.TgZ(3,"mat-form-field",67),t.NdJ("click",function(n){return n.stopPropagation()}),t.TgZ(4,"mat-label"),t._uU(5,"Select Flow"),t.qZA(),t._UZ(6,"cm-select",68),t.ALo(7,"async"),t.qZA(),t.TgZ(8,"mat-action-list",69),t.YNc(9,Ei,5,3,"ng-container",53),t.ALo(10,"async"),t.qZA()()),2&o){const e=t.oxw();t.Q6J("formGroup",e.duplicateFromFormGroup),t.xp6(1),t.Q6J("ngIf",t.lcZ(2,5,e.getFlowErrorMsg$)),t.xp6(5),t.Q6J("allowUnselect",!1)("options",t.lcZ(7,7,e.flows$)),t.xp6(3),t.Q6J("ngForOf",t.lcZ(10,9,e.blocks$))}}function Di(o,r){if(1&o){const e=t.EpF();
1t.TgZ(0,"button",80),t.NdJ("click",function(){t.CHM(e);const i=t.oxw().index,a=t.oxw();return t.KtG(a.openAddCardMenu(i,!1))}),t._UZ(1,"div",81),t.qZA()}if(2&o){const e=t.oxw(2),n=t.MAs(36);t.Q6J("matMenuTriggerFor",n)("disabled",e.readonly)}}function Yi(o,r){if(1&o&&t.YNc(0,Di,2,2,"button",79),2&o){const e=t.oxw(),n=t.MAs(44);t.Q6J("ngIf",e.canAddCard)("ngIfElse",n)}}function Ri(o,r){1&o&&t._UZ(0,"div",82)}const Li=function(o,r,e,n,i,a){return{"border-t-blue-400":o,"border-t-fuchsia-400":r,"border-t-yellow-400":e,"border-t-rose-400":n,"border-t-indigo-400":i,"border-sky-500":a}},Pi=function(o){return{"!flex":o}},Ki=function(){return{index:0}};let Hi=(()=>{class o{constructor(e,n){this._flowUi=e,this._fb=n,this.connectorIds=[],this.readonly=!1,this.duplicate=new t.vpe,this.duplicateCard=new t.vpe,this.delete=new t.vpe,this.addCard=new t.vpe,this.deleteCard=new t.vpe,this.cardReorder=new t.vpe,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.startingBlockIdChange=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$,this.cardsMenu=[],this.contents=this._flowUi.contents,this.actions=this._flowUi.actions,this.cardsNameMapping=this._flowUi.cardsNameMapping,this.canAddCard=!1,this.duplicateFromFormGroup=this._fb.group({flow:[""]}),this.getFlowErrorMsg$=new I.X(null),this.blocks$=new I.X([]),this.destroy$=new w.x,this.sortPredicate=i=>i!==this.blockFormGroup.value.cards.length-1}get blockId(){return this.blockFormGroup.value.id}ngOnInit(){this.initCards(),this.flows$=this.context.adapter.listFlow(),this.blockType=this.blockFormGroup.value.type,this.canAddCard=["content","action"].includes(this.blockType)}ngOnDestroy(){this.destroy$.next(!0)}initCards(){const{availableCardTypes:e}=this.context.definition;this.contents=this._flowUi.contents.filter(n=>e.includes(n.id)),this.actions=this._flowUi.actions.filter(n=>e.includes(n.id))}initDuplicateFromData(){this.duplicateFromFormGroup.patchValue({flow:this.flowId},{emitEvent:!1}),this.blocks$.next(this.mapToBlockListStructure(this.blocks,this.insertAtIndex,this.hasProcessReplyCard))}duplicateFromFlowListener(){this.duplicateFromFormGroup.get("flow").valueChanges.pipe((0,H.x)(),(0,It.w)(e=>this.context.adapter.getFlow(e)),(0,p.R)(this.destroy$)).subscribe({next:e=>{this.getFlowErrorMsg$.next(null),this.blocks$.next(this.mapToBlockListStructure(e.blocks,this.insertAtIndex,this.hasProcessReplyCard))},error:e=>{this.getFlowErrorMsg$.next(e.message)}})}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}getCardsMenu(e,n,i){switch(e){case"action":return[{name:"Action Blocks",cards:this.actions.map(a=>({...a,disabled:!1}))}];case"content":return[{name:"Content Blocks",cards:this.contents.map(a=>({...a,disabled:i&&n===this.blockFormGroup.value.cards.length}))},{name:"Process User Reply",cards:this._flowUi.processReply.map(a=>({...a,disabled:i||n!==this.blockFormGroup.value.cards.length}))}];default:return[]}}reorderCard(e){this.cardReorder.emit({blockId:this.blockId,currentIndex:e.currentIndex,previousIndex:e.previousIndex})}trackByFn(e,n){return n.value.id}openAddCardMenu(e,n){this.readonly||(this.hasProcessReplyCard=-1!==this.blockFormGroup.value.cards.findIndex(i=>"process_reply"===i.type),this.insertAtIndex=n&&this.hasProcessReplyCard?e-1:e,this.cardsMenu=this.getCardsMenu(this.blockType,this.insertAtIndex,this.hasProcessReplyCard),!this.duplicateFromFormGroup.value.flow&&"content"===this.blockType&&(this.initDuplicateFromData(),this.duplicateFromFlowListener()))}mapToBlockListStructure(e,n,i){const a=[...this.contents,...this._flowUi.processReply];return e.filter(l=>l.type===this.blockType).map(l=>({id:l.id,name:l.name,cards:l.cards.map(d=>{const{id:x,type:k,content:h}=d,y="process_reply"===k?i||n!==this.blockFormGroup.value.cards.length:i&&n===this.blockFormGroup.value.cards.length;let F="";const R=a.find(M=>M.id===d.type);return"recording_delay"===k&&"delay_seconds"in h||"typing_delay"===k&&"delay_seconds"in h?F=`${h.delay_seconds} seconds`:"message"===k&&"message"in h?F=h.message:"poll"===k&&"title"in h&&"options"in h?F=F=h.title:"video"===k&&"url"in h&&"name"in h&&"caption"in h||"media"===k&&"url"in h&&"name"in h&&"caption"in h?F=h.caption||h.name:("attachment"===k&&"url"in h&&"name"in h||"audio"===k&&"url"in h&&"name"in h)&&(F=h.name),{id:x,name:R.name||"Unknown",icon:R.icon,svg:R.svg,description:F,disabled:y,card:d}})}))}addContent({blockId:e,contentType:n}){this.addCard.emit({blockId:e,contentType:n,insertAt:this.insertAtIndex})}duplicateContent(e){this.duplicateCard.emit({card:e,toBlockId:this.blockId,insertAtIndex:this.insertAtIndex})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(s.qu))}
1,o.\u0275cmp=t.Xpm({type:o,selectors:[["cm-wa-bot-block"]],inputs:{id:"id",flowId:"flowId",blocks:"blocks",blockFormGroup:"blockFormGroup",startingBlockId:"startingBlockId",connectorIds:"connectorIds",readonly:"readonly",context:"context",state:"state"},outputs:{duplicate:"duplicate",duplicateCard:"duplicateCard",delete:"delete",addCard:"addCard",deleteCard:"deleteCard",cardReorder:"cardReorder",connectorMenu:"connectorMenu",edgeMenu:"edgeMenu",startingBlockIdChange:"startingBlockIdChange"},standalone:!0,features:[t.jDz],decls:45,vars:33,consts:[[1,"relative","flex","flex-col","p-4","text-gray-900","transition-colors","border-2","border-t-8","border-transparent","rounded-md","shadow-md","w-72","bg-gray-50","dark:text-gray-50","dark:bg-slate-800",3,"formGroup","ngClass","mouseenter"],["class","absolute left-0 flex items-center gap-2 px-2 py-1 rounded-2xl bg-whatsapp -top-11 dark:text-gray-900","matTooltip","The flow starts here if your customer is being directed to this flow",4,"ngIf"],[1,"absolute","items-center","hidden","h-10","bg-gray-100","rounded-md","left-20","-top-12","dark:bg-slate-600",3,"ngClass"],["mat-icon-button","","type","button","matTooltip","Duplicate block",3,"click"],["mat-icon-button","","type","button","matTooltip","Mark this block as starting point",3,"disabled","click"],["mat-icon-button","","type","button","color","warn",3,"disabled","click"],[1,"flex","justify-between","gap-2"],[1,"relative","flex-1"],["formControlName","name","placeholder","Block name","required","","type","text","maxlength","30",1,"w-full","h-8","p-1","transition-colors","border-2","border-transparent","rounded-sm","form-input","peer","bg-gray-200","hover:border-black/85","dark:bg-slate-900","dark:hover:border-white/70","dark:focus:border-white/70","invalid:!border-red-500","focus:outline-none",3,"readonly"],["blockNameInput",""],["matTooltip","Block name must not be empty",1,"absolute","!hidden","peer-invalid:!block","top-1","right-2","!text-red-500"],[1,"flex","justify-end"],[1,"px-1","text-xs","dark:text-gray-400"],[1,"pt-1"],[1,"cursor-grab",3,"nodeDragHandler"],["draggable","true",1,"flex","flex-col","cursor-auto",3,"dragstart"],["class","p-2 bg-red-500 rounded-sm text-gray-50",4,"ngIf"],["cdkDropList","","formArrayName","cards",1,"flex","flex-col","card-list",3,"cdkDropListSortPredicate","cdkDropListDropped"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"matMenuTriggerFor","disabled","click",4,"ngIf"],["type","button","class","absolute bottom-0.5 right-0.5 w-3 h-3 border-2 border-gray-600 rounded-full dark:border-slate-400 hover:border-sky-500 dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu",4,"ngIf"],[1,"bg-gray-50","dark:bg-slate-800"],["addContentMenu","matMenu"],["matMenuContent",""],["duplicateFromMenu","matMenu"],["addCardBtnTpl",""],["dividerTpl",""],["matTooltip","The flow starts here if your customer is being directed to this flow",1,"absolute","left-0","flex","items-center","gap-2","px-2","py-1","rounded-2xl","bg-whatsapp","-top-11","dark:text-gray-900"],[1,"text-sm"],[1,"p-2","bg-red-500","rounded-sm","text-gray-50"],[1,"italic"],["cdkDrag","","cdkDragLockAxis","y",1,"relative","p-2","transition-colors","border-2","border-transparent","rounded-md","shadow-elevation-z1","card","dark:bg-slate-700","hover:border-sky-400",3,"formGroupName","cdkDragDisabled","ngClass","mouseenter"],["formGroupName","content"],[1,"absolute","top-0","hidden","w-10","p-1","bg-gray-100","rounded-md","-left-11","dark:bg-slate-600",3,"ngClass"],["mat-icon-button","","type","button","color","warn",3,"click"],[1,"flex","flex-col","gap-2",3,"ngSwitch"],[1,"flex","items-center","h-6","gap-1"],[1,"flex-1","text-sm","text-gray-600","dark:text-gray-50"],["cdkDragHandle","","class","hidden w-6 h-6 cursor-n-resize","type","button",3,"ngClass",4,"ngIf"],["color","warn",4,"ngIf"],[4,"ngSwitchCase"],["cdkDragHandle","","type","button",1,"hidden","w-6","h-6","cursor-n-resize",3,"ngClass"],["color","warn"],[3,"formGroup","connectorIds","readonly","blockId","cardId","connectorMenu","edgeMenu"],[3,"formGroup","readonly","blockId","cardId"],[3,"formGroup","readonly","connectorIds","blockId","cardId","connectorMenu","edgeMenu"],[3,"formGroup","context","readonly","blockId","cardId"],[3,"formGroup","readonly","connectorIds","blockId","cardId","connectorMenu"],[3,"formGroup","connectorIds","readonly","blockId","cardId","integrationId","connectorMenu","edgeMenu"],["mat-stroked-button","","type","button",3,"matMenuTriggerFor","disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["type","button",1,"absolute","bottom-0.5","right-0.5","w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","disabled","ngClass","click","contextmenu"],["class","flex flex-col",4,"ngFor","ngForOf"],[4,"ngIf"],[1,"flex","flex-col"],[1,"px-4","my-2"],["mat-menu-item","",3,"disabled","click",4,"ngFor","ngForOf"],["mat-menu-item","",3,"disabled","click"],["class","material-symbols-outlined",4,"ngIf"],[3,"svgIcon",4,"ngIf"],[1,"material-symbols-outlined"],[3,"svgIcon"],["mat-menu-item","",3,"matMenuTriggerFor"],[1,"flex-1"],[1,"flex","flex-col",3,"formGroup"],["class","flex items-center gap-4 p-2 text-red-800 bg-red-100 mb-4",4,"ngIf"],[1,"px-4",3,"click"],["formControlName","flow",3,"allowUnselect","options"],["dense",""],[1,"flex","items-center","gap-4","p-2","text-red-800","bg-red-100","mb-4"],["mat-subheader",""],["mat-list-item","",3,"disabled","click",4,"ngFor","ngForOf"],["mat-list-item","",3,"disabled","click"],["mat-list-icon","",4,"ngIf"],["mat-list-icon","",3,"svgIcon",4,"ngIf"],["mat-line",""],["mat-list-icon",""],["mat-list-icon","",3,"svgIcon"],["class","h-4 w-full group","type","button","matTooltip","Add Content","matTooltipShowDelay","300","matTooltipPosition","left",3,"matMenuTriggerFor","disabled","click",4,"ngIf","ngIfElse"],["type","button","matTooltip","Add Content","matTooltipShowDelay","300","matTooltipPosition","left",1,"h-4","w-full","group",3,"matMenuTriggerFor","disabled","click"],[1,"h-2","my-1","group-hover:bg-slate-500","transition-colors","rounded-md"],[1,"h-4"]],template:function(e,n){if(1&e&&(t.TgZ(0,"div",0),t.NdJ("mouseenter",function(a){return n.showMenu(a,n.blockId)}),t.ALo(1,"async"),t.YNc(2,Ro,5,0,"div",1),t.TgZ(3,"div",2),t.ALo(4,"async"),t.TgZ(5,"button",3),t.
1NdJ("click",function(){return n.duplicate.emit({blockId:n.blockId})}),t.TgZ(6,"mat-icon"),t._uU(7,"file_copy"),t.qZA()(),t.TgZ(8,"button",4),t.NdJ("click",function(){return n.startingBlockIdChange.emit(n.blockFormGroup.value.id)}),t.TgZ(9,"mat-icon"),t._uU(10,"start"),t.qZA()(),t.TgZ(11,"button",5),t.NdJ("click",function(){return n.delete.emit({blockId:n.blockId})}),t.TgZ(12,"mat-icon"),t._uU(13,"delete_outline"),t.qZA()()(),t.TgZ(14,"div",6)(15,"div",7),t._UZ(16,"input",8,9),t.TgZ(18,"mat-icon",10),t._uU(19," error_outline "),t.qZA(),t.TgZ(20,"div",11)(21,"span",12),t._uU(22),t.qZA()()(),t.TgZ(23,"div",13)(24,"mat-icon",14),t._uU(25," open_with "),t.qZA()()(),t.TgZ(26,"div",15),t.NdJ("dragstart",function(a){return a.stopPropagation(),a.preventDefault()}),t.YNc(27,Lo,8,0,"div",16),t.YNc(28,Po,6,0,"div",16),t.YNc(29,Ko,5,0,"div",16),t.TgZ(30,"div",17),t.NdJ("cdkDropListDropped",function(a){return n.reorderCard(a)}),t.YNc(31,Ho,1,0,"ng-container",18),t.YNc(32,Zi,38,42,"ng-container",19),t.qZA(),t.YNc(33,Bi,7,5,"button",20),t.qZA(),t.YNc(34,Ai,1,5,"button",21),t.qZA(),t.TgZ(35,"mat-menu",22,23),t.YNc(37,Mi,2,2,"ng-template",24),t.qZA(),t.TgZ(38,"mat-menu",22,25),t.YNc(40,Oi,11,11,"ng-template",24),t.qZA(),t.YNc(41,Yi,1,2,"ng-template",null,26,t.W1O),t.YNc(43,Ri,1,0,"ng-template",null,27,t.W1O)),2&e){const i=t.MAs(17),a=t.MAs(42);t.Q6J("formGroup",n.blockFormGroup)("ngClass",t.HTZ(23,Li,"content"===n.blockType,"action"===n.blockType,"redirect"===n.blockType,"condition"===n.blockType,"delay"===n.blockType,t.lcZ(1,19,n.hoveredElement$)===n.blockId)),t.xp6(2),t.Q6J("ngIf",n.startingBlockId===n.blockFormGroup.value.id),t.xp6(1),t.Q6J("ngClass",t.VKq(30,Pi,t.lcZ(4,21,n.hoveredElement$)===n.blockId)),t.xp6(5),t.Q6J("disabled",n.startingBlockId===n.blockFormGroup.value.id),t.xp6(3),t.Q6J("disabled",n.startingBlockId===n.blockFormGroup.value.id),t.xp6(5),t.Q6J("readonly",n.readonly),t.xp6(6),t.hij("",i.value.length,"/30"),t.xp6(2),t.Q6J("nodeDragHandler",n.blockFormGroup.value.id),t.xp6(3),t.Q6J("ngIf",null==n.blockFormGroup.controls.cards.errors?null:n.blockFormGroup.controls.cards.errors.contentsSequence),t.xp6(1),t.Q6J("ngIf",null==n.blockFormGroup.controls.cards.errors?null:n.blockFormGroup.controls.cards.errors.maxProcessReplyCard),t.xp6(1),t.Q6J("ngIf",null==n.blockFormGroup.controls.cards.errors?null:n.blockFormGroup.controls.cards.errors.placedLast),t.xp6(1),t.Q6J("cdkDropListSortPredicate",n.sortPredicate),t.xp6(1),t.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",t.DdM(32,Ki)),t.xp6(1),t.Q6J("ngForOf",n.blockFormGroup.controls.cards.controls)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("ngIf",n.canAddCard),t.xp6(1),t.Q6J("ngIf","redirect"!==n.blockType&&"condition"!==n.blockType)}},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.RF,c.n9,c.Ov,c.rS,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.Q7,s.nD,s.sg,s.u,s.x0,s.CE,K._t,K.Wj,K.Zt,K.Bh,f.Ps,f.Hw,m.ot,m.lW,Y.Tx,Y.VK,Y.OP,Y.p6,Y.KA,J.AV,J.gM,G.t,G.d,b.lN,b.KE,b.hX,L.ie,L.i$,L.Tg,O.X2,L.Nh,L.gs,kt.f,tt,Mt,me,je,ye,Tn,de,be,mn,Ce,De,Ge,Qe,Be,Fe,vn,Bn,Fn,Un,Sn,Mn,ro,uo,Do,Yo],styles:[".cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .card[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"],changeDetection:0}),o})();var dt=_(77331);function ji(o,r){1&o&&(t.TgZ(0,"mat-icon",10),t._uU(1,"error_outline"),t.qZA())}function Vi(o,r){1&o&&(t.TgZ(0,"span",19),t._uU(1,"No keywords"),t.qZA())}function zi(o,r){if(1&o&&(t.TgZ(0,"div",20),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.xp6(1),t.hij(" ",e," ")}}const Xi=function(o){return{"!border-red-500":o}},tr=function(o){return{"!flex flex-col items-center justify-center":o}},er=function(o){return{"bg-gray-600 dark:bg-slate-800 hover:bg-sky-500 dark:hover:bg-sky-500":o}};function nr(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",11),t.NdJ("mouseenter",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.showMenu(i,l.value.id))}),t.TgZ(1,"div",12),t.ALo(2,"async"),t.TgZ(3,"button",13),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw();return t.KtG(l.deleteKeywordGroup.emit(a.value.id))}),t.TgZ(4,"mat-icon"),t._uU(5,"delete_outline"),t.qZA()()(),t.TgZ(6,"div",14)(7,"span"),t._uU(8),t.ALo(9,"titlecase"),t.qZA(),t.TgZ(10,"div",15),t.YNc(11,Vi,2,0,"span",16),t.YNc(12,zi,2,1,"div",17),t.qZA()(),t.TgZ(13,"button",18),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.connectorMenu.emit({event:i,keywordGroupId:l.value.id}))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.edgeMenu.emit({event:i,fromId:l.value.id}))}),t.qZA()()}if(2&o){const e=r.$implicit,n=r.index,i=t.oxw();
1t.Q6J("formGroupName",n)("ngClass",t.VKq(14,Xi,e.invalid)),t.uIk("id",e.value.id),t.xp6(1),t.Q6J("ngClass",t.VKq(16,tr,t.lcZ(2,10,i.hoveredElement$)===e.value.id)),t.xp6(7),t.Oqu(t.lcZ(9,12,e.value.condition)),t.xp6(3),t.Q6J("ngIf",0===e.value.keywords.length),t.xp6(1),t.Q6J("ngForOf",e.value.keywords),t.xp6(1),t.Q6J("edgeStartingPoint",e.value.id)("ngClass",t.VKq(18,er,-1!==i.connectorIds.indexOf(e.value.id)))("disabled",i.readonly)}}const or=function(o,r){return{"border-sky-500":o,"!border-x-red-500 !border-b-red-500":r}};let ir=(()=>{class o{constructor(e){this._flowUi=e,this.connectorIds=[],this.readonly=!1,this.deleteKeywordGroup=new t.vpe,this.connectorMenu=new t.vpe,this.edgeMenu=new t.vpe,this.hoveredElement$=this._flowUi.hoveredElement$,this.hoveredElements$=this._flowUi.hoveredElements$}showMenu(e,n){this.readonly||(e.preventDefault(),this.hoveredElements$.next([...this.hoveredElements$.value,n]),this.hoveredElement$.next(n),(0,g.R)(e.target,"mouseleave").pipe((0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElements$.next(a.slice(0,a.length-1))}}),(0,g.R)(e.target,"mouseleave").pipe((0,rt.g)(100),(0,U.M)(this.hoveredElements$),(0,C.q)(1)).subscribe({next:([i,a])=>{this.hoveredElement$.next(a.length>0?a[a.length-1]:null)}}))}trackByFn(e,n){return n.value.id}edit(){this._flowUi.settingContent$.next({blockId:this.blockId,keywordGroups:this.entryBlockFormGroup.value.keyword_groups})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["cm-wa-bot-entry-block"]],inputs:{blockId:"blockId",entryBlockFormGroup:"entryBlockFormGroup",connectorIds:"connectorIds",readonly:"readonly"},outputs:{deleteKeywordGroup:"deleteKeywordGroup",connectorMenu:"connectorMenu",edgeMenu:"edgeMenu"},standalone:!0,features:[t.jDz],decls:19,vars:11,consts:[[1,"relative","flex","flex-col","gap-4","p-4","text-gray-900","transition-colors","border-2","border-t-8","border-transparent","rounded-md","shadow-md","w-72","content-list","bg-gray-50","dark:text-gray-50","dark:bg-slate-800","group","border-t-green-400",3,"ngClass","mouseenter"],[1,"flex","items-center","justify-between","gap-2"],[1,"cursor-grab",3,"nodeDragHandler"],[1,"flex","flex-col","gap-2"],[1,"flex","items-center","justify-between","h-6","gap-1"],[1,"flex-1","text-sm","text-gray-600","dark:text-gray-50"],["color","warn",4,"ngIf"],["class","relative flex justify-between items-center p-2 gap-1 rounded-md transition-colors border-2 border-transparent content hover:border-sky-400 shadow-elevation-z1 dark:bg-slate-700",3,"formGroupName","ngClass","mouseenter",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],["color","warn"],[1,"relative","flex","justify-between","items-center","p-2","gap-1","rounded-md","transition-colors","border-2","border-transparent","content","hover:border-sky-400","shadow-elevation-z1","dark:bg-slate-700",3,"formGroupName","ngClass","mouseenter"],[1,"absolute","top-0","hidden","w-10","p-1","bg-gray-50","shadow-elevation-z1","dark:shadow-none","rounded-md","-left-11","dark:bg-slate-700",3,"ngClass"],["mat-icon-button","","type","button","color","warn",3,"click"],[1,"flex","flex-col","flex-1","gap-0.5","select-all","sm:select-text"],[1,"flex","flex-col","items-start","gap-1"],["class","italic",4,"ngIf"],["class","px-2 bg-gray-200 rounded-2xl dark:bg-slate-600 line-clamp-2",4,"ngFor","ngForOf"],["type","button",1,"w-3","h-3","border-2","border-gray-600","rounded-full","dark:border-slate-400","hover:border-sky-500","dark:hover:border-sky-500",3,"edgeStartingPoint","ngClass","disabled","click","contextmenu"],[1,"italic"],[1,"px-2","bg-gray-200","rounded-2xl","dark:bg-slate-600","line-clamp-2"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.NdJ("mouseenter",function(a){return n.showMenu(a,n.entryBlockFormGroup.value.id)}),t.ALo(1,"async"),t.TgZ(2,"div",1)(3,"p"),t._uU(4,"Messages with keywords"),t.qZA(),t.TgZ(5,"mat-icon",2),t._uU(6," open_with "),t.qZA()(),t.TgZ(7,"div",3)(8,"div",4)(9,"span",5),t._uU(10,"
1Keyword Groups"),t.qZA(),t.YNc(11,ji,2,0,"mat-icon",6),t.qZA(),t.YNc(12,nr,14,20,"div",7),t.qZA(),t.TgZ(13,"button",8),t.NdJ("click",function(){return n.edit()}),t.TgZ(14,"div",9)(15,"mat-icon"),t._uU(16,"edit"),t.qZA(),t.TgZ(17,"span"),t._uU(18,"Edit"),t.qZA()()()()),2&e&&(t.Q6J("ngClass",t.WLB(8,or,t.lcZ(1,6,n.hoveredElement$)===n.entryBlockFormGroup.value.id,n.entryBlockFormGroup.controls.keyword_groups.invalid)),t.xp6(5),t.Q6J("nodeDragHandler",n.entryBlockFormGroup.value.id),t.xp6(6),t.Q6J("ngIf",n.entryBlockFormGroup.controls.keyword_groups.invalid),t.xp6(1),t.Q6J("ngForOf",n.entryBlockFormGroup.controls.keyword_groups.controls)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.readonly))},dependencies:[c.ez,c.mk,c.sg,c.O5,c.Ov,c.rS,b.lN,dt.Hi,f.Ps,f.Hw,m.ot,m.lW,tt,Mt],styles:[".cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.content-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"]}),o})(),N=(()=>{class o{constructor(){this.settingChanged$=new I.X(!1)}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275prov=t.Yz7({token:o,factory:o.\u0275fac}),o})();var rr=_(83905),ar=_(82086);function lr(o,r){1&o&&(t.ynx(0),t.TgZ(1,"ol",8)(2,"li"),t._uU(3,"Upload the image to your WhatsApp."),t.qZA(),t.TgZ(4,"li"),t._uU(5,"Log in to WhatsApp Web and download the image."),t.qZA(),t.TgZ(6,"li"),t._uU(7,"Upload the image here."),t.qZA()(),t.TgZ(8,"p"),t._uU(9,"This ensures the format is compatible with WhatsApp and allows WhatsApp to reduce the image size."),t.qZA(),t.BQk())}function cr(o,r){1&o&&(t.ynx(0),t.TgZ(1,"ol",8)(2,"li"),t._uU(3,"Upload the video to your WhatsApp."),t.qZA(),t.TgZ(4,"li"),t._uU(5,"Log in to WhatsApp Web and download the video."),t.qZA(),t.TgZ(6,"li"),t._uU(7,"Upload the video here."),t.qZA()(),t.TgZ(8,"p"),t._uU(9,"This ensures the format is compatible with WhatsApp and allows WhatsApp to reduce the video size."),t.qZA(),t.BQk())}function sr(o,r){1&o&&(t.ynx(0),t.TgZ(1,"ol",8)(2,"li"),t._uU(3,"Use WhatsApp to record a voice message."),t.qZA(),t.TgZ(4,"li"),t._uU(5,"Log in to WhatsApp Web and download the audio."),t.qZA(),t.TgZ(6,"li"),t._uU(7,"Upload the audio here."),t.qZA()(),t.TgZ(8,"p"),t._uU(9,"This ensures the format is compatible with WhatsApp and optimizes the audio file for sending."),t.qZA(),t.BQk())}function ur(o,r){if(1&o&&(t.TgZ(0,"div",3)(1,"div",4)(2,"mat-icon"),t._uU(3,"info_outline"),t.qZA(),t.TgZ(4,"div",5)(5,"p",6),t._uU(6,"Important!"),t.qZA(),t.TgZ(7,"p"),t._uU(8,"To ensure your image can be sent successfully, follow these best practices:"),t.qZA()()(),t.YNc(9,lr,10,0,"ng-container",7),t.YNc(10,cr,10,0,"ng-container",7),t.YNc(11,sr,10,0,"ng-container",7),t.qZA()),2&o){const e=t.oxw();
1t.xp6(9),t.Q6J("ngIf","image"===e.mediaType),t.xp6(1),t.Q6J("ngIf","video"===e.mediaType),t.xp6(1),t.Q6J("ngIf","audio"===e.mediaType)}}let ct=(()=>{class o{constructor(){this.filePathChange=new t.vpe,this.fileNameChange=new t.vpe,this.maxFileSizeBytesObj={image:1e7,video:3e7,document:6e7,audio:512e3,sticker:512e3},this.fileName$=new I.X(null),this.filePath$=new I.X(null),this.onBeforeUpload=()=>(0,rr.z)(this.context.adapter.checkUploadQuota().pipe((0,T.U)(e=>({success:e,reason:e?null:"Storage quota exceeded"})))),this.onUpload=e=>this.context.adapter.uploadFile(this.id,e),this.onAfterUpload=(e,n)=>{this.filePath$.next(e),this.filePathChange.emit(e),this.fileNameChange.emit(n)}}set filePath(e){e&&this.filePath$.next(e)}set fileName(e){e&&this.fileName$.next(e)}ngOnInit(){}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-upload-file"]],inputs:{context:"context",id:"id",filePath:"filePath",fileName:"fileName",mediaType:"mediaType"},outputs:{filePathChange:"filePathChange",fileNameChange:"fileNameChange"},standalone:!0,features:[t.jDz],decls:5,vars:12,consts:[[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],["class","flex flex-col gap-2",4,"ngIf"],[3,"filePath","fileName","mediaType","maxFileSize","beforeUpload","upload","afterUpload"],[1,"flex","flex-col","gap-2"],[1,"flex","items-center","gap-4","p-4","text-sky-800","bg-sky-100","rounded-sm"],[1,"flex-1","flex","flex-col"],[1,"text-lg","font-semibold"],[4,"ngIf"],[1,"list","list-decimal","list-inside"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.YNc(1,ur,12,3,"div",1),t._UZ(2,"cm-upload-file",2),t.ALo(3,"async"),t.ALo(4,"async"),t.qZA()),2&e&&(t.xp6(1),t.Q6J("ngIf","document"!==n.mediaType&&"sticker"!==n.mediaType),t.xp6(1),t.Q6J("filePath",t.lcZ(3,8,n.filePath$))("fileName",t.lcZ(4,10,n.fileName$))("mediaType",n.mediaType)("maxFileSize",n.maxFileSizeBytesObj[n.mediaType])("beforeUpload",n.onBeforeUpload)("upload",n.onUpload)("afterUpload",n.onAfterUpload))},dependencies:[c.ez,c.O5,c.Ov,f.Ps,f.Hw,ar.Y],encapsulation:2,changeDetection:0}),o})(),dr=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get attachmentFormGroup(){return this.blockSetting.formGroup}set attachmentFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.attachmentFormGroup=this._flowUi.generateAudioAttachmentFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.attachmentFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}onFilePathChange(e){this.attachmentFormGroup.patchValue({url:e})}onFileNameChange(e){this.attachmentFormGroup.patchValue({name:e})}submit(){this.attachmentFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-attachment"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:10,vars:6,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send an attachment to your customer."),t.qZA(),t.TgZ(4,"wa-bot-block-setting-upload-file",2),t.NdJ("filePathChange",function(a){return n.onFilePathChange(a)})("fileNameChange",function(a){return n.onFileNameChange(a)}),t.qZA()(),t.TgZ(5,"div",3)(6,"button",4),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(7,"Cancel"),t.qZA(),t.TgZ(8,"button",5),t._uU(9,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.attachmentFormGroup),t.xp6(4),t.Q6J("id",n.id)("context",n.context)("mediaType","document")("filePath",n.attachmentFormGroup.value.url)("fileName",n.attachmentFormGroup.value.name))},dependencies:[c.ez,s.UX,s._Y,s.JL,s.sg,m.ot,m.lW,ct],encapsulation:2,changeDetection:0}),o})(),pr=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=ne
1w t.vpe,this.destroy$=new w.x}get audioFormGroup(){return this.blockSetting.formGroup}set audioFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.audioFormGroup=this._flowUi.generateAudioAttachmentFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.audioFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}onFilePathChange(e){this.audioFormGroup.patchValue({url:e})}onFileNameChange(e){this.audioFormGroup.patchValue({name:e})}submit(){this.audioFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-audio"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:10,vars:6,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a voice message to your customer."),t.qZA(),t.TgZ(4,"wa-bot-block-setting-upload-file",2),t.NdJ("filePathChange",function(a){return n.onFilePathChange(a)})("fileNameChange",function(a){return n.onFileNameChange(a)}),t.qZA()(),t.TgZ(5,"div",3)(6,"button",4),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(7,"Cancel"),t.qZA(),t.TgZ(8,"button",5),t._uU(9,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.audioFormGroup),t.xp6(4),t.Q6J("id",n.id)("context",n.context)("mediaType","audio")("filePath",n.audioFormGroup.value.url)("fileName",n.audioFormGroup.value.name))},dependencies:[c.ez,s.UX,s._Y,s.JL,s.sg,m.ot,m.lW,ct],encapsulation:2,changeDetection:0}),o})();var yt=_(33231),nt=_(47049),_r=_(4128),mr=_(49594),ot=_(68988);function gr(o,r){1&o&&(t.TgZ(0,"div",13)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"span",7),t._uU(4,"You cannot edit this card"),t.qZA()())}function fr(o,r){if(1&o&&(t.TgZ(0,"mat-option",18),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function hr(o,r){if(1&o&&(t.TgZ(0,"mat-option",18),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function br(o,r){if(1&o&&(t.TgZ(0,"mat-option",18),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function xr(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"mat-option",18),t._uU(2,"---"),t.qZA(),t.TgZ(3,"mat-optgroup",28),t.YNc(4,hr,2,2,"mat-option",16),t.ALo(5,"async"),t.qZA(),t.TgZ(6,"mat-optgroup",29),t.YNc(7,br,2,2,"mat-option",16),t.ALo(8,"async"),t.qZA(),t.BQk()),2&o){const e=t.oxw(7);t.xp6(1),t.Q6J("value",""),t.xp6(3),t.Q6J("ngForOf",t.lcZ(5,3,e.basicInfo$)),t.xp6(3),t.Q6J("ngForOf",t.lcZ(8,5,e.attributeOptions$))}}function kr(o,r){if(1&o&&(t.TgZ(0,"mat-option",18)(1,"span",31),t._uU(2),t.qZA()()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.Udp("color",e.style.color)("background-color",e.style["background-color"]),t.xp6(1),t.hij(" ",e.name," ")}}function yr(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"mat-option"),t._UZ(2,"ngx-mat-select-search",30),t.qZA(),t.TgZ(3,"mat-option",18),t._uU(4,"---"),t.qZA(),t.YNc(5,kr,3,6,"mat-option",16),t.ALo(6,"async"),t.BQk()),2&o){const e=t.oxw(2).$implicit,n=t.oxw(5);t.xp6(2),t.Q6J("formControl",n.statusColumnSearchControl[e.id])("noEntriesFoundLabel","No result found")("placeholderL
1abel","Search"),t.xp6(1),t.Q6J("value",""),t.xp6(2),t.Q6J("ngForOf",t.lcZ(6,5,n.statusColumnOptions[e.id]))}}function vr(o,r){if(1&o&&(t.TgZ(0,"mat-select",27),t.YNc(1,xr,9,7,"ng-container",9),t.YNc(2,yr,7,7,"ng-container",9),t.qZA()),2&o){const e=t.oxw().$implicit;t.Q6J("required",e.primary),t.xp6(1),t.Q6J("ngIf","status"!==e.type),t.xp6(1),t.Q6J("ngIf","status"===e.type)}}function wr(o,r){if(1&o&&(t._UZ(0,"cm-textarea",32),t.ALo(1,"async")),2&o){const e=t.oxw().$implicit,n=t.oxw(5);t.Q6J("options",t.lcZ(1,2,n.textAreaOptions$))("required",e.primary)}}function Cr(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",24)(1,"mat-label"),t._uU(2),t.qZA(),t.YNc(3,vr,3,3,"mat-select",25),t.YNc(4,wr,2,4,"cm-textarea",26),t.qZA()),2&o){const e=r.$implicit;t.Q6J("formGroupName",e.id),t.xp6(2),t.hij("",e.name," (Optional)"),t.xp6(1),t.Q6J("ngIf","long-text"!==e.type),t.xp6(1),t.Q6J("ngIf","long-text"===e.type)}}function Tr(o,r){if(1&o&&(t.TgZ(0,"mat-option",18),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function Zr(o,r){if(1&o&&(t.ynx(0),t._UZ(1,"mat-divider",19),t.TgZ(2,"h2",20),t._uU(3,"Link Customer Attribute to CRM Column"),t.qZA(),t.TgZ(4,"div",21),t.YNc(5,Cr,5,4,"mat-form-field",22),t.ALo(6,"async"),t.qZA(),t._UZ(7,"mat-divider",19),t.TgZ(8,"mat-form-field",14)(9,"mat-label"),t._uU(10,"Assign To"),t.qZA(),t.TgZ(11,"mat-select",23),t.YNc(12,Tr,2,2,"mat-option",16),t.ALo(13,"async"),t.qZA()(),t.BQk()),2&o){const e=t.oxw(4);t.xp6(5),t.Q6J("ngForOf",t.lcZ(6,2,e.orgColumns$)),t.xp6(7),t.Q6J("ngForOf",t.lcZ(13,4,e.orgDistGroups$))}}function Br(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Zr,14,6,"ng-container",9),t.BQk()),2&o){const e=t.oxw(3);t.xp6(1),t.Q6J("ngIf",e.crmFormGroup.value.org_id)}}function Ir(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"mat-form-field",14)(2,"mat-label"),t._uU(3,"Organization"),t.qZA(),t.TgZ(4,"mat-select",15),t.YNc(5,fr,2,2,"mat-option",16),t.ALo(6,"async"),t.qZA()(),t.YNc(7,Br,2,1,"ng-container",17),t.ALo(8,"async"),t.BQk()),2&o){const e=t.oxw(2),n=t.MAs(2);t.xp6(5),t.Q6J("ngForOf",t.lcZ(6,3,e.orgs$)),t.xp6(2),t.Q6J("ngIf",!t.lcZ(8,5,e.errorMsg$))("ngIfElse",n)}}function Ar(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"form",2),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.submit())}),t.TgZ(1,"div",3)(2,"p"),t._uU(3,"Add your customer to a CRM system."),t.qZA(),t.TgZ(4,"div",4),t.YNc(5,gr,5,0,"div",5),t.TgZ(6,"div",6)(7,"mat-icon"),t._uU(8,"info"),t.qZA(),t.TgZ(9,"p",7),t._uU(10,"Leads will be extracted using "),t.TgZ(11,"span",8),t._uU(12),t.ALo(13,"async"),t.qZA(),t._uU(14,"'s account"),t.qZA()()(),t.YNc(15,Ir,9,7,"ng-container",9),t.qZA(),t.TgZ(16,"div",10)(17,"button",11),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.cancel.emit())}),t._uU(18,"Cancel"),t.qZA(),t.TgZ(19,"button",12),t._uU(20,"Apply"),t.qZA()()()}if(2&o){const e=t.oxw();t.Q6J("formGroup",e.crmFormGroup),t.xp6(5),t.Q6J("ngIf",!e.isCardOwner),t.xp6(7),t.Oqu(t.lcZ(13,5,e.cardOwnerName$)),t.xp6(3),t.Q6J("ngIf",e.isCardOwner),t.xp6(4),t.Q6J("disabled",!e.isCardOwner)}}function Fr(o,r){if(1&o&&(t.TgZ(0,"div",34)(1,"mat-icon"),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",7),t._uU(4),t.qZA()()),2&o){const e=r.ngIf;t.xp6(4),t.Oqu(e)}}function Ur(o,r){if(1&o&&(t.YNc(0,Fr,5,1,"div",33),t.ALo(1,"async")),2&o){const e=t.oxw();t.Q6J("ngIf",t.lcZ(1,1,e.errorMsg$))}}let Sr=(()=>{class o{constructor(e,n,i,a){this._fb=e,this._flowUi=n,this.blockSetting=i,this._user=a,this.apply=new t.vpe,this.cancel=new t.vpe,this.isCardOwner=!0,this.orgColumns$=new I.X([]),this.orgDistGroups$=new I.X([]),this.basicInfo$=(0,Z.of)([{id:"{{name}}",name:"Name"},{id:"{{phone}}",name:"Phone"}]),this.errorMsg$=new I.X(null),this.init=!1,this.destroy$=new w.x}get crmFormGroup(){return this.blockSetting.formGroup}set crmFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){if(!this.context.adapter.crm)throw new Error("adapter.crm is not provided");this.isCardOwner=this.data.owner===this._user.uid,this.cardOwnerName$=this.context.adapter.crm.getCrmCardOwnerName(this.data.owner),this.crmFormGroup=this._flowUi.generateCrmFormGroup(this.data),this.orgs$=this.context.adapter.listOrganizations(),this.context.adapter.attributes&&this.initAttributes(),this.isCardOwner&&(this.settingChangedListener(),this.initOrgIdListener())}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.crmFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}initOrgIdListener(){this.crmFormGroup.get("org_id").valueChanges.pipe((0,$.O)(this.crmFormGroup.get("org_id").value),(0,u.h)(e=>!!e),(0,H.x)(),(0,p.R)(this.destroy$)).subscribe({next:e=>{this.resetForm(e),this.fetchData(e)}})}resetForm(e){this.init?this.crmFormGroup.reset({org_id:e,assign_to:"",owner:this.crmFormGroup.value.owner},{emitEvent:!1}):this.init=!0}fetchData(e){(0,_r.D)([this.context.adapter.crm.listOrganizationColumns(e),this.context.adapter.crm.listOrganizationDistributionGroups(e)]).subscribe({next:([n,i])=>{this.initColumnsFormGroup(n),this.orgColumns$.next(n),this.orgDistGroups$.next(i)},error:n=>this.errorMsg$.next(n.message)})}initColumnsFormGroup(e){this.crmFormGroup.setControl("columns",this._fb.group((0,ft.Z)((0,ht.Z)(e.map(n=>({id:n.id,content:(0,mr.Z)(this.crmFormGroup.value,`columns.${n.id}.content`,null),type:n.type})),"id"),n=>this._flowUi.generateCrmColumnFormGroup(n))),{emitEvent:!1}),this.statusColumnSearchControl=(0,ft.Z)((0,ht.Z)(e.filter(n=>"status"===n.type),"id"),()=>this._fb.control(null)),this.statusColumnOptions=(0,ft.Z)((0,ht.Z)(e.filter(n=>"status"===n.type),"id"),n=>this.statusColumnSearchControl[n.id].valueChanges.pipe((0,$.O)(null),(0,T.U)(i=>
1{if(!i)return n.options;const a=i.toLowerCase();return n.options.filter(l=>l.name.toLowerCase().includes(a))})))}initAttributes(){this.attributes$=this.context.adapter.attributes?.attributes$,this.attributeOptions$=this.attributes$.pipe((0,T.U)(e=>e.map(n=>({id:`{{${n}}}`,name:n})))),this.textAreaOptions$=this.attributeOptions$.pipe((0,U.M)(this.basicInfo$),(0,T.U)(([e,n])=>[...n,...e]),(0,B.d)({bufferSize:1,refCount:!0}))}submit(){this.crmFormGroup.invalid||!this.isCardOwner||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(s.qu),t.Y36(A.c),t.Y36(N),t.Y36(At.K))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-crm"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:3,vars:1,consts:[["class","flex flex-col h-full gap-4",3,"formGroup","ngSubmit",4,"ngIf"],["errorTpl",""],[1,"flex","flex-col","h-full","gap-4",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","overflow-y-auto"],[1,"flex","flex-col","gap-2","pb-2"],["class","flex items-center gap-4 p-4 text-yellow-800 bg-yellow-100 rounded-sm",4,"ngIf"],[1,"flex","items-center","gap-4","p-4","rounded-sm","text-sky-800","bg-sky-100"],[1,"flex-1"],[1,"font-semibold"],[4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit",3,"disabled"],[1,"flex","items-center","gap-4","p-4","text-yellow-800","bg-yellow-100","rounded-sm"],["appearance","fill"],["formControlName","org_id"],[3,"value",4,"ngFor","ngForOf"],[4,"ngIf","ngIfElse"],[3,"value"],[1,"pb-4"],[1,"pb-4","text-sm","font-medium"],["formGroupName","columns",1,"flex","flex-col"],["appearance","fill",3,"formGroupName",4,"ngFor","ngForOf"],["formControlName","assign_to"],["appearance","fill",3,"formGroupName"],["formControlName","content",3,"required",4,"ngIf"],["formControlName","content",3,"options","required",4,"ngIf"],["formControlName","content",3,"required"],["label","Basic Info"],["label","Attributes"],[3,"formControl","noEntriesFoundLabel","placeholderL
1abel"],[1,"p-2","rounded-lg"],["formControlName","content",3,"options","required"],["class","flex items-center gap-4 p-4 text-red-800 bg-red-100 rounded-sm",4,"ngIf"],[1,"flex","items-center","gap-4","p-4","text-red-800","bg-red-100","rounded-sm"]],template:function(e,n){1&e&&(t.YNc(0,Ar,21,7,"form",0),t.YNc(1,Ur,2,3,"ng-template",null,1,t.W1O)),2&e&&t.Q6J("ngIf",n.crmFormGroup)},dependencies:[c.ez,c.sg,c.O5,c.Ov,s.UX,s._Y,s.JJ,s.JL,s.Q7,s.oH,s.sg,s.u,s.x0,b.lN,b.KE,b.hX,Q.LD,Q.gD,O.ey,O.Nv,G.t,G.d,yt.Co,yt.nu,m.ot,m.lW,f.Ps,f.Hw,nt.R,ot.B],encapsulation:2,changeDetection:0}),o})();function Gr(o,r){1&o&&(t.TgZ(0,"div",13)(1,"p"),t._uU(2,"Minimum delay is 30 seconds"),t.qZA()())}function qr(o,r){1&o&&(t.TgZ(0,"div",13)(1,"p"),t._uU(2,"Maximum delay is 10 minutes"),t.qZA()())}let Mr=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get delayFormGroup(){return this.blockSetting.formGroup}set delayFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.delayFormGroup=this._flowUi.generateDelayFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.delayFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.delayFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-delay"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:20,vars:3,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],["class","p-2 bg-red-500 rounded-sm text-gray-50",4,"ngIf"],[1,"flex","items-center","w-full","gap-2"],["appearance","outline",1,"w-16"],["matInput","","type","number","formControlName","delay_amount"],["appearance","outline",1,"w-32"],["formControlName","delay_unit"],["value","second"],["value","minute"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"p-2","bg-red-500","rounded-sm","text-gray-50"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Continue the Flow after a delay. The bot will not respond to any message during the time delay."),t.qZA(),t.YNc(4,Gr,3,0,"div",2),t.YNc(5,qr,3,0,"div",2),t.TgZ(6,"div",3)(7,"mat-form-field",4),t._UZ(8,"input",5),t.qZA(),t.TgZ(9,"mat-form-field",6)(10,"mat-select",7)(11,"mat-option",8),t._uU(12,"Seconds"),t.qZA(),t.TgZ(13,"mat-option",9),t._uU(14,"Minutes"),t.qZA()()()()(),t.TgZ(15,"div",10)(16,"button",11),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(17,"Cancel"),t.qZA(),t.TgZ(18,"button",12),t._uU(19,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.delayFormGroup),t.xp6(4),t.Q6J("ngIf",null==n.delayFormGroup.errors?null:n.delayFormGroup.errors.minDelay),t.xp6(1),t.Q6J("ngIf",null==n.delayFormGroup.errors?null:n.delayFormGroup.errors.maxDelay))},dependencies:[c.ez,c.O5,s.UX,s._Y,s.Fj,s.wV,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.KE,Q.LD,Q.gD,O.ey,q.c,q.Nt],encapsulation:2,changeDetection:0}),o})();function Wr(o,r){if(1&o&&(t.TgZ(0,"li"),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.xp6(1),t.hij(" ",e," ")}}function Nr(o,r){if(1&o&&(t.TgZ(0,"div",9)(1,"mat-icon",10),t._uU(2,"error"),t.qZA(),t.TgZ(3,"div",11)(4,"span",12),t._uU(5,"Keyword must be unique. Duplicated keywords:"),t.qZA(),t.TgZ(6,"ul",13),t.YNc(7,Wr,2,1,"li",14),t.qZA()()()),2&o){const e=t.oxw();
1t.xp6(7),t.Q6J("ngForOf",null==e.entryBlockFormGroup.controls.keyword_groups.errors?null:e.entryBlockFormGroup.controls.keyword_groups.errors.uniqueKeyword.duplicatedKeywords)}}function Jr(o,r){1&o&&(t.TgZ(0,"div",9)(1,"mat-icon",10),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",12),t._uU(4,"You must add at least one keyword"),t.qZA()())}function $r(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",24)(1,"mat-form-field",25)(2,"mat-label"),t._uU(3,"Keyword"),t.qZA(),t._UZ(4,"input",26,27),t.TgZ(6,"mat-error"),t._uU(7,"Keyword is required"),t.qZA(),t.TgZ(8,"mat-hint",28),t._uU(9,"Keyword matching is "),t.TgZ(10,"b"),t._uU(11,"case-insensitive"),t.qZA()(),t.TgZ(12,"mat-hint",29),t._uU(13),t.qZA()(),t.TgZ(14,"button",30),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw().index,d=t.oxw();return t.KtG(d.removeKeyword(l,a))}),t.TgZ(15,"mat-icon"),t._uU(16,"delete_outline"),t.qZA()()()}if(2&o){const e=r.index,n=r.first,i=r.last,a=t.MAs(5);t.xp6(4),t.Q6J("formControlName",e),t.xp6(9),t.hij("",(null==a.value?null:a.value.length)||0,"/50"),t.xp6(1),t.Q6J("disabled",n&&i)}}const Qr=function(o){return{"!border-red-500":o}};function Er(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",15)(1,"span",16),t._uU(2,"Keyword Group"),t.qZA(),t.TgZ(3,"mat-form-field",17)(4,"mat-label"),t._uU(5,"Condition"),t.qZA(),t.TgZ(6,"mat-select",18)(7,"mat-option",19),t._uU(8,"Exact Match"),t.qZA(),t.TgZ(9,"mat-option",19),t._uU(10,"Contain"),t.qZA()()(),t.TgZ(11,"div",20)(12,"span"),t._uU(13,"Keywords"),t.qZA(),t.YNc(14,Jr,5,0,"div",2),t.YNc(15,$r,17,3,"div",21),t.qZA(),t.TgZ(16,"div",22)(17,"button",4),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.addKeyword(a))}),t.TgZ(18,"div",5)(19,"mat-icon"),t._uU(20,"add"),t.qZA(),t.TgZ(21,"span"),t._uU(22,"Add Keyword"),t.qZA()()(),t.TgZ(23,"button",23),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.removeKeywordGroup(a))}),t.TgZ(24,"mat-icon"),t._uU(25,"delete_outline"),t.qZA()()()()}if(2&o){const e=r.$implicit,n=r.index,i=t.oxw();t.Q6J("formGroupName",n)("ngClass",t.VKq(7,Qr,e.invalid)),t.xp6(6),t.Q6J("disabled",i.readonly),t.xp6(1),t.Q6J("value","match"),t.xp6(2),t.Q6J("value","contain"),t.xp6(5),t.Q6J("ngIf",0===e.value.keywords.length),t.xp6(1),t.Q6J("ngForOf",e.controls.keywords.controls)}}let Or=(()=>{class o{constructor(e,n,i){this._fb=e,this._flowUi=n,this.blockSetting=i,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get entryBlockFormGroup(){return this.blockSetting.formGroup}set entryBlockFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.entryBlockFormGroup=this._fb.group({keyword_groups:this._flowUi.generateKeywordGroupFormArray(this.data)}),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.entryBlockFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}addKeywordGroup(){this.entryBlockFormGroup.get("keyword_groups").push(this._fb.group({id:[this._flowUi.getUniqueId(),s.kI.required],keywords:this._fb.array([this._fb.control("",s.kI.required)]),condition:["contain",s.kI.required]}))}removeKeywordGroup(e){this.entryBlockFormGroup.get("keyword_groups").removeAt(e)}addKeyword(e){this.entryBlockFormGroup.get("keyword_groups").at(e).get("keywords").push(this._fb.control("",s.kI.required))}removeKeyword(e,n){this.entryBlockFormGroup.get("keyword_groups").at(e).get("keywords").removeAt(n)}submit(){this.entryBlockFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(s.qu),t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-entry-block"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:17,vars:3,consts:[[1,"h-full","flex","flex-col","gap-2",3,"formGroup","ngSubmit"],["formArrayName","keyword_groups",1,"flex","flex-col","flex-1","gap-4","overflow-y-auto","px-px"],["class","flex items-center gap-2 p-2 border text-red-800 bg-red-100 rounded-sm",4,"ngIf"],["class","flex flex-col dark:bg-neutral-600 border dark:border-neutral-500 rounded-md p-4",3,"formGroupName","ngClass",4,"ngFor","ngForOf"],["mat-stroked-button","","type","button",3,"click"],[1,"flex","items-center","justify-center","gap-2"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","items-center","gap-2","p-2","border","text-red-800","bg-red-100","rounded-sm"],["color","warn"],[1,"flex","flex-col"],[1,"flex-1"],[1,"list-disc","list-inside"],[4,"ngFor","ngForOf"],[1,"flex","flex-col","dark:bg-neutral-600","border","dark:border-neutral-500","rounded-md","p-4",3,"formGroupName","ngClass"],[1,"mb-2"],["appearance","fill"],["formControlName","condition",3,"disabled"],[3,"value"],["formArrayName","keywords",1,"flex","flex-col","gap-1","dark:bg-neutral-600","border","dark:border-neutral-500","rounded-md","p-4"],["class","flex items-center gap-2",4,"ngFor","ngForOf"],[1,"mt-4","flex","items-center","justify-between","gap-4"],["mat-icon-button","","color","warn","type","button","matTooltip","Delete keyword group",3,"click"],[1,"flex","items-center","gap-2"],["appearance","fill",1,"flex-1"],["matInput","","maxlength","50",3,"formControlName"],["input",""],["align","start"],["align","end"],["mat-icon-button","","color","warn","type","button","matTooltip","Delete keyword",3,"disabled","click"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"p"),t._uU(2,"Set up keywords to activate the bot. You can also include these keywords in a WhatsApp redirect link to allow your customers to trigger the bot."),t.qZA(),t.TgZ(3,"div",1),t.YNc(4,Nr,8,1,"div",2),t.YNc(5,Er,26,9,"div",3),t.TgZ(6,"button",4),t.NdJ("click",function(){return n.addKeywordGroup()}),t.TgZ(7,"div",5)(8,"mat-icon"),t._uU(9,"add"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Add Keyword Group"),t.qZA()()()(),t.TgZ(12,"div",6)(13,"button",7),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(14,"Cancel"),t.qZA(),t.TgZ(15,"button",8),t._uU(16,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.entryBlockFormGroup),t.xp6(4),t.Q6J("ngIf",null==n.entryBlockFormGroup.controls.keyword_groups.errors?null:n.entryBlockFormGroup.controls.keyword_groups.errors.uniqueKeyword),t.xp6(1),t.Q6J("ngForOf",n.entryBlockFormGroup.controls.keyword_groups.controls))},dependencies:[c.ez,c.mk,c.sg,c.O5,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.sg,s.u,s.x0,s.CE,b.lN,b.TO,b.KE,b.bx,b.hX,q.c,q.Nt,m.ot,m.lW,f.Ps,f.Hw,Q.LD,Q.gD,O.ey,J.AV,J.gM],encapsulation:2,changeDetection:0}),o})();var Ft=_(90811);function Dr(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Name is required"),t.qZA())}function Yr(o,r){if(1&o&&(t.TgZ(0,"mat-option",38),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.Oqu(e.name)}
1}function Rr(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Field is required"),t.qZA())}function Lr(o,r){if(1&o&&(t.TgZ(0,"mat-option",38),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.Oqu(e.name)}}function Pr(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",39)(1,"mat-label"),t._uU(2,"Operator"),t.qZA(),t.TgZ(3,"mat-select",40),t.YNc(4,Lr,2,2,"mat-option",33),t.qZA()()),2&o){const e=t.oxw().$implicit,n=t.oxw(4);t.xp6(4),t.Q6J("ngForOf",n.comparisonOperators[e.value.type])}}function Kr(o,r){1&o&&(t.TgZ(0,"mat-form-field",31)(1,"mat-label"),t._uU(2,"Value"),t.qZA(),t._UZ(3,"input",41),t.qZA())}function Hr(o,r){if(1&o&&(t.TgZ(0,"div",42),t._UZ(1,"mat-divider",43),t.TgZ(2,"mat-button-toggle-group",44)(3,"mat-button-toggle",45),t._uU(4,"AND"),t.qZA(),t.TgZ(5,"mat-button-toggle",46),t._uU(6,"OR"),t.qZA()(),t._UZ(7,"mat-divider",43),t.qZA()),2&o){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("formControl",e.controls.match_operator)("value",e.value.match_operator)}}const jr=function(o,r,e){return["branches",o,"segments",r,"conditions",e,"field"]};function Vr(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",23)(1,"div",29)(2,"div",30)(3,"mat-form-field",31)(4,"mat-label"),t._uU(5,"Select"),t.qZA(),t.TgZ(6,"mat-select",32),t.NdJ("selectionChange",function(i){const l=t.CHM(e).$implicit,d=t.oxw(4);return t.KtG(d.onConditionChange(l,i.value))}),t.YNc(7,Yr,2,2,"mat-option",33),t.ALo(8,"async"),t.qZA(),t.YNc(9,Rr,2,0,"mat-error",11),t.qZA(),t.YNc(10,Pr,5,1,"mat-form-field",34),t.YNc(11,Kr,4,0,"mat-form-field",35),t.qZA(),t.TgZ(12,"button",36),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw().index,d=t.oxw().index,x=t.oxw(2);return t.KtG(x.deleteCondition(d,l,a))}),t.TgZ(13,"mat-icon"),t._uU(14,"delete_outline"),t.qZA()()(),t.YNc(15,Hr,8,2,"div",37),t.qZA()}if(2&o){const e=r.$implicit,n=r.index,i=r.first,a=r.last,l=t.oxw().index,d=t.oxw().index,x=t.oxw(2);t.Q6J("formGroupName",n),t.xp6(7),t.Q6J("ngForOf",t.lcZ(8,7,x.conditions$)),t.xp6(2),t.Q6J("ngIf",x.ifElseFormGroup.hasError("required",t.kEZ(9,jr,d,l,n))),t.xp6(1),t.Q6J("ngIf",e.value.field),t.xp6(1),t.Q6J("ngIf",e.value.comparison_operator),t.xp6(1),t.Q6J("disabled",i&&a),t.xp6(3),t.Q6J("ngIf",!a)}}function zr(o,r){if(1&o&&(t.TgZ(0,"div",47),t._UZ(1,"mat-divider",43),t.TgZ(2,"mat-button-toggle-group",44)(3,"mat-button-toggle",45),t._uU(4,"AND"),t.qZA(),t.TgZ(5,"mat-button-toggle",46),t._uU(6,"OR"),t.qZA()(),t._UZ(7,"mat-divider",43),t.qZA()),2&o){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("formControl",e.controls.match_operator)("value",e.value.match_operator)}}function Xr(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",23)(1,"div",24),t.YNc(2,Vr,16,13,"div",20),t.TgZ(3,"div",25)(4,"button",22),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw().index,d=t.oxw(2);return t.KtG(d.addCondition(l,a))}),t.TgZ(5,"div",26)(6,"mat-icon"),t._uU(7,"add"),t.qZA(),t.TgZ(8,"span"),t._uU(9,"Add Condition"),t.qZA()()(),t.TgZ(10,"button",27),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw().index,d=t.oxw(2);return t.KtG(d.deleteSegment(l,a))}),t.TgZ(11,"mat-icon"),t._uU(12,"delete_outline"),t.qZA()()()(),t.YNc(13,zr,8,2,"div",28),t.qZA()}if(2&o){const e=r.$implicit,i=r.first,a=r.last;t.Q6J("formGroupName",r.index),t.xp6(2),t.Q6J("ngForOf",e.controls.conditions.controls),t.xp6(8),t.Q6J("disabled",i&&a),t.xp6(3),t.Q6J("ngIf",!a)}}const ta=function(o){return["branches",o,"name"]};function ea(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",16)(1,"div",17)(2,"mat-form-field",8)(3,"mat-label"),t._uU(4,"Name"),t.qZA(),t._UZ(5,"input",9,10),t.YNc(7,Dr,2,0,"mat-error",11),t.TgZ(8,"mat-hint",12),t._uU(9),t.qZA()(),t.TgZ(10,"button",18),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw(2);return t.KtG(l.deleteBranch(a))}),t.TgZ(11,"mat-icon"),t._uU(12,"delete_outline"),t.qZA()()(),t.TgZ(13,"div",19),t.YNc(14,Xr,14,4,"div",20),t.TgZ(15,"div",21)(16,"button",22),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw(2);return t.KtG(l.addSegment(a))}),t.TgZ(17,"div",6)(18,"mat-icon"),t._uU(19,"add"),t.qZA(),t.TgZ(20,"span"),t._uU(21,"Add Segment"),t.qZA()()()()()()}if(2&o){const e=r.$implicit,n=r.index,i=r.first,a=r.last,l=t.MAs(6),d=t.oxw(2);t.Q6J("formGroupName",n),t.xp6(7),t.Q6J("ngIf",d.ifElseFormGroup.hasError("required",t.VKq(5,ta,n))),t.xp6(2),t.hij("",(null==l.value?null:l.value.length)||0,"/30"),t.xp6(1),t.Q6J("disabled",i&&a),t.xp6(4),t.Q6J("ngForOf",e.controls.segments.controls)}}function na(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Default Branch name is required"),t.qZA())}function oa(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"form",1),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.submit())}),t.TgZ(1,"div",2)(2,"p"),t._uU(3,"Proceed with the Flow based on the conditions met for each branch. If multiple conditions are met, the first matching branch will be used."),t.qZA(),t.TgZ(4,"div",3),t.YNc(5,ea,22,7,"div",4),t.TgZ(6,"button",5),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.addBranch())}),t.TgZ(7,"div",6)(8,"mat-icon"),t._uU(9,"add"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Add Branch"),t.qZA()()()(),t.TgZ(12,"div",7)(13,"mat-form-field",8)(14,"mat-label"),t._uU(15,"Default Branch
1Name"),t.qZA(),t._UZ(16,"input",9,10),t.YNc(18,na,2,0,"mat-error",11),t.TgZ(19,"mat-hint"),t._uU(20,"This branch matches if no other branches do"),t.qZA(),t.TgZ(21,"mat-hint",12),t._uU(22),t.qZA()()()(),t.TgZ(23,"div",13)(24,"button",14),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.cancel.emit())}),t._uU(25,"Cancel"),t.qZA(),t.TgZ(26,"button",15),t._uU(27,"Apply"),t.qZA()()()}if(2&o){const e=t.MAs(17),n=t.oxw();t.Q6J("formGroup",n.ifElseFormGroup),t.xp6(5),t.Q6J("ngForOf",n.ifElseFormGroup.controls.branches.controls),t.xp6(13),t.Q6J("ngIf",n.ifElseFormGroup.hasError("required","default_branch.name")),t.xp6(4),t.hij("",(null==e.value?null:e.value.length)||0,"/30")}}let ia=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.conditions$=new I.X([{id:"source.phone",name:"Source Phone",type:"text"}]),this.comparisonOperators={text:[{id:"is",name:"Is"}]},this.destroy$=new w.x}get ifElseFormGroup(){return this.blockSetting.formGroup}set ifElseFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.ifElseFormGroup=this._flowUi.generateIfElseFormGroup(this.data),this.settingChangedListener(),this.context.adapter.attributes&&this.initAttributes()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.ifElseFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}initAttributes(){this.context.adapter.attributes.attributes$.pipe((0,C.q)(1)).subscribe({next:e=>{this.conditions$.next([...this.conditions$.value,...e.map(n=>({id:`attributes.${n}`,name:n,type:"text"}))])}})}addBranch(){this.ifElseFormGroup.get("branches").push(this._flowUi.generateIfElseBranch({id:this._flowUi.getUniqueId(),name:"Branch",segments:[{id:this._flowUi.getUniqueId(),conditions:[{id:this._flowUi.getUniqueId(),field:null,type:null,comparison_operator:null,value:null}],match_operator:"and"}],match_operator:"and"}))}addSegment(e){this.ifElseFormGroup.get(["branches",e,"segments"]).push(this._flowUi.generateIfElseBranchSegment({id:this._flowUi.getUniqueId(),conditions:[{id:this._flowUi.getUniqueId(),field:null,type:null,comparison_operator:null,value:null}],match_operator:"and"}))}addCondition(e,n){this.ifElseFormGroup.get(["branches",e,"segments",n,"conditions"]).push(this._flowUi.generateIfElseBranchSegmentCondition({id:this._flowUi.getUniqueId(),field:null,type:null,comparison_operator:null,value:null}))}deleteBranch(e){this.ifElseFormGroup.get("branches").removeAt(e)}deleteSegment(e,n){this.ifElseFormGroup.get(["branches",e,"segments"]).removeAt(n)}deleteCondition(e,n,i){this.ifElseFormGroup.get(["branches",e,"segments",n,"conditions"]).removeAt(i)}submit(){this.ifElseFormGroup.invalid||this.apply.emit()}onConditionChange(e,n){const i=this.conditions$.value.find(a=>a.id===n);i&&e.patchValue({comparison_operator:null,type:i.type,value:null})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-if-else"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:1,vars:1,consts:[["class","h-full flex flex-col gap-2",3,"formGroup","ngSubmit",4,"ngIf"],[1,"h-full","flex","flex-col","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],["formArrayName","branches",1,"flex","flex-col","gap-4"],["class","flex flex-col dark:bg-neutral-600 border dark:border-neutral-500 rounded-md p-4",3,"formGroupName",4,"ngFor","ngForOf"],["mat-stroked-button","","type","button",1,"self-start",3,"click"],[1,"flex","gap-2","items-center"],["formGroupName","default_branch",1,"flex","flex-col","dark:bg-neutral-600","border","dark:border-neutral-500","rounded-md","p-4"],["appearance","fill",1,"flex-1"],["matInput","","maxlength","30","formControlName","name"],["input",""],[4,"ngIf"],["align","end"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","flex-col","dark:bg-neutral-600","border","dark:border-neutral-500","rounded-md","p-4",3,"formGroupName"],[1,"flex","items-center","justify-between","gap-2","mb-1"],["mat-icon-button","","type","button","color","warn","matTooltip","Delete Branch",3,"disabled","click"],["formArrayName","segments",1,"flex","flex-col"],["class","flex flex-col dark:bg-neutral-600",3,"formGroupName",4,"ngFor","ngForOf"],[1,"mt-4"],["mat-stroked-button","","type","button",3,"click"],[1,"flex","flex-col","dark:bg-neutral-600",3,"formGroupName"],["formArrayName","conditions",1,"flex","flex-col","border","dark:border-neutral-500","rounded-md","p-4"],[1,"flex","items-center","justify-between","gap-4"],[1,"flex","gap-2","justify-between","items-center"],["mat-icon-button","","type","button","color","warn","matTooltip","Delete Segment",3,"disabled","click"],["class","flex items-center gap-2 my-4",4,"ngIf"],[1,"flex","justify-between","items-center","gap-2"],[1,"flex","items-center","gap-2"],["appearance","outline",1,"w-40"],["formControlName","field",3,"selectionChange"],[3,"value",4,"ngFor","ngForOf"],["appearance","outline","class","w-32",4,"ngIf"],["appearance","outline","class","w-40",4,"ngIf"],["mat-icon-button","","type","button","color","warn","matTooltip","Delete Condition",3,"disabled","click"],["class","flex items-center gap-2 mb-4",4,"ngIf"],[3,"value"],["appearance","outline",1,"w-32"],["formControlName","comparison_operator"],["matInput","","formControlName","value"],[1,"flex","items-center","gap-2","mb-4"],[1,"flex-1"],[3,"formControl","value"],["value","and"],["value","or"],[1,"flex","items-center","gap-2","my-4"]],template:function(e,n){1&e&&t.YNc(0,oa,28,4,"form",0),2&e&&t.Q6J("ngIf",n.ifElseFormGroup)},dependencies:[c.ez,c.sg,c.O5,c.Ov,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.oH,s.sg,s.u,s.x0,s.CE,b.lN,b.TO,b.KE,b.bx,b.hX,q.c,q.Nt,f.Ps,f.Hw,m.ot,m.lW,Ft.vV,Ft.A9,Ft.Yi,G.t,G.d,Q.LD,Q.gD,O.ey,J.AV,J.gM],encapsulation:2,changeDetection:0}),o})();function ra(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",7)(1,"mat-label"),t._uU(2,"Caption"),t.qZA(),t._UZ(3,"cm-textarea",8,9),t.TgZ(5,"mat-hint"),t._uU(6,"Use "),t.TgZ(7,"span"),t.IAx(),t._uU(8,"{{name}}"),t.fQ9(),t.qZA(),t._uU(9," for customer name"),t.qZA()()),2&o){const e=t.oxw();
1t.xp6(3),t.Q6J("options",e.options)}}let aa=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.options=[{id:"{{name}}",name:"Name"}],this.destroy$=new w.x}get mediaFormGroup(){return this.blockSetting.formGroup}set mediaFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.mediaFormGroup=this._flowUi.generateMediaFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.mediaFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}onFilePathChange(e){this.mediaFormGroup.patchValue({url:e})}onFileNameChange(e){this.mediaFormGroup.patchValue({name:e})}submit(){this.mediaFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-media"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:11,vars:7,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],["appearance","outline",4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],["appearance","outline"],["formControlName","caption",3,"options"],["input",""]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send an image to your customer."),t.qZA(),t.TgZ(4,"wa-bot-block-setting-upload-file",2),t.NdJ("filePathChange",function(a){return n.onFilePathChange(a)})("fileNameChange",function(a){return n.onFileNameChange(a)}),t.qZA(),t.YNc(5,ra,10,1,"mat-form-field",3),t.qZA(),t.TgZ(6,"div",4)(7,"button",5),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(8,"Cancel"),t.qZA(),t.TgZ(9,"button",6),t._uU(10,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.mediaFormGroup),t.xp6(4),t.Q6J("id",n.id)("context",n.context)("mediaType","image")("filePath",n.mediaFormGroup.value.url)("fileName",n.mediaFormGroup.value.name),t.xp6(1),t.Q6J("ngIf",n.mediaFormGroup.value.url))},dependencies:[c.ez,c.O5,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.KE,b.bx,b.hX,nt.R,ot.B,ct],encapsulation:2,changeDetection:0}),o})();var vt=_(56709);function la(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Message is required"),t.qZA())}const ca=function(){return["message"]};let sa=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x,this.options=[{id:"{{name}}",name:"Name"}]}get messageFormGroup(){return this.blockSetting.formGroup}set messageFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.messageFormGroup=this._flowUi.generateMessageFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.messageFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.messageFormGroup.invalid?this.messageFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-message"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:22,vars:4,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],["appearance","outline"],["formControlName","message",3,"options"],["input",""],[4,"ngIf"],["formControlName","link_preview"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a text message to your customer."),t.qZA(),t.TgZ(4,"mat-form-field",2)(5,"mat-label"),t._uU(6,"Message"),t.qZA(),t._UZ(7,"cm-textarea",3,4),t.TgZ(9,"mat-hint"),t._uU(10,"Use "),t.TgZ(11,"span"),t.IAx(),t._uU(12,"{{name}}"),t.fQ9(),t.qZA(),t._uU(13," for customer name"),t.qZA(),t.YNc(14,la,2,0,"mat-error",5),t.qZA(),t.TgZ(15,"mat-checkbox",6),t._uU(16,"Preview Link"),t.qZA()(),t.TgZ(17,"div",7)(18,"button",8),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(19,"Cancel"),t.qZA(),t.TgZ(20,"button",9),t._uU(21,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.messageFormGroup),t.xp6(7),t.Q6J("options",n.options),t.xp6(7),t.Q6J("ngIf",n.messageFormGroup.hasError("required",t.DdM(3,ca))))}
1,dependencies:[c.ez,c.O5,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.TO,b.KE,b.bx,b.hX,Q.LD,q.c,vt.p9,vt.oG,nt.R,ot.B],encapsulation:2,changeDetection:0}),o})();function ua(o,r){1&o&&(t.TgZ(0,"div",19)(1,"mat-icon",20),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",21),t._uU(4,"Poll must have at least 2 options"),t.qZA()())}function da(o,r){1&o&&(t.TgZ(0,"div",19)(1,"mat-icon",20),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",21),t._uU(4,"Options name must be unique"),t.qZA()())}function pa(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Title is required"),t.qZA())}function _a(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Poll name is required"),t.qZA())}const ma=function(o){return["options",o,"name"]};function ga(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",22)(1,"div",23)(2,"mat-icon"),t._uU(3,"drag_handle"),t.qZA()(),t.TgZ(4,"mat-form-field",24)(5,"mat-label"),t._uU(6,"Option name"),t.qZA(),t._UZ(7,"input",25,6),t.TgZ(9,"mat-hint",7),t._uU(10),t.qZA(),t.YNc(11,_a,2,0,"mat-error",8),t.qZA(),t.TgZ(12,"button",26),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw(2);return t.KtG(l.removeOption(a))}),t.TgZ(13,"mat-icon"),t._uU(14,"delete_outline"),t.qZA()()()}if(2&o){const e=r.index,n=t.MAs(8),i=t.oxw(2);t.Q6J("formGroupName",e),t.xp6(1),t.Q6J("cdkDragHandleDisabled",i.readonly),t.xp6(9),t.hij("",(null==n?null:n.value.length)||0,"/100"),t.xp6(1),t.Q6J("ngIf",i.pollFormGroup.hasError("required",t.VKq(5,ma,e))),t.xp6(1),t.Q6J("disabled",i.pollFormGroup.value.options.length<=2)}}const fa=function(){return["title"]};function ha(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"form",1),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.submit())}),t.TgZ(1,"div",2)(2,"p"),t._uU(3,"Send a Poll to your customer. Only one vote can be selected at a time."),t.qZA(),t.YNc(4,ua,5,0,"div",3),t.YNc(5,da,5,0,"div",3),t.TgZ(6,"mat-form-field",4)(7,"mat-label"),t._uU(8,"Poll Title"),t.qZA(),t._UZ(9,"cm-textarea",5,6),t.TgZ(11,"mat-hint"),t._uU(12,"Use "),t.TgZ(13,"span"),t.IAx(),t._uU(14,"{{name}}"),t.fQ9(),t.qZA(),t._uU(15," for customer name"),t.qZA(),t.TgZ(16,"mat-hint",7),t._uU(17),t.qZA(),t.YNc(18,pa,2,0,"mat-error",8),t.qZA(),t.TgZ(19,"div",9),t.NdJ("cdkDropListDropped",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.reorderOption(i))}),t.TgZ(20,"div",10)(21,"span"),t._uU(22,"Poll options"),t.qZA(),t.TgZ(23,"p",11),t._uU(24,"You can add up to 12 options"),t.qZA()(),t.TgZ(25,"div",12),t.YNc(26,ga,15,7,"div",13),t.qZA(),t.TgZ(27,"button",14),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.addOption())}),t.TgZ(28,"div",15)(29,"mat-icon"),t._uU(30,"add"),t.qZA(),t.TgZ(31,"span"),t._uU(32,"Add Option"),t.qZA()()()()(),t.TgZ(33,"div",16)(34,"button",17),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.cancel.emit())}),t._uU(35,"Cancel"),t.qZA(),t.TgZ(36,"button",18),t._uU(37,"Apply"),t.qZA()()()}if(2&o){const e=t.MAs(10),n=t.oxw();t.Q6J("formGroup",n.pollFormGroup),t.xp6(4),t.Q6J("ngIf",null==n.pollFormGroup.controls.options.errors?null:n.pollFormGroup.controls.options.errors.requiredArray),t.xp6(1),t.Q6J("ngIf",null==n.pollFormGroup.controls.options.errors?null:n.pollFormGroup.controls.options.errors.uniqueOption),t.xp6(4),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==e?null:e.value.length)||0,"/255"),t.xp6(1),t.Q6J("ngIf",n.pollFormGroup.hasError("required",t.DdM(9,fa))),t.xp6(8),t.Q6J("ngForOf",n.pollFormGroup.controls.options.controls)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.pollFormGroup.value.options.length>=12)}}let ba=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x,this.options=[{id:"{{name}}",name:"Name"}]}get pollFormGroup(){return this.blockSetting.formGroup}set pollFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.pollFormGroup=this._flowUi.generatePollFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.pollFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}reorderOption(e){const n=this.pollFormGroup.get("options"),i=this.swapElement(n.value,e.previousIndex,e.currentIndex);
1n.clear(),i.forEach(a=>n.push(this._flowUi.generatePollOptionFormGroup(a)))}swapElement(e,n,i){const a=[...e];return a.splice(i,0,a.splice(n,1)[0]),a}addOption(){const n={id:this._flowUi.getUniqueId(),name:null};this.pollFormGroup.get("options").push(this._flowUi.generatePollOptionFormGroup(n))}removeOption(e){this.pollFormGroup.get("options").removeAt(e)}trackByFn(e,n){return n.value.id}submit(){this.pollFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-poll"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:1,vars:1,consts:[["class","h-full flex flex-col gap-4",3,"formGroup","ngSubmit",4,"ngIf"],[1,"h-full","flex","flex-col","gap-4",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],["class","flex items-center gap-2 p-2 border text-red-800 bg-red-100 rounded-sm",4,"ngIf"],["appearance","outline"],["formControlName","title",3,"options"],["input",""],["align","end"],[4,"ngIf"],["formArrayName","options","cdkDropList","",1,"flex","flex-col","gap-2","option-list",3,"cdkDropListDropped"],[1,"flex","flex-col"],[1,"text-gray-600","dark:text-gray-300"],[1,"flex","flex-col","gap-1"],["class","option flex items-center gap-1","cdkDrag","","cdkDragLockAxis","y",3,"formGroupName",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",1,"self-start",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","items-center","gap-2","p-2","border","text-red-800","bg-red-100","rounded-sm"],["color","warn"],[1,"flex-1"],["cdkDrag","","cdkDragLockAxis","y",1,"option","flex","items-center","gap-1",3,"formGroupName"],["cdkDragHandle","",1,"flex","items-center","justify-center","w-6","h-6","cursor-n-resize",3,"cdkDragHandleDisabled"],["appearance","fill",1,"w-full"],["matInput","","formControlName","name","maxlength","100"],["mat-icon-button","","type","button","color","warn",3,"disabled","click"]],template:function(e,n){1&e&&t.YNc(0,ha,38,10,"form",0),2&e&&t.Q6J("ngIf",n.pollFormGroup)},dependencies:[c.ez,c.sg,c.O5,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.sg,s.u,s.x0,s.CE,K._t,K.Wj,K.Zt,K.Bh,m.ot,m.lW,b.lN,b.TO,b.KE,b.bx,b.hX,f.Ps,f.Hw,J.AV,q.c,q.Nt,nt.R,ot.B],styles:[".cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.option-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .option[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"],changeDetection:0}),o})();var pt=_(37084),it=_(71948),_t=_(48016),z=_(29521),Jt=_(73845);function xa(o,r){if(1&o&&(t.TgZ(0,"mat-option",20),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e),t.xp6(1),t.hij(" ",e," ")}}function ka(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Attribute is required"),t.qZA())}function ya(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Attribute cannot contain space"),t.qZA())}function va(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Maximum 50 characters"),t.qZA())}function wa(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"mat-expansion-panel",12)(1,"mat-expansion-panel-header")(2,"mat-panel-title"),t._uU(3,"Save Reply To"),t.qZA(),t.TgZ(4,"mat-panel-description"),t._uU(5),t.qZA()(),t.TgZ(6,"div",26)(7,"p"),t._uU(8,"An "),t.TgZ(9,"span",4),t._uU(10,"attribute"),t.qZA(),t._uU(11," is a field that stores answer provided by your customer."),t.qZA(),t.TgZ(12,"mat-form-field",27)(13,"mat-label"),t._uU(14,"Attribute"),t.qZA(),t.TgZ(15,"mat-select",28)(16,"mat-option",20),t._uU(17,"---"),t.qZA(),t.YNc(18,xa,2,2,"mat-option",29),t.qZA()(),t.TgZ(19,"form",30,31),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.MAs(20),a=t.oxw(2);return t.KtG(a.addAttribute(i))}),t.TgZ(21,"h2",32),t._uU(22,"Add New Attribute"),t.qZA(),t.TgZ(23,"mat-form-field",27)(24,"mat-label"),t._uU(25,"New Attribute"),t.qZA(),t._UZ(26,"input",33,34),t.TgZ(28,"mat-hint",35),t._uU(29),t.qZA(),t.YNc(30,ka,2,0,"mat-error",36),t.YNc(31,ya,2,0,"mat-error",36),t.YNc(32,va,2,0,"mat-error",36),t.qZA(),t.TgZ(33,"button",37),t._uU(34," Add Attribute "),t.qZA()()()()}
1if(2&o){const e=r.ngIf,n=t.MAs(27),i=t.oxw(2);t.Q6J("expanded",!1),t.xp6(5),t.Oqu(i.processReplyFormGroup.value.attribute_id||"-"),t.xp6(11),t.Q6J("value",""),t.xp6(2),t.Q6J("ngForOf",e),t.xp6(1),t.Q6J("formGroup",i.addAttributeFormGroup),t.xp6(10),t.hij("",(null==n.value?null:n.value.length)||0,"/50"),t.xp6(1),t.Q6J("ngIf",i.addAttributeFormGroup.hasError("required","attribute")),t.xp6(1),t.Q6J("ngIf",i.addAttributeFormGroup.hasError("hasSpace","attribute")),t.xp6(1),t.Q6J("ngIf",i.addAttributeFormGroup.hasError("maxlength","attribute"))}}function Ca(o,r){1&o&&(t.TgZ(0,"p",4),t._uU(1," You do not have any match group yet "),t.qZA())}function Ta(o,r){1&o&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2,"Contains the words:"),t.qZA(),t.BQk())}function Za(o,r){1&o&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2,"Reply doesn't match anything"),t.qZA(),t.BQk())}function Ba(o,r){if(1&o&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2,"Matches if reply is similar to:"),t.qZA(),t.TgZ(3,"span",45),t._uU(4),t.qZA(),t.TgZ(5,"span"),t._uU(6,"Or contains the words:"),t.qZA(),t.BQk()),2&o){const e=t.oxw().$implicit,n=t.oxw(2);t.xp6(4),t.hij(" ",n.matchTypeObj[e.value.type]," ")}}function Ia(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"mat-chip",51),t.NdJ("removed",function(){const a=t.CHM(e).index,l=t.oxw(2).index,d=t.oxw(2);return t.KtG(d.removeKeyword(l,a))}),t._uU(1),t.TgZ(2,"mat-icon",52),t._uU(3,"cancel"),t.qZA()()}if(2&o){const e=r.$implicit,n=t.oxw(4);t.Q6J("disabled",n.readonly),t.xp6(1),t.hij(" ",e," "),t.xp6(1),t.Q6J("disabled",n.readonly)}}function Aa(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"mat-form-field",27)(1,"mat-label"),t._uU(2,"Keywords"),t.qZA(),t.TgZ(3,"mat-chip-list",46,47),t.YNc(5,Ia,4,3,"mat-chip",48),t.TgZ(6,"input",49),t.NdJ("matChipInputTokenEnd",function(i){t.CHM(e);const a=t.oxw().index,l=t.oxw(2);return t.KtG(l.addKeywordFromInput(a,i))}),t.qZA()(),t.TgZ(7,"mat-error"),t._uU(8,"Keyword is required"),t.qZA(),t.TgZ(9,"mat-hint",50),t._uU(10,"Matching is "),t.TgZ(11,"b"),t._uU(12,"case-insensitive"),t.qZA()()()}if(2&o){const e=t.MAs(4),n=t.oxw().$implicit,i=t.oxw(2);t.xp6(5),t.Q6J("ngForOf",n.value.keywords),t.xp6(1),t.Q6J("matChipInputFor",e)("matChipInputSeparatorKeyCodes",i.separatorKeysCodes)("readonly",i.readonly)}}function Fa(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",38),t.ynx(1,39),t.YNc(2,Ta,3,0,"ng-container",40),t.YNc(3,Za,3,0,"ng-container",40),t.YNc(4,Ba,7,1,"ng-container",41),t.BQk(),t.YNc(5,Aa,13,4,"mat-form-field",42),t.TgZ(6,"button",43),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(2);return t.KtG(l.removeMatchGroup(a.value.id))}),t.TgZ(7,"div",44)(8,"mat-icon"),t._uU(9,"delete_outline"),t.qZA(),t.TgZ(10,"span"),t._uU(11,"Remove"),t.qZA()()()()}if(2&o){const e=r.$implicit;t.Q6J("formGroupName",r.index),t.xp6(1),t.Q6J("ngSwitch",e.value.type),t.xp6(1),t.Q6J("ngSwitchCase","others"),t.xp6(1),t.Q6J("ngSwitchCase","fallback"),t.xp6(2),t.Q6J("ngIf","fallback"!==e.value.type)}}function Ua(o,r){1&o&&(t.TgZ(0,"div",60)(1,"p"),t._uU(2,"Minimum delay is 30 seconds"),t.qZA()())}function Sa(o,r){1&o&&(t.TgZ(0,"div",60)(1,"p"),t._uU(2,"Maximum delay is 10 hours"),t.qZA()())}function Ga(o,r){if(1&o&&(t.TgZ(0,"mat-option",20),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function qa(o,r){if(1&o&&(t.TgZ(0,"div",53)(1,"p"),t._uU(2,"How long should the bot wait?"),t.qZA(),t.YNc(3,Ua,3,0,"div",54),t.YNc(4,Sa,3,0,"div",54),t.TgZ(5,"div",55)(6,"mat-form-field",56),t._UZ(7,"input",57),t.qZA(),t.TgZ(8,"mat-form-field",58)(9,"mat-select",59),t.YNc(10,Ga,2,2,"mat-option",29),t.qZA()()()()),2&o){const e=t.oxw(2);t.xp6(3),t.Q6J("ngIf",e.processReplyFormGroup.hasError("minDelay","no_reply")),t.xp6(1),t.Q6J("ngIf",e.processReplyFormGroup.hasError("maxDelay","no_reply")),t.xp6(6),t.Q6J("ngForOf",e.timeOptions)}}function Ma(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"form",9),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.submit())}),t.TgZ(1,"mat-accordion",10),t.YNc(2,wa,35,9,"mat-expansion-panel",11),t.ALo(3,"async"),t._UZ(4,"mat-divider"),t.TgZ(5,"mat-expansion-panel",12)(6,"mat-expansion-panel-header")(7,"mat-panel-title"),t._uU(8,"Match Reply"),t.qZA(),t.TgZ(9,"mat-panel-description"),t._uU(10),t.qZA()(),t.TgZ(11,"form",13)(12,"p"),t._uU(13,"A "),t.TgZ(14,"span",4),t._uU(15,"match group"),t.qZA(),t._uU(16," can be used to match customer reply and direct them accordingly."),t.qZA(),t.YNc(17,Ca,2,0,"p",14),t.YNc(18,Fa,12,5,"div",15),t.TgZ(19,"button",16),t.NdJ("click",function(){t.CHM(e),t.oxw();const i=t.MAs(2);return t.KtG(i.open())}),t._uU(20," Add Match Group "),t.qZA()()(),t._UZ(21,"mat-divider"),t.TgZ(22,"mat-expansion-panel",12)(23,"mat-expansion-panel-header")(24,"mat-panel-title"),t._uU(25,"If there is no reply"),t.qZA(),t.TgZ(26,"mat-panel-description"),t._uU(27),t.qZA()(),t.TgZ(28,"div",17)(29,"div",18)(30,"p"),t._uU(31,"What should the bot do?"),t.qZA(),t.TgZ(32,"mat-radio-group",19)(33,"mat-radio-button",20),t._uU(34,"Do nothing"),t.qZA(),t.TgZ(35,"mat-radio-button",20)(36,"div",21)(37,"p"),t._uU(38,"Continue to another block"),t.qZA()()()()(),t.YNc(39,qa,11,3,"div",22),t.qZA()(),t._UZ(40,"mat-divider"),t.qZA(),t.TgZ(41,"div",23)(42,"button",24),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.cancel.emit())}),t._uU(43,"Cancel"),t.qZA(),t.TgZ(44,"button",25),t._uU(45,"Apply"),t.qZA()()()}if(2&o){const e=t.oxw(),n=t.MAs(2);t.Q6J("formGroup",e.processReplyFormGroup),t.xp6(1),t.Q6J("displayMode","flat"),t.xp6(1),t.Q6J("ngIf",t.lcZ(3,13,e.attributes$)),t.xp6(3),t.Q6J("expanded",!1),t.xp6(5),t.hij("",e.processReplyFormGroup.controls.reply_matching.controls.length," group(s)"),t.xp6(7),t.Q6J("ngIf",0===e.processReplyFormGroup.controls.reply_matching.controls.length),t.xp6(1),t.Q6J("ngForOf",e.processReplyFormGroup.controls.reply_matching.controls),t.xp6(1),t.Q6J("satPopoverAnchor",n),t.xp6(3),t.Q6J("expanded",!1),t.xp6(5),t.Oqu("continue_c
1onversation"===e.processReplyFormGroup.value.no_reply.action?"Continue after "+e.processReplyFormGroup.value.no_reply.delay.amount+" "+e.processReplyFormGroup.value.no_reply.delay.unit+"(s)":"-"),t.xp6(6),t.Q6J("value",null),t.xp6(2),t.Q6J("value","continue_conversation"),t.xp6(4),t.Q6J("ngIf",null!==e.processReplyFormGroup.value.no_reply.action)}}function Wa(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",7),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=t.MAs(2);return t.KtG(l.addMatchGroup(d,a.id))}),t.ALo(1,"async"),t._uU(2),t.qZA()}if(2&o){const e=r.$implicit,n=t.oxw();let i;t.Q6J("disabled",null==(i=t.lcZ(1,2,n.selectedMatchGroupIds$))?null:i.includes(e.id)),t.xp6(2),t.hij(" ",e.name," ")}}let Na=(()=>{class o{constructor(e,n,i,a){this._fb=e,this._flowUi=n,this._toast=i,this.blockSetting=a,this.apply=new t.vpe,this.cancel=new t.vpe,this.separatorKeysCodes=[z.K5,z.OC],this.matchTypes=this._flowUi.matchTypes,this.matchTypeObj=(0,ft.Z)((0,ht.Z)(this.matchTypes,"id"),"name"),this.timeOptions=[{id:"second",name:"Seconds"},{id:"minute",name:"Minutes"},{id:"hour",name:"Hours"},{id:"day",name:"Days"}],this.addAttributeFormGroup=this._fb.group({attribute:["",[s.kI.required,s.kI.maxLength(50),this.attributeValidator()]]}),this.destroy$=new w.x}get processReplyFormGroup(){return this.blockSetting.formGroup}set processReplyFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.attributes$=this.context.adapter.attributes?.attributes$,this.processReplyFormGroup=this._flowUi.generateProcessReplyFormGroup(this.data),this.settingChangedListener(),this.selectedMatchGroupIds$=this.processReplyFormGroup.get("reply_matching").valueChanges.pipe((0,$.O)(this.processReplyFormGroup.get("reply_matching").value),(0,T.U)(e=>e.map(n=>n.type).filter(n=>"others"!==n)),(0,B.d)({bufferSize:1,refCount:!0}))}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.processReplyFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}addMatchGroup(e,n){const i=this.processReplyFormGroup.get("reply_matching"),a=this._flowUi.getUniqueId();let l=i.length;-1!==i.value.findIndex(x=>"fallback"===x.type)&&l>0&&(l-=1),i.insert(l,this._flowUi.generateReplyMatchingFormGroup({id:a,type:n,keywords:[]})),e.close()}removeMatchGroup(e){const n=this.processReplyFormGroup.get("reply_matching"),i=n.value.findIndex(a=>a.id===e);n.removeAt(i)}addKeywordFromInput(e,n){if(n.value&&n.value.trim()){const a=this.processReplyFormGroup.get("reply_matching").at(e).get("keywords");a.setValue([...a.value,n.value.trim()]),n.chipInput.clear()}}removeKeyword(e,n){const a=this.processReplyFormGroup.get("reply_matching").at(e).get("keywords");a.setValue(a.value.filter((d,x)=>x!==n))}addAttribute(e){if(e.invalid||!this.context.adapter.attributes)return;const{attribute:n}=e.value;this.context.adapter.attributes.addAttribute(n).subscribe({next:()=>{e.resetForm(),this._toast.openSnackBar("Attribute is added")},error:i=>{this._toast.openSnackBar(`Error adding attribute: ${i.message}`,"error")}})}attributeValidator(){return e=>{const n=e.value;return n&&/\s/.test(n)?{hasSpace:!0}:null}}submit(){this.processReplyFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(s.qu),t.Y36(A.c),t.Y36(Jt.D),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-process-reply"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:21,vars:5,consts:[["class","flex flex-col gap-2 h-full",3,"formGroup","ngSubmit",4,"ngIf"],["horizontalAlign","center","verticalAlign","above","hasBackdrop","true"],["matchGroupPopover",""],[1,"flex","flex-col","gap-2","p-4","theme-background","mat-elevation-z1","w-72","h-128"],[1,"italic"],[1,"flex","flex-col","overflow-y-auto"],["mat-button","","type","button",1,"!text-left",3,"click"],["mat-button","","type","button",1,"!text-left",3,"disabled","click"],["mat-button","","class","!text-left","type","button",3,"disabled","click",4,"ngFor","ngForOf"],[1,"flex","flex-col","gap-2","h-full",3,"formGroup","ngSubmit"],[1,"flex-1","overflow-y-auto",3,"displayMode"],["class","mat-elevation-z0",3,"expanded",4,"ngIf"],[1,"mat-elevation-z0",3,"expanded"],["formArrayName","reply_matching",1,"flex","flex-col","gap-2"],["class","italic",4,"ngIf"],["class","relative flex flex-col gap-1 p-2 bg-gray-100 dark:bg-neutral-600",3,"formGroupName",4,"ngFor","ngForOf"],["mat-flat-button","","type","button","color","accent",1,"self-start",3,"satPopoverAnchor","click"],["formGroupName","no_reply",1,"flex","flex-col","gap-2"],[1,"flex","flex-col","gap-2"],["formControlName","action",1,"flex","flex-col","gap-2"],[3,"value"],[1,"flex","flex-col"],["class","flex flex-col gap-2","formGroupName","delay",4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],["formGroupName","collect_answer",1,"flex","flex-col","gap-2"],["appearance","fill"],["formControlName","attribute_id"],[3,"value",4,"ngFor","ngForOf"],[1,"flex","flex-col","gap-1","-mt-3",3,"formGroup","ngSubmit"],["addAttributeForm","ngForm"],[1,"text-sm","font-medium"],["matInput","","formControlName","attribute","placeholder","Email, Location"],["input",""],["align","end"],[4,"ngIf"],["mat-flat-button","","color","accent",1,"self-end"],[1,"relative","flex","flex-col","gap-1","p-2","bg-gray-100","dark:bg-neutral-600",3,"formGroupName"],[3,"ngSwitch"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["appearance","fill",4,"ngIf"],["mat-stroked-button","","color","warn","type","button",1,"self-start",3,"click"],[1,"flex","items-center","gap-1"],[1,"self-start","px-2","bg-gray-100","rounded-2xl","dar
1k:bg-neutral-500"],["formControlName","keywords"],["chipList",""],[3,"disabled","removed",4,"ngFor","ngForOf"],["matChipInputAddOnBlur","",3,"matChipInputFor","matChipInputSeparatorKeyCodes","readonly","matChipInputTokenEnd"],["align","start"],[3,"disabled","removed"],["matChipRemove","",3,"disabled"],["formGroupName","delay",1,"flex","flex-col","gap-2"],["class","p-2 bg-red-500 rounded-sm text-gray-50",4,"ngIf"],[1,"flex","items-center","gap-2"],["appearance","outline",1,"w-12"],["matInput","","type","number","min","1","max","99","formControlName","amount"],["appearance","outline",1,"w-32"],["formControlName","unit"],[1,"p-2","bg-red-500","rounded-sm","text-gray-50"]],template:function(e,n){if(1&e){const i=t.EpF();t.YNc(0,Ma,46,15,"form",0),t.TgZ(1,"sat-popover",1,2)(3,"div",3)(4,"p"),t._uU(5,"Select an expected reply category to increase reply matching accuracy."),t.qZA(),t.TgZ(6,"p"),t._uU(7,"If you're unsure which category to choose, or the expected reply does not fall under any of the categories, select "),t.TgZ(8,"span",4),t._uU(9,"Others"),t.qZA(),t._uU(10,"."),t.qZA(),t.TgZ(11,"span"),t._uU(12,"Categories:"),t.qZA(),t.TgZ(13,"div",5)(14,"button",6),t.NdJ("click",function(){t.CHM(i);const l=t.MAs(2);return t.KtG(n.addMatchGroup(l,"others"))}),t._uU(15," Others "),t.qZA(),t.TgZ(16,"button",7),t.NdJ("click",function(){t.CHM(i);const l=t.MAs(2);return t.KtG(n.addMatchGroup(l,"fallback"))}),t.ALo(17,"async"),t._uU(18," Doesn't match anything "),t.qZA(),t._UZ(19,"mat-divider"),t.YNc(20,Wa,3,4,"button",8),t.qZA()()()}if(2&e){let i;t.Q6J("ngIf",n.processReplyFormGroup),t.xp6(16),t.Q6J("disabled",null==(i=t.lcZ(17,3,n.selectedMatchGroupIds$))?null:i.includes("fallback")),t.xp6(4),t.Q6J("ngForOf",n.matchTypes)}},dependencies:[c.ez,c.sg,c.O5,c.RF,c.n9,c.ED,c.Ov,s.UX,s._Y,s.Fj,s.wV,s.JJ,s.JL,s.qQ,s.Fd,s.sg,s.u,s.x0,s.CE,pt.To,pt.pp,pt.ib,pt.yz,pt.yK,pt.u4,b.lN,b.TO,b.KE,b.bx,b.hX,q.c,q.Nt,m.ot,m.lW,dt.Hi,dt.qn,dt.HS,dt.oH,dt.qH,G.t,G.d,it.Fk,it.VQ,it.U0,f.Ps,f.Hw,Q.LD,Q.gD,O.ey,_t.mR,_t.Vf,_t.vF],encapsulation:2,changeDetection:0}),o})();var Ja=_(12687),$a=_(40445),at=_(21281),Qa=_(83353),Ea=_(50727);const Oa=["sliderWrapper"],V=(0,Qa.i$)({passive:!1}),Pa={provide:s.JU,useExisting:(0,t.Gpc)(()=>wt),multi:!0};class Ka{}const Ha=(0,O.sb)((0,O.pj)((0,O.Id)(class{constructor(o){this._elementRef=o}}),"accent"));let wt=(()=>{class o extends Ha{constructor(e,n,i,a,l,d,x,k){super(e),this._focusMonitor=n,this._changeDetectorRef=i,this._dir=a,this._ngZone=d,this._animationMode=k,this._invert=!1,this._max=100,this._min=0,this._step=1,this._thumbLabel=!1,this._tickInterval=0,this._value=null,this._vertical=!1,this.change=new t.vpe,this.input=new t.vpe,this.valueChange=new t.vpe,this.onTouched=()=>{},this._percent=0,this._isSliding=null,this._isActive=!1,this._tickIntervalPercent=0,this._sliderDimensions=null,this._controlValueAccessorChangeFn=()=>{},this._dirChangeSubscription=Ea.w0.EMPTY,this._pointerDown=h=>{this.disabled||this._isSliding||!bt(h)&&0!==h.button||this._ngZone.run(()=>{this._touchId=bt(h)?function ja(o,r){for(let e=0;e<o.touches.length;e++){const n=o.touches[e].target;if(r===n||r.contains(n))return o.touches[e].identifier}}(h,this._elementRef.nativeElement):void 0;const y=Qt(h,this._touchId);if(y){const F=this.value;this._isSliding="pointer",this._lastPointerEvent=h,this._focusHostElement(),this._onMouseenter(),this._bindGlobalEvents(h),this._focusHostElement(),this._updateValueFromPosition(y),this._valueOnSlideStart=F,h.cancelable&&h.preventDefault(),F!=this.value&&this._emitInputEvent()}})},this._pointerMove=h=>{if("pointer"===this._isSliding){const y=Qt(h,this._touchId);if(y){h.cancelable&&h.preventDefault();const F=this.value;this._lastPointerEvent=h,this._updateValueFromPosition(y),F!=this.value&&this._emitInputEvent()}}},this._pointerUp=h=>{"pointer"===this._isSliding&&(!bt(h)||"number"!=typeof this._touchId||Ut(h.changedTouches,this._touchId))&&(h.cancelable&&h.preventDefault(),this._removeGlobalEvents(),this._isSliding=null,this._touchId=void 0,this._valueOnSlideStart!=this.value&&!this.disabled&&this._emitChangeEvent(),this._valueOnSlideStart=this._lastPointerEvent=null)},this._windowBlur=()=>{this._lastPointerEvent&&this._pointerUp(this._lastPointerEvent)},this._document=x,this.tabIndex=parseInt(l)||0,d.runOutsideAngular(()=>{const h=e.nativeElement;h.addEventListener("mousedown",this._pointerDown,V),h.addEventListener("touchstart",this._pointerDown,V)})}get invert(){return this._invert}set invert(e){this._invert=(0,at.Ig)(e)}get max(){return this._max}set max(e){this._max=(0,at.su)(e,this._max),this._percent=this._calculatePercentage(this._value),this._changeDetectorRef.markForCheck()}get min(){return this._min}set min(e){this._min=(0,at.su)(e,this._min),this._percent=this._calculatePercentage(this._value),this._changeDetectorRef.markForCheck()}get step(){return this._step}set step(e){this._step=(0,at.su)(e,this._step),this._step%1!=0&&(this._roundToDecimal=this._step.toString().split(".").pop().length),this._changeDetectorRef.markForCheck()}get thumbLabel(){return this._thumbLabel}set thumbLabel(e){this._thumbLabel=(0,at.Ig)(e)}get tickInterval(){return this._tickInterval}set tickInterval(e){this._tickInterval="auto"===e?"auto":"number"==typeof e||"string"==typeof e?(0,at.su)(e,this._tickInterval):0}get value(){return null===this._value&&(this.value=this._min),this._value}set value(e){if(e!==this._value){let n=(0,at.su)(e,0);this._roundToDecimal&&n!==this.min&&n!==this.max&&(n=parseFloat(n.toFixed(this._roundToDecimal))),this._value=n,this._percent=this._calculatePercentage(this._value),this._changeDetectorRef.markForCheck()}}get vertical(){return this._vertical}set vertical(e){this._vertical=(0,at.Ig)(e)}get displayValue(){return this.displayWith?this.displayWith(this.value):this._roundToDecimal&&this.value&&this.value%1!=0?this.value.toFixed(this._roundToDecimal):this.value||0}focus(e){this._focusHostElement(e)}blur(){this._blurHostElement()}get percent(){return this._clamp(this._percent)}
1_shouldInvertAxis(){return this.vertical?!this.invert:this.invert}_isMinValue(){return 0===this.percent}_getThumbGap(){return this.disabled?7:this._isMinValue()&&!this.thumbLabel?this._isActive?10:7:0}_getTrackBackgroundStyles(){const n=this.vertical?`1, ${1-this.percent}, 1`:1-this.percent+", 1, 1";return{transform:`translate${this.vertical?"Y":"X"}(${this._shouldInvertMouseCoords()?"-":""}${this._getThumbGap()}px) scale3d(${n})`}}_getTrackFillStyles(){const e=this.percent,i=this.vertical?`1, ${e}, 1`:`${e}, 1, 1`;return{transform:`translate${this.vertical?"Y":"X"}(${this._shouldInvertMouseCoords()?"":"-"}${this._getThumbGap()}px) scale3d(${i})`,display:0===e?"none":""}}_getTicksContainerStyles(){return{transform:`translate${this.vertical?"Y":"X"}(${this.vertical||"rtl"!=this._getDirection()?"-":""}${this._tickIntervalPercent/2*100}%)`}}_getTicksStyles(){let e=100*this._tickIntervalPercent,d={backgroundSize:this.vertical?`2px ${e}%`:`${e}% 2px`,transform:`translateZ(0) translate${this.vertical?"Y":"X"}(${this.vertical||"rtl"!=this._getDirection()?"":"-"}${e/2}%)${this.vertical||"rtl"!=this._getDirection()?"":" rotate(180deg)"}`};if(this._isMinValue()&&this._getThumbGap()){const x=this._shouldInvertAxis();let k;k=this.vertical?x?"Bottom":"Top":x?"Right":"Left",d[`padding${k}`]=`${this._getThumbGap()}px`}return d}_getThumbContainerStyles(){const e=this._shouldInvertAxis();return{transform:`translate${this.vertical?"Y":"X"}(-${100*(("rtl"!=this._getDirection()||this.vertical?e:!e)?this.percent:1-this.percent)}%)`}}_shouldInvertMouseCoords(){const e=this._shouldInvertAxis();return"rtl"!=this._getDirection()||this.vertical?e:!e}_getDirection(){return this._dir&&"rtl"==this._dir.value?"rtl":"ltr"}ngAfterViewInit(){this._focusMonitor.monitor(this._elementRef,!0).subscribe(e=>{this._isActive=!!e&&"keyboard"!==e,this._changeDetectorRef.detectChanges()}),this._dir&&(this._dirChangeSubscription=this._dir.change.subscribe(()=>{this._changeDetectorRef.markForCheck()}))}ngOnDestroy(){const e=this._elementRef.nativeElement;e.removeEventListener("mousedown",this._pointerDown,V),e.removeEventListener("touchstart",this._pointerDown,V),this._lastPointerEvent=null,this._removeGlobalEvents(),this._focusMonitor.stopMonitoring(this._elementRef),this._dirChangeSubscription.unsubscribe()}_onMouseenter(){this.disabled||(this._sliderDimensions=this._getSliderDimensions(),this._updateTickIntervalPercent())}_onFocus(){this._sliderDimensions=this._getSliderDimensions(),this._updateTickIntervalPercent()}_onBlur(){this.onTouched()}_onKeydown(e){if(this.disabled||(0,z.Vb)(e)||this._isSliding&&"keyboard"!==this._isSliding)return;const n=this.value;switch(e.keyCode){case z.Ku:this._increment(10);break;case z.VM:this._increment(-10);break;case z.uR:this.value=this.max;break;case z.Sd:this.value=this.min;break;case z.oh:this._increment("rtl"==this._getDirection()?1:-1);break;case z.LH:this._increment(1);break;case z.SV:this._increment("rtl"==this._getDirection()?-1:1);break;case z.JH:this._increment(-1);break;default:return}n!=this.value&&(this._emitInputEvent(),this._emitChangeEvent()),this._isSliding="keyboard",e.preventDefault()}_onKeyup(){"keyboard"===this._isSliding&&(this._isSliding=null)}_getWindow(){return this._document.defaultView||window}_bindGlobalEvents(e){const n=this._document,i=bt(e),l=i?"touchend":"mouseup";n.addEventListener(i?"touchmove":"mousemove",this._pointerMove,V),n.addEventListener(l,this._pointerUp,V),i&&n.addEventListener("touchcancel",this._pointerUp,V);const d=this._getWindow();typeof d<"u"&&d&&d.addEventListener("blur",this._windowBlur)}_removeGlobalEvents(){const e=this._document;e.removeEventListener("mousemove",this._pointerMove,V),e.removeEventListener("mouseup",this._pointerUp,V),e.removeEventListener("touchmove",this._pointerMove,V),e.removeEventListener("touchend",this._pointerUp,V),e.removeEventListener("touchcancel",this._pointerUp,V);const n=this._getWindow();typeof n<"u"&&n&&n.removeEventListener("blur",this._windowBlur)}_increment(e){const n=this._clamp(this.value||0,this.min,this.max);this.value=this._clamp(n+this.step*e,this.min,this.max)}_updateValueFromPosition(e){if(!this._sliderDimensions)return;let l=this._clamp(((this.vertical?e.y:e.x)-(this.vertical?this._sliderDimensions.top:this._sliderDimensions.left))/(this.vertical?this._sliderDimensions.height:this._sliderDimensions.width));if(this._shouldInvertMouseCoords()&&(l=1-l),0===l)this.value=this.min;else if(1===l)this.value=this.max;else{const d=this._calculateValue(l),x=Math.round((d-this.min)/this.step)*this.step+this.min;this.value=this._clamp(x,this.min,this.max)}}_emitChangeEvent(){this._controlValueAccessorChangeFn(this.value),this.valueChange.emit(this.value),this.change.emit(this._createChangeEvent())}_emitInputEvent(){this.input.emit(this._createChangeEvent())}_updateTickIntervalPercent(){if(!this.tickInterval||!this._sliderDimensions)return;let e;if("auto"==this.tickInterval){let n=this.vertical?this._sliderDimensions.height:this._sliderDimensions.width;e=Math.ceil(30/(n*this.step/(this.max-this.min)))*this.step/n}else e=this.tickInterval*this.step/(this.max-this.min);this._tickIntervalPercent=$t(e)?e:0}_createChangeEvent(e=this.value){let n=new Ka;return n.source=this,n.value=e,n}_calculatePercentage(e){const n=((e||0)-this.min)/(this.max-this.min);return $t(n)?n:0}_calculateValue(e){return this.min+e*(this.max-this.min)}_clamp(e,n=0,i=1){return Math.max(n,Math.min(e,i))}_getSliderDimensions(){return this._sliderWrapper?this._sliderWrapper.nativeElement.getBoundingClientRect():null}_focusHostElement(e){this._elementRef.nativeElement.focus(e)}_blurHostElement(){this._elementRef.nativeElement.blur()}writeValue(e){this.value=e}registerOnChange(e){this._controlValueAccessorChangeFn=e}registerOnTouched(e){this.onTouched=e}setDisabledState(e){this.disabled=e}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(t.SBq),t.Y36(Ja.tE),t.Y36(t.sBO),t.Y36($a.Is,8),t.$8M("tabindex"),t.Y36(t.R0b),t.Y36(c.K0),t.Y36(t.QbO,8))}
1,o.\u0275cmp=t.Xpm({type:o,selectors:[["mat-slider"]],viewQuery:function(e,n){if(1&e&&t.Gf(Oa,5),2&e){let i;t.iGM(i=t.CRH())&&(n._sliderWrapper=i.first)}},hostAttrs:["role","slider",1,"mat-slider","mat-focus-indicator"],hostVars:29,hostBindings:function(e,n){1&e&&t.NdJ("focus",function(){return n._onFocus()})("blur",function(){return n._onBlur()})("keydown",function(a){return n._onKeydown(a)})("keyup",function(){return n._onKeyup()})("mouseenter",function(){return n._onMouseenter()})("selectstart",function(a){return a.preventDefault()}),2&e&&(t.Ikx("tabIndex",n.tabIndex),t.uIk("aria-disabled",n.disabled)("aria-valuemax",n.max)("aria-valuemin",n.min)("aria-valuenow",n.value)("aria-valuetext",n.valueText??n.displayValue)("aria-orientation",n.vertical?"vertical":"horizontal"),t.ekj("mat-slider-disabled",n.disabled)("mat-slider-has-ticks",n.tickInterval)("mat-slider-horizontal",!n.vertical)("mat-slider-axis-inverted",n._shouldInvertAxis())("mat-slider-invert-mouse-coords",n._shouldInvertMouseCoords())("mat-slider-sliding",n._isSliding)("mat-slider-thumb-label-showing",n.thumbLabel)("mat-slider-vertical",n.vertical)("mat-slider-min-value",n._isMinValue())("mat-slider-hide-last-tick",n.disabled||n._isMinValue()&&n._getThumbGap()&&n._shouldInvertAxis())("_mat-animation-noopable","NoopAnimations"===n._animationMode))},inputs:{disabled:"disabled",color:"color",tabIndex:"tabIndex",invert:"invert",max:"max",min:"min",step:"step",thumbLabel:"thumbLabel",tickInterval:"tickInterval",value:"value",displayWith:"displayWith",valueText:"valueText",vertical:"vertical"},outputs:{change:"change",input:"input",valueChange:"valueChange"},exportAs:["matSlider"],features:[t._Bn([Pa]),t.qOj],decls:13,vars:6,consts:[[1,"mat-slider-wrapper"],["sliderWrapper",""],[1,"mat-slider-track-wrapper"],[1,"mat-slider-track-background",3,"ngStyle"],[1,"mat-slider-track-fill",3,"ngStyle"],[1,"mat-slider-ticks-container",3,"ngStyle"],[1,"mat-slider-ticks",3,"ngStyle"],[1,"mat-slider-thumb-container",3,"ngStyle"],[1,"mat-slider-focus-ring"],[1,"mat-slider-thumb"],[1,"mat-slider-thumb-label"],[1,"mat-slider-thumb-label-text"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0,1)(2,"div",2),t._UZ(3,"div",3)(4,"div",4),t.qZA(),t.TgZ(5,"div",5),t._UZ(6,"div",6),t.qZA(),t.TgZ(7,"div",7),t._UZ(8,"div",8)(9,"div",9),t.TgZ(10,"div",10)(11,"span",11),t._uU(12),t.qZA()()()()),2&e&&(t.xp6(3),t.Q6J("ngStyle",n._getTrackBackgroundStyles()),t.xp6(1),t.Q6J("ngStyle",n._getTrackFillStyles()),t.xp6(1),t.Q6J("ngStyle",n._getTicksContainerStyles()),t.xp6(1),t.Q6J("ngStyle",n._getTicksStyles()),t.xp6(1),t.Q6J("ngStyle",n._getThumbContainerStyles()),t.xp6(5),t.Oqu(n.displayValue))},dependencies:[c.PC],styles:['.mat-slider{display:inline-block;position:relative;box-sizing:border-box;padding:8px;outline:none;vertical-align:middle}.mat-slider:not(.mat-slider-disabled):active,.mat-slider.mat-slider-sliding:not(.mat-slider-disabled){cursor:grabbing}.mat-slider-wrapper{-webkit-print-color-adjust:exact;color-adjust:exact;position:absolute}.mat-slider-track-wrapper{position:absolute;top:0;left:0;overflow:hidden}.mat-slider-track-fill{position:absolute;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-track-background{position:absolute;transform-origin:100% 100%;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-ticks-container{position:absolute;left:0;top:0;overflow:hidden}.mat-slider-ticks{-webkit-background-clip:content-box;background-clip:content-box;background-repeat:repeat;box-sizing:border-box;opacity:0;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-thumb-container{position:absolute;z-index:1;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-focus-ring{position:absolute;width:30px;height:30px;border-radius:50%;transform:scale(0);opacity:0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider.cdk-keyboard-focused .mat-slider-focus-ring,.mat-slider.cdk-program-focused .mat-slider-focus-ring{transform:scale(1);opacity:1}.mat-slider:not(.mat-slider-disabled):not(.mat-slider-sliding) .mat-slider-thumb-label,.mat-slider:not(.mat-slider-disabled):not(.mat-slider-sliding) .mat-slider-thumb{cursor:grab}.mat-slider-thumb{position:absolute;right:-10px;bottom:-10px;box-sizing:border-box;width:20px;height:20px;border:3px solid rgba(0,0,0,0);border-radius:50%;transform:scale(0.7);transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),border-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-thumb-label{display:none;align-items:center;justify-content:center;position:absolute;width:28px;height:28px;border-radius:50%;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),border-radius 400ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.cdk-high-contrast-active .mat-slider-thumb-label{outline:solid 1px}.mat-slider-thumb-label-text{z-index:1;opacity:0;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-sliding .mat-slider-track-fill,.mat-slider-sliding .mat-slider-track-background,.mat-slider-sliding .mat-slider-thumb-container{transition-duration:0ms}.mat-slider-has-ticks .mat-slider-wrapper::after{content:"";position:absolute;border-width:0;border-style:solid;opacity:0;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-slider-has-ticks.cdk-focused:not(.mat-slider-hide-last-tick) .mat-slider-wrapper::after,.mat-slider-has-ticks:hover:not(.mat-slider-hide-last-tick) .mat-slider-wrapper::after{opacity:1}.mat-slider-has-ticks.cdk-focused:not(.mat-slider-disabled) .mat-slider-ticks,.mat-slider-has-ticks:hover:not(.mat-slider-disabled) .mat-slider-ticks{opacity:1}.mat-slider-thumb-label-showing .mat-slider-focus-ring{display:none}.mat-slider-thumb-label-showing .mat-slider-thumb-label{display:flex}.mat-slider-axis-inverted .mat-slider-track-fill{transform-origin:100% 100%}.mat-slider-axis-inverted .mat-slider-track-background{transform-origin:0 0}.mat-slider:not(.mat-slider-disabled).cdk-focused.mat-slider-thumb-label-showing .mat-slider-thumb{transform:scale(0)}.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label{border-radius:50% 50% 0}.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label-text{opacity:1}.mat-slider:not(.mat-slider-disabled).cdk-mouse-focused .mat-slider-thumb,.mat-slider:not(.mat-slider-disabled).cdk-touch-focused .mat-slider-thumb,.mat-slider:not(.mat-slider-disabled).cdk-program-focused .mat-slider-thumb{border-width:2px;transform:scale(1)}.mat-slider-disabled .mat-slider-focus-ring{transform:scale(0);opacity:0}
1.mat-slider-disabled .mat-slider-thumb{border-width:4px;transform:scale(0.5)}.mat-slider-disabled .mat-slider-thumb-label{display:none}.mat-slider-horizontal{height:48px;min-width:128px}.mat-slider-horizontal .mat-slider-wrapper{height:2px;top:23px;left:8px;right:8px}.mat-slider-horizontal .mat-slider-wrapper::after{height:2px;border-left-width:2px;right:0;top:0}.mat-slider-horizontal .mat-slider-track-wrapper{height:2px;width:100%}.mat-slider-horizontal .mat-slider-track-fill{height:2px;width:100%;transform:scaleX(0)}.mat-slider-horizontal .mat-slider-track-background{height:2px;width:100%;transform:scaleX(1)}.mat-slider-horizontal .mat-slider-ticks-container{height:2px;width:100%}.cdk-high-contrast-active .mat-slider-horizontal .mat-slider-ticks-container{height:0;outline:solid 2px;top:1px}.mat-slider-horizontal .mat-slider-ticks{height:2px;width:100%}.mat-slider-horizontal .mat-slider-thumb-container{width:100%;height:0;top:50%}.mat-slider-horizontal .mat-slider-focus-ring{top:-15px;right:-15px}.mat-slider-horizontal .mat-slider-thumb-label{right:-14px;top:-40px;transform:translateY(26px) scale(0.01) rotate(45deg)}.mat-slider-horizontal .mat-slider-thumb-label-text{transform:rotate(-45deg)}.mat-slider-horizontal.cdk-focused .mat-slider-thumb-label{transform:rotate(45deg)}.cdk-high-contrast-active .mat-slider-horizontal.cdk-focused .mat-slider-thumb-label,.cdk-high-contrast-active .mat-slider-horizontal.cdk-focused .mat-slider-thumb-label-text{transform:none}.mat-slider-vertical{width:48px;min-height:128px}.mat-slider-vertical .mat-slider-wrapper{width:2px;top:8px;bottom:8px;left:23px}.mat-slider-vertical .mat-slider-wrapper::after{width:2px;border-top-width:2px;bottom:0;left:0}.mat-slider-vertical .mat-slider-track-wrapper{height:100%;width:2px}.mat-slider-vertical .mat-slider-track-fill{height:100%;width:2px;transform:scaleY(0)}.mat-slider-vertical .mat-slider-track-background{height:100%;width:2px;transform:scaleY(1)}.mat-slider-vertical .mat-slider-ticks-container{width:2px;height:100%}.cdk-high-contrast-active .mat-slider-vertical .mat-slider-ticks-container{width:0;outline:solid 2px;left:1px}.mat-slider-vertical .mat-slider-focus-ring{bottom:-15px;left:-15px}.mat-slider-vertical .mat-slider-ticks{width:2px;height:100%}.mat-slider-vertical .mat-slider-thumb-container{height:100%;width:0;left:50%}.mat-slider-vertical .mat-slider-thumb{-webkit-backface-visibility:hidden;backface-visibility:hidden}.mat-slider-vertical .mat-slider-thumb-label{bottom:-14px;left:-40px;transform:translateX(26px) scale(0.01) rotate(-45deg)}.mat-slider-vertical .mat-slider-thumb-label-text{transform:rotate(45deg)}.mat-slider-vertical.cdk-focused .mat-slider-thumb-label{transform:rotate(-45deg)}[dir=rtl] .mat-slider-wrapper::after{left:0;right:auto}[dir=rtl] .mat-slider-horizontal .mat-slider-track-fill{transform-origin:100% 100%}[dir=rtl] .mat-slider-horizontal .mat-slider-track-background{transform-origin:0 0}[dir=rtl] .mat-slider-horizontal.mat-slider-axis-inverted .mat-slider-track-fill{transform-origin:0 0}[dir=rtl] .mat-slider-horizontal.mat-slider-axis-inverted .mat-slider-track-background{transform-origin:100% 100%}.mat-slider._mat-animation-noopable .mat-slider-track-fill,.mat-slider._mat-animation-noopable .mat-slider-track-background,.mat-slider._mat-animation-noopable .mat-slider-ticks,.mat-slider._mat-animation-noopable .mat-slider-thumb-container,.mat-slider._mat-animation-noopable .mat-slider-focus-ring,.mat-slider._mat-animation-noopable .mat-slider-thumb,.mat-slider._mat-animation-noopable .mat-slider-thumb-label,.mat-slider._mat-animation-noopable .mat-slider-thumb-label-text,.mat-slider._mat-animation-noopable .mat-slider-has-ticks .mat-slider-wrapper::after{transition:none}'],encapsulation:2,changeDetection:0}),o})();function $t(o){return!isNaN(o)&&isFinite(o)}function bt(o){return"t"===o.type[0]}function Qt(o,r){let e;return e=bt(o)?"number"==typeof r?Ut(o.touches,r)||Ut(o.changedTouches,r):o.touches[0]||o.changedTouches[0]:o,e?{x:e.clientX,y:e.clientY}:void 0}function Ut(o,r){for(let e=0;e<o.length;e++)if(o[e].identifier===r)return o[e]}let St=(()=>{class o{}return o.\u0275fac=function(e){return new(e||o)}
1,o.\u0275mod=t.oAB({type:o}),o.\u0275inj=t.cJS({imports:[c.ez,O.BQ,O.BQ]}),o})(),Va=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get recordingDelayFormGroup(){return this.blockSetting.formGroup}set recordingDelayFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.recordingDelayFormGroup=this._flowUi.generateTypingDelayFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.recordingDelayFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.recordingDelayFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-recording-delay"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:18,vars:7,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[1,"flex","flex-col","gap-1","p-4","bg-gray-100","dark:bg-neutral-600"],[1,"flex","items-center","gap-2"],["color","accent","formControlName","delay_seconds",1,"w-full","sm:w-60",3,"min","max","step","thumbLabel","tickInterval"],["slider",""],["matSliderThumb",""],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Set WhatsApp status to recording."),t.qZA(),t.TgZ(4,"div",2)(5,"span"),t._uU(6,"Recording Delay"),t.qZA(),t.TgZ(7,"div",3)(8,"mat-slider",4,5),t._UZ(10,"input",6),t.qZA(),t.TgZ(11,"span"),t._uU(12),t.qZA()()()(),t.TgZ(13,"div",7)(14,"button",8),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(15,"Cancel"),t.qZA(),t.TgZ(16,"button",9),t._uU(17,"Apply"),t.qZA()()()),2&e){const i=t.MAs(9);t.Q6J("formGroup",n.recordingDelayFormGroup),t.xp6(8),t.Q6J("min",0)("max",20)("step",1)("thumbLabel",!0)("tickInterval",5),t.xp6(4),t.hij("",i.value," sec")}},dependencies:[c.ez,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,St,wt],encapsulation:2,changeDetection:0}),o})();function za(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Flow is required"),t.qZA())}function Xa(o,r){if(1&o&&(t.TgZ(0,"mat-option",17),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.Oqu(e.name)}}function tl(o,r){if(1&o&&(t.TgZ(0,"div",14)(1,"mat-form-field",2)(2,"mat-label"),t._uU(3,"Block"),t.qZA(),t.TgZ(4,"mat-select",15),t.YNc(5,Xa,2,2,"mat-option",16),t.ALo(6,"async"),t.qZA()()()),2&o){const e=t.oxw();
1t.xp6(5),t.Q6J("ngForOf",t.lcZ(6,1,e.blocks$))}}const el=function(){return{standalone:!0}};let nl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.redirectToBlockMode="default",this.refreshBlocks$=new I.X(!0),this.destroy$=new w.x}get redirectFormGroup(){return this.blockSetting.formGroup}set redirectFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.redirectFormGroup=this._flowUi.generateRedirectFormGroup(this.data),this.settingChangedListener(),this.flows$=this.context.adapter.listFlow(),this.redirectFormGroup.get("block_id").value&&(this.redirectToBlockMode="custom"),this.resetBlockIdListener(),this.onRerdirectToBlockModeChange({redirectToBlockMode:this.redirectToBlockMode,emitChange:!1})}ngOnDestroy(){this.destroy$.next(!0)}resetBlockIdListener(){this.redirectFormGroup.get("flow_id").valueChanges.pipe((0,u.h)(e=>!!e),(0,H.x)(),(0,p.R)(this.destroy$)).subscribe({next:()=>this.resetBlockId()})}onRerdirectToBlockModeChange({redirectToBlockMode:e,emitChange:n}){"default"===e?this.resetBlockId(n):"custom"===e&&(this.blocks$=(0,j.a)([this.redirectFormGroup.get("flow_id").valueChanges.pipe((0,$.O)(this.redirectFormGroup.get("flow_id").value),(0,u.h)(i=>!!i),(0,H.x)()),this.refreshBlocks$]).pipe((0,It.w)(([i])=>this.context.adapter.getFlow(i)),(0,T.U)(i=>
1i.blocks),(0,T.U)(i=>i.filter(a=>["content","action","delay"].includes(a.type))),(0,B.d)({bufferSize:1,refCount:!0})))}resetBlockId(e=!0){this.redirectFormGroup.get("block_id").reset("",{emitEvent:e})}settingChangedListener(){this.redirectFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.redirectFormGroup.invalid?this.redirectFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-redirect"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:24,vars:10,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],["appearance","outline"],["formControlName","flow_id",3,"options","allowUnselect"],[4,"ngIf"],[1,"flex","flex-col","gap-2"],[1,"text-sm","text-gray-600","dark:text-gray-50"],[1,"flex","flex-col","gap-1",3,"ngModel","ngModelOptions","ngModelChange"],["value","default"],["value","custom"],["class","flex flex-col",4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","flex-col"],["formControlName","block_id"],[3,"value",4,"ngFor","ngForOf"],[3,"value"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Redirect your customer to another Flow. You can optionally choose where to start the Flow after redirect."),t.qZA(),t.TgZ(4,"mat-form-field",2)(5,"mat-label"),t._uU(6,"Flow"),t.qZA(),t._UZ(7,"cm-select",3),t.ALo(8,"async"),t.YNc(9,za,2,0,"mat-error",4),t.qZA(),t.TgZ(10,"div",5)(11,"label",6),t._uU(12,"Select Block"),t.qZA(),t.TgZ(13,"mat-radio-group",7),t.NdJ("ngModelChange",function(a){return n.redirectToBlockMode=a})("ngModelChange",function(a){return n.onRerdirectToBlockModeChange({redirectToBlockMode:a,emitChange:!0})}),t.TgZ(14,"mat-radio-button",8),t._uU(15," Default Starting Block "),t.qZA(),t.TgZ(16,"mat-radio-button",9),t._uU(17," Another Block "),t.qZA()(),t.YNc(18,tl,7,3,"div",10),t.qZA()(),t.TgZ(19,"div",11)(20,"button",12),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(21,"Cancel"),t.qZA(),t.TgZ(22,"button",13),t._uU(23,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.redirectFormGroup),t.xp6(7),t.Q6J("options",t.lcZ(8,7,n.flows$))("allowUnselect",!1),t.xp6(2),t.Q6J("ngIf",n.redirectFormGroup.hasError("required","flow_id")),t.xp6(4),t.Q6J("ngModel",n.redirectToBlockMode)("ngModelOptions",t.DdM(9,el)),t.xp6(5),t.Q6J("ngIf","custom"===n.redirectToBlockMode))},dependencies:[c.ez,c.sg,c.O5,c.Ov,s.u5,s._Y,s.JJ,s.JL,s.On,s.UX,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.TO,b.KE,b.hX,Q.LD,Q.gD,O.ey,it.Fk,it.VQ,it.U0,kt.f],encapsulation:2,changeDetection:0}),o})();function ol(o,r){if(1&o&&(t.TgZ(0,"mat-option",10),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e),t.xp6(1),t.hij(" ",e," ")}}function il(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Attribute is required"),t.qZA())}let rl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get attributeFormGroup(){return this.blockSetting.formGroup}set attributeFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){if(!this.context.adapter.attributes)throw new Error("adapter.attributes is not provided");this.attributes$=this.context.adapter.attributes.attributes$,this.attributeFormGroup=this._flowUi.generateRemoveAttributeFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.attributeFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.attributeFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-remove-attribute"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:19,vars:5,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[1,"italic"],["appearance","outline",1,"max-w-sm"],["formControlName","attribute_id"],[3,"value",4,"ngFor","ngForOf"],[4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[3,"value"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Remove an "),t.TgZ(4,"span",2),t._uU(5,"attribute"),t.qZA(),t._uU(6," from your customer."),t.qZA(),t.TgZ(7,"mat-form-field",3)(8,"mat-label"),t._uU(9,"Attribute"),t.qZA(),t.TgZ(10,"mat-select",4),t.YNc(11,ol,2,2,"mat-option",5),t.ALo(12,"async"),t.qZA(),t.YNc(13,il,2,0,"mat-error",6),t.qZA()(),t.TgZ(14,"div",7)(1
15,"button",8),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(16,"Cancel"),t.qZA(),t.TgZ(17,"button",9),t._uU(18,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.attributeFormGroup),t.xp6(11),t.Q6J("ngForOf",t.lcZ(12,3,n.attributes$)),t.xp6(2),t.Q6J("ngIf",n.attributeFormGroup.hasError("required","attribute_id")))},dependencies:[c.ez,c.sg,c.O5,c.Ov,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.TO,b.KE,b.hX,Q.LD,Q.gD,O.ey],encapsulation:2,changeDetection:0}),o})();function al(o,r){if(1&o&&(t.TgZ(0,"mat-option",20),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e),t.xp6(1),t.hij(" ",e," ")}}function ll(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Attribute is required"),t.qZA())}function cl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Attribute cannot contain space"),t.qZA())}function sl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Maximum 50 characters"),t.qZA())}let ul=(()=>{class o{constructor(e,n,i,a){this._fb=e,this._toast=n,this._flowUi=i,this.blockSetting=a,this.apply=new t.vpe,this.cancel=new t.vpe,this.addAttributeFormGroup=this._fb.group({attribute:["",[s.kI.required,s.kI.maxLength(50),this.attributeValidator()]]}),this.destroy$=new w.x}get attributeFormGroup(){return this.blockSetting.formGroup}set attributeFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){if(!this.context.adapter.attributes)throw new Error("adapter.attributes is not provided");this.attributes$=this.context.adapter.attributes.attributes$,this.attributeFormGroup=this._flowUi.generateSetAttributeFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.attributeFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}addAttribute(e){if(e.invalid)return;const{attribute:n}=e.value;this.context.adapter.attributes.addAttribute(n).subscribe({next:()=>{e.resetForm(),this._toast.openSnackBar("Attribute is added")},error:i=>{this._toast.openSnackBar(`Error adding attribute: ${i.message}`,"error")}})}attributeValidator(){return e=>{const n=e.value;return n&&/\s/.test(n)?{hasSpace:!0}:null}}submit(){this.attributeFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(s.qu),t.Y36(Jt.D),t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-set-attribute"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:44,vars:9,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[1,"italic"],[1,"flex","flex-col","gap-2"],["appearance","outline",1,"max-w-sm"],["formControlName","attribute_id"],[3,"value",4,"ngFor","ngForOf"],["matInput","","formControlName","value"],[1,"flex","flex-col","gap-1","p-px",3,"formGroup","ngSubmit"],["addAttributeForm","ngForm"],[1,"text-sm","font-medium"],["appearance","fill",1,"max-w-sm"],["matInput","","formControlName","attribute","placeholder","Email, Location"],["input",""],["align","end"],[4,"ngIf"],["mat-stroked-button","","color","accent",1,"self-end"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[3,"value"]],template:function(e,n){if(1&e){const i=t.EpF();t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"An "),t.TgZ(4,"span",2),t._uU(5,"attribute"),t.qZA(),t._uU(6," is a field that stores information about your customer."),t.qZA(),t.TgZ(7,"div",3)(8,"span"),t._uU(9,"Set"),t.qZA(),t.TgZ(10,"mat-form-field",4)(11,"mat-label"),t._uU(12,"Attribute"),t.qZA(),t.TgZ(13,"mat-select",5),t.YNc(14,al,2,2,"mat-option",6),t.ALo(15,"async"),t.qZA()(),t.TgZ(16,"span"),t._uU(17,"To"),t.qZA(),t.TgZ(18,"mat-form-field",4)(19,"mat-label"),t._uU(20,"Value"),t.qZA(),t._UZ(21,"input",7),t.qZA()(),t._UZ(22,"mat-divider"),t.TgZ(23,"form",8,9),t.NdJ("ngSubmit",function(){t.CHM(i);const l=t.MAs(24);return t.KtG(n.addAttribute(l))}),t.TgZ(25,"h2",10),t._uU(26,"Add New Attribute"),t.qZA(),t.TgZ(27,"mat-form-field",11)(28,"mat-label"),t._uU(29,"New Attribute"),t.qZA(),t._UZ(30,"input",12,13),t.TgZ(32,"mat-hint",14),t._uU(33),t.qZA(),t.YNc(34,ll,2,0,"mat-error",15),t.YNc(35,cl,2,0,"mat-error",15),t.YNc(36,sl,2,0,"mat-error",15),t.qZA(),t.TgZ(37,"button",16),t._uU(38," Add Attribute "),t.qZA()()(),t.TgZ(39,"div",17)(40,"button",18),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(41,"Cancel"),t.qZA(),t.TgZ(42,"button",19),t._uU(43,"Apply"),t.qZA()()()}if(2&e){const i=t.MAs(31);t.Q6J("formGroup",n.attributeFormGroup),t.xp6(14),t.Q6J("ngForOf",t.lcZ(1
15,7,n.attributes$)),t.xp6(9),t.Q6J("formGroup",n.addAttributeFormGroup),t.xp6(10),t.hij("",(null==i.value?null:i.value.length)||0,"/50"),t.xp6(1),t.Q6J("ngIf",n.addAttributeFormGroup.hasError("required","attribute")),t.xp6(1),t.Q6J("ngIf",n.addAttributeFormGroup.hasError("hasSpace","attribute")),t.xp6(1),t.Q6J("ngIf",n.addAttributeFormGroup.hasError("maxlength","attribute"))}},dependencies:[c.ez,c.sg,c.O5,c.Ov,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,G.t,G.d,b.lN,b.TO,b.KE,b.bx,b.hX,q.c,q.Nt,Q.LD,Q.gD,O.ey],encapsulation:2,changeDetection:0}),o})(),dl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get stickerFormGroup(){return this.blockSetting.formGroup}set stickerFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.stickerFormGroup=this._flowUi.generateStickerFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.stickerFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}onFilePathChange(e){this.stickerFormGroup.patchValue({url:e})}submit(){this.stickerFormGroup.invalid?this.stickerFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-sticker"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:15,vars:5,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],[1,"flex","gap-4"],[1,"flex","flex-col","gap-4","w-full"],[1,"flex","flex-col","p-4","rounded-md","border","dark:border-neutral-500"],[1,"mb-2"],[3,"id","context","mediaType","filePath","filePathChange"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a sticker message to your customer."),t.qZA(),t.TgZ(4,"div",2)(5,"div",3)(6,"div",4)(7,"p",5),t._uU(8,"Sticker"),t.qZA(),t.TgZ(9,"wa-bot-block-setting-upload-file",6),t.NdJ("filePathChange",function(a){return n.onFilePathChange(a)}),t.qZA()()()()(),t.TgZ(10,"div",7)(11,"button",8),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(12,"Cancel"),t.qZA(),t.TgZ(13,"button",9),t._uU(14,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.stickerFormGroup),t.xp6(9),t.Q6J("id",n.id)("context",n.context)("mediaType","sticker")("filePath",n.stickerFormGroup.value.url))},dependencies:[c.ez,s.UX,s._Y,s.JL,s.sg,m.ot,m.lW,ct],encapsulation:2,changeDetection:0}),o})();function pl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Sequence is required"),t.qZA())}let _l=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get sequenceFormGroup(){return this.blockSetting.formGroup}set sequenceFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.sequences$=this.context.adapter.listSequence(),this.sequenceFormGroup=this._flowUi.generateSequenceFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.sequenceFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.sequenceFormGroup.invalid?this.sequenceFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-subscribe-sequence"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:15,vars:6,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],["appearance","outline",1,"max-w-sm"],["formControlName","sequence_id",3,"options","allowUnselect"],[4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Subscribe your customer to a Sequence."),t.qZA(),t.TgZ(4,"mat-form-field",2)(5,"mat-label"),t._uU(6,"Sequence"),t.qZA(),t._UZ(7,"cm-select",3),t.ALo(8,"async"),t.YNc(9,pl,2,0,"mat-error",4),t.qZA()(),t.TgZ(10,"div",5)(11,"button",6),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(12,"Cancel"),t.qZA(),t.TgZ(13,"button",7),t._uU(14,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.sequenceFormGroup),t.xp6(7),t.Q6J("options",t.lcZ(8,4,n.sequences$))("allowUnselect",!1),t.xp6(2),t.Q6J("ngIf",n.sequenceFormGroup.hasError("required","sequence_id")))}
1,dependencies:[c.ez,c.O5,c.Ov,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.TO,b.KE,b.hX,kt.f],encapsulation:2,changeDetection:0}),o})(),ml=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get typingDelayFormGroup(){return this.blockSetting.formGroup}set typingDelayFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.typingDelayFormGroup=this._flowUi.generateTypingDelayFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.typingDelayFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.typingDelayFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-typing-delay"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:18,vars:7,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[1,"flex","flex-col","gap-1","p-4","bg-gray-100","dark:bg-neutral-600"],[1,"flex","items-center","gap-2"],["color","accent","formControlName","delay_seconds",1,"w-full","sm:w-60",3,"min","max","step","thumbLabel","tickInterval"],["slider",""],["matSliderThumb",""],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Set WhatsApp status to typing."),t.qZA(),t.TgZ(4,"div",2)(5,"span"),t._uU(6,"Typing Delay"),t.qZA(),t.TgZ(7,"div",3)(8,"mat-slider",4,5),t._UZ(10,"input",6),t.qZA(),t.TgZ(11,"span"),t._uU(12),t.qZA()()()(),t.TgZ(13,"div",7)(14,"button",8),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(15,"Cancel"),t.qZA(),t.TgZ(16,"button",9),t._uU(17,"Apply"),t.qZA()()()),2&e){const i=t.MAs(9);t.Q6J("formGroup",n.typingDelayFormGroup),t.xp6(8),t.Q6J("min",0)("max",20)("step",1)("thumbLabel",!0)("tickInterval",5),t.xp6(4),t.hij("",i.value," sec")}},dependencies:[c.ez,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,St,wt],encapsulation:2,changeDetection:0}),o})();function gl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Sequence is required"),t.qZA())}let fl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x}get sequenceFormGroup(){return this.blockSetting.formGroup}set sequenceFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.sequences$=this.context.adapter.listSequence().pipe((0,T.U)(e=>[{id:"all",name:"All Sequences"},...e.map(n=>({id:n.id,name:n.name}))])),this.sequenceFormGroup=this._flowUi.generateSequenceFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.sequenceFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.sequenceFormGroup.invalid?this.sequenceFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-unsubscribe-sequence"]],inputs:{context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:15,vars:6,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],["appearance","outline",1,"max-w-sm"],["formControlName","sequence_id",3,"options","allowUnselect"],[4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Unsubscribe your customer from a Sequence."),t.qZA(),t.TgZ(4,"mat-form-field",2)(5,"mat-label"),t._uU(6,"Sequence"),t.qZA(),t._UZ(7,"cm-select",3),t.ALo(8,"async"),t.YNc(9,gl,2,0,"mat-error",4),t.qZA()(),t.TgZ(10,"div",5)(11,"button",6),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(12,"Cancel"),t.qZA(),t.TgZ(13,"button",7),t._uU(14,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.sequenceFormGroup),t.xp6(7),t.Q6J("options",t.lcZ(8,4,n.sequences$))("allowUnselect",!1),t.xp6(2),t.Q6J("ngIf",n.sequenceFormGroup.hasError("required","sequence_id")))}
1,dependencies:[c.ez,c.O5,c.Ov,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.TO,b.KE,b.hX,kt.f],encapsulation:2,changeDetection:0}),o})();function hl(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",7)(1,"mat-label"),t._uU(2,"Caption"),t.qZA(),t._UZ(3,"cm-textarea",8,9),t.TgZ(5,"mat-hint"),t._uU(6,"Use "),t.TgZ(7,"span"),t.IAx(),t._uU(8,"{{name}}"),t.fQ9(),t.qZA(),t._uU(9," for customer name"),t.qZA()()),2&o){const e=t.oxw();t.xp6(3),t.Q6J("options",e.options)}}let bl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.options=[{id:"{{name}}",name:"Name"}],this.destroy$=new w.x}get videoFormGroup(){return this.blockSetting.formGroup}set videoFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.videoFormGroup=this._flowUi.generateMediaFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.videoFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}onFilePathChange(e){this.videoFormGroup.patchValue({url:e})}onFileNameChange(e){this.videoFormGroup.patchValue({name:e})}submit(){this.videoFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-video"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:11,vars:7,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-2","overflow-y-auto"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],["appearance","outline",4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],["appearance","outline"],["formControlName","caption",3,"options"],["input",""]],template:function(e,n){1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a video to your customer."),t.qZA(),t.TgZ(4,"wa-bot-block-setting-upload-file",2),t.NdJ("filePathChange",function(a){return n.onFilePathChange(a)})("fileNameChange",function(a){return n.onFileNameChange(a)}),t.qZA(),t.YNc(5,hl,10,1,"mat-form-field",3),t.qZA(),t.TgZ(6,"div",4)(7,"button",5),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(8,"Cancel"),t.qZA(),t.TgZ(9,"button",6),t._uU(10,"Apply"),t.qZA()()()),2&e&&(t.Q6J("formGroup",n.videoFormGroup),t.xp6(4),t.Q6J("id",n.id)("context",n.context)("mediaType","video")("filePath",n.videoFormGroup.value.url)("fileName",n.videoFormGroup.value.name),t.xp6(1),t.Q6J("ngIf",n.videoFormGroup.value.url))},dependencies:[c.ez,c.O5,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,b.lN,b.KE,b.bx,b.hX,nt.R,ot.B,ct],encapsulation:2,changeDetection:0}),o})();function xl(o,r){1&o&&(t.TgZ(0,"div",11)(1,"mat-icon",12),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",13),t._uU(4,"You have must at least 2 variants"),t.qZA()())}function kl(o,r){1&o&&(t.TgZ(0,"div",11)(1,"mat-icon",12),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",13),t._uU(4,"Variant percentage total must be 100%"),t.qZA()())}function yl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Variant name is required"),t.qZA())}const vl=function(o){return["variants",o,"name"]};function wl(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",14)(1,"div",15)(2,"mat-form-field",16)(3,"mat-label"),t._uU(4,"Name"),t.qZA(),t._UZ(5,"input",17,18),t.YNc(7,yl,2,0,"mat-error",19),t.TgZ(8,"mat-hint",20),t._uU(9),t.qZA()(),t.TgZ(10,"button",21),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw(2);return t.KtG(l.removeVariant(a))}),t.TgZ(11,"mat-icon"),t._uU(12,"delete_outline"),t.qZA()()(),t.TgZ(13,"div",22)(14,"span"),t._uU(15,"Percentage"),t.qZA(),t.TgZ(16,"div",23),t._UZ(17,"mat-slider",24,25),t.TgZ(19,"span"),t._uU(20),t.qZA()()()()}if(2&o){const e=r.index,n=t.MAs(6),i=t.MAs(18),a=t.oxw(2);t.Q6J("formGroupName",e),t.xp6(7),t.Q6J("ngIf",a.abTestingFormGroup.hasError("required",t.VKq(5,vl,e))),t.xp6(2),t.hij("",(null==n.value?null:n.value.length)||0,"/50"),t.xp6(1),t.Q6J("disabled",a.abTestingFormGroup.value.variants.length<=2),t.xp6(10),t.hij("",i.value,"%")}}function Cl(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"form",1),t.NdJ("ngSubmit",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.submit())}),t.TgZ(1,"div",2)(2,"p"),t._uU(3,"Randomly selects a variant based on the pre-set probability."),t.qZA(),t.YNc(4,xl,5,0,"div",3),t.YNc(5,kl,5,0,"div",3),t.TgZ(6,"div",4),t.YNc(7,wl,21,7,"div",5),t.TgZ(8,"button",6),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.addVariant())}),t.TgZ(9,"div",7)(10,"mat-icon"),t._uU(11,"add"),t.qZA(),t.TgZ(12,"span"),t._uU(13,"Add Variant"),t.qZA()()()()(),t.TgZ(14,"div",8)(15,"button",9),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.cancel.emit())}),t._uU(16,"Cancel"),t.qZA(),t.TgZ(17,"button",10),t._uU(18,"Apply"),t.qZA()()()}if(2&o){const e=t.oxw();t.Q6J("formGroup",e.abTestingFormGroup),t.xp6(4),t.Q6J("ngIf",null==e.abTestingFormGroup.controls.variants.errors?null:e.abTestingFormGroup.controls.variants.errors.requiredArray),t.xp6(1),t.Q6J("ngIf",null==e.abTestingFormGroup.controls.variants.errors?null:e.abTestingFormGroup.controls.variants.errors.variantSum),t.xp6(2),t.Q6J("ngForOf",e.abTestingFormGroup.controls.variants.controls)("ngForTrackBy",e.trackByFn)}}let Tl=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=ne
1w t.vpe,this.destroy$=new w.x}get abTestingFormGroup(){return this.blockSetting.formGroup}set abTestingFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.abTestingFormGroup=this._flowUi.generateAbTestingFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.abTestingFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}addVariant(){const e=this.abTestingFormGroup.get("variants"),i={id:this._flowUi.getUniqueId(),name:`Variant ${e.length+1}`,percentage:1};e.push(this._flowUi.generateAbTestingVariantFormGroup(i))}removeVariant(e){this.abTestingFormGroup.get("variants").removeAt(e)}trackByFn(e,n){return n.value.id}submit(){this.abTestingFormGroup.invalid||this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-ab-testing"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:1,vars:1,consts:[["class","h-full flex flex-col gap-2",3,"formGroup","ngSubmit",4,"ngIf"],[1,"h-full","flex","flex-col","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],["class","flex items-center gap-2 p-2 border text-red-800 bg-red-100 rounded-sm",4,"ngIf"],["formArrayName","variants",1,"flex","flex-col","gap-2"],["class","flex flex-col dark:bg-neutral-600 border dark:border-neutral-500 rounded-md p-4",3,"formGroupName",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",1,"self-start",3,"click"],[1,"flex","items-center","justify-center","gap-2"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","items-center","gap-2","p-2","border","text-red-800","bg-red-100","rounded-sm"],["color","warn"],[1,"flex-1"],[1,"flex","flex-col","dark:bg-neutral-600","border","dark:border-neutral-500","rounded-md","p-4",3,"formGroupName"],[1,"flex","items-center","justify-between","gap-2","mb-1"],["appearance","fill",1,"flex-1"],["matInput","","maxlength","50","formControlName","name"],["input",""],[4,"ngIf"],["align","end"],["mat-icon-button","","type","button","color","warn",3,"disabled","click"],[1,"flex","flex-col"],[1,"flex","items-center","gap-4"],["thumbLabel","","tickInterval","10","step","1","min","0","max","100","formControlName","percentage",1,"flex-1"],["slider",""]],template:function(e,n){1&e&&t.YNc(0,Cl,19,5,"form",0),2&e&&t.Q6J("ngIf",n.abTestingFormGroup)},dependencies:[c.ez,c.sg,c.O5,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.sg,s.u,s.x0,s.CE,m.ot,m.lW,b.lN,b.TO,b.KE,b.bx,b.hX,f.Ps,f.Hw,St,wt,q.c,q.Nt],encapsulation:2,changeDetection:0}),o})();var Zl=_(73162);function Bl(o,r){1&o&&(t.TgZ(0,"div",27)(1,"mat-icon",28),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",29),t._uU(4,"Buttons title must be unique"),t.qZA()())}function Il(o,r){if(1&o&&(t.TgZ(0,"mat-option",30),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function Al(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Header is required"),t.qZA())}function Fl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Header must be less than 60 characters"),t.qZA())}const Et=function(){return["header","text"]};function Ul(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",7)(1,"mat-label"),t._uU(2,"Text"),t.qZA(),t._UZ(3,"cm-textarea",31,32),t.TgZ(5,"mat-hint"),t._uU(6,"Use "),t.TgZ(7,"span"),t.IAx(),t._uU(8,"{{name}}"),t.fQ9(),t.qZA(),t._uU(9," for customer name"),t.qZA(),t.TgZ(10,"mat-hint",15),t._uU(11),t.qZA(),t.YNc(12,Al,2,0,"mat-error",16),t.YNc(13,Fl,2,0,"mat-error",16),t.qZA()),2&o){const e=t.MAs(4),n=t.oxw();t.xp6(3),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==e.value?null:e.value.length)||0,"/60"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("required",t.DdM(4,Et))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("maxlength",t.DdM(5,Et)))}}function Sl(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",33),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFilePathChange(i,"image"))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("mediaType","image")("filePath",e.wabaInteractiveQuickReplyFormGroup.value.header.image_url)("fileName",e.wabaInteractiveQuickReplyFormGroup.value.header.filename)}}function Gl(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",33),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFilePathChange(i,"video"))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("mediaType","video")("filePath",e.wabaInteractiveQuickReplyFormGroup.value.header.video_url)("fileName",e.wabaInteractiveQuickReplyFormGroup.value.header.filename)}}function ql(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",33),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFilePathChange(i,"document"))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("mediaType","document")("filePath",e.wabaInteractiveQuickReplyFormGroup.value.header.document_url)("fileName",e.wabaInteractiveQuickReplyFormGroup.value.header.filename)}}function Ml(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body is required"),t.qZA())}function Wl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body must be less than 1024 characters"),t.qZA())}function Nl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Footer is required"),t.qZA())}function Jl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Footer must be less than 60 characters"),t.qZA())}function $l(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Button title is required"),t.qZA())}function Ql(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Button must be less than 20 characters"),t.qZA())}const Ot=function(o){return["buttons",o,"title"]};function El(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",34)(1,"div",35)(2,"mat-icon"),t._uU(3,"drag_handle"),t.qZA()(),t.TgZ(4,"mat-form-field",36)(5,"mat-label"),t._uU(6,"Button title"),t.qZA(),t._UZ(7,"input",37,38),t.TgZ(9,"mat-hint",15),t._uU(10),t.qZA(),t.YNc(11,$l,2,0,"mat-error",16),t.YNc(12,Ql,2,0,"mat-error",16),t.qZA(),t.TgZ(13,"button",39),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.removeButton(a))}),t.TgZ(14,"mat-icon"),t._uU(15,"delete_outline"),t.qZA()()()}if(2&o){const e=r.index,n=t.MAs(8),i=t.oxw();t.Q6J("formGroupName",e),t.xp6(1),t.Q6J("cdkDragHandleDisabled",i.readonly),t.xp6(9),t.hij("",(null==n?null:n.value.length)||0,"/20"),t.xp6(1),t.Q6J("ngIf",i.wabaInteractiveQuickReplyFormGroup.hasError("required",t.VKq(6,Ot,e))),t.xp6(1),t.Q6J("ngIf",i.wabaInteractiveQuickReplyFormGroup.hasError("maxlength",t.VKq(8,Ot,e))),t.xp6(1),t.Q6J("disabled",i.wabaInteractiveQuickReplyFormGroup.value.buttons.length<=1)}}const Dt=function(){return["body"]},Yt=function(){return["footer"]};let Ol=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=ne
1w t.vpe,this.destroy$=new w.x,this.headerTypes=[{id:"none",name:"None"},{id:"document",name:"Document"},{id:"image",name:"Image"},{id:"text",name:"Text"},{id:"video",name:"Video"}],this.options=[{id:"{{name}}",name:"Name"}]}get wabaInteractiveQuickReplyFormGroup(){return this.blockSetting.formGroup}set wabaInteractiveQuickReplyFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.wabaInteractiveQuickReplyFormGroup=this._flowUi.generateWabaInteractiveQuickReplyFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.wabaInteractiveQuickReplyFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}reorderButton(e){const n=this.wabaInteractiveQuickReplyFormGroup.get("buttons"),i=this.swapElement(n.value,e.previousIndex,e.currentIndex);n.clear(),i.forEach(a=>n.push(this._flowUi.generateWabaInteractiveQuickReplyButtonFormGroup(a)))}swapElement(e,n,i){const a=[...e];return a.splice(i,0,a.splice(n,1)[0]),a}addButton(){const n={id:this._flowUi.getUniqueId(),title:null};this.wabaInteractiveQuickReplyFormGroup.get("buttons").push(this._flowUi.generateWabaInteractiveQuickReplyButtonFormGroup(n))}removeButton(e){this.wabaInteractiveQuickReplyFormGroup.get("buttons").removeAt(e)}onFilePathChange(e,n){switch(n){case"image":this.wabaInteractiveQuickReplyFormGroup.get("header").patchValue({image_url:e});break;case"video":this.wabaInteractiveQuickReplyFormGroup.get("header").patchValue({video_url:e});break;case"document":this.wabaInteractiveQuickReplyFormGroup.get("header").patchValue({document_url:e})}}onFileNameChange(e){this.wabaInteractiveQuickReplyFormGroup.get("header").patchValue({filename:e})}trackByFn(e,n){return n.value.id}submit(){this.wabaInteractiveQuickReplyFormGroup.invalid?this.wabaInteractiveQuickReplyFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-waba-interactive-quick-reply"]],inputs:{id:"id",context:"context",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:62,vars:23,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],["class","flex items-center gap-2 p-2 border text-red-800 bg-red-100 rounded-sm",4,"ngIf"],[1,"flex","gap-4"],[1,"flex","flex-col","gap-4","w-full"],["formGroupName","header",1,"flex","flex-col","p-4","rounded-md","border","dark:border-neutral-500"],[1,"mb-2"],["appearance","outline"],["formControlName","type"],[3,"value",4,"ngFor","ngForOf"],[3,"ngSwitch"],["appearance","outline",4,"ngSwitchCase"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange",4,"ngSwitchCase"],["formControlName","body",3,"options"],["bodyInput",""],["align","end"],[4,"ngIf"],["formControlName","footer",3,"options"],["footerInput",""],["formArrayName","buttons","cdkDropList","",1,"flex","flex-col","gap-3","button-list",3,"cdkDropListDropped"],[1,"flex","flex-col","gap-1"],["class","button flex items-center gap-1","cdkDrag","","cdkDragLockAxis","y",3,"formGroupName",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",1,"self-start",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],[1,"flex","items-center","gap-2","p-2","border","text-red-800","bg-red-100","rounded-sm"],["color","warn"],[1,"flex-1"],[3,"value"],["formControlName","text",3,"options"],["headerInput",""],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],["cdkDrag","","cdkDragLockAxis","y",1,"button","flex","items-center","gap-1",3,"formGroupName"],["cdkDragHandle","",1,"flex","items-center","justify-center","w-6","h-6","cursor-n-resize",3,"cdkDragHandleDisabled"],["appearance","fill",1,"w-full"],["matInput","","formControlName","title","maxlength","20"],["input",""],["mat-icon-button","","type","button","color","warn",3,"disabled","click"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a text message to your customer."),t.qZA(),t.YNc(4,Bl,5,0,"div",2),t.TgZ(5,"div",3)(6,"div",4)(7,"div",5)(8,"p",6),t._uU(9,"Header"),t.qZA(),t.TgZ(10,"mat-form-field",7)(11,"mat-label"),t._uU(12,"Type"),t.qZA(),t.TgZ(13,"mat-select",8),t.YNc(14,Il,2,2,"mat-option",9),t.qZA()(),t.ynx(15,10),t.YNc(16,Ul,14,6,"mat-form-field",11),t.YNc(17,Sl,1,5,"wa-bot-block-setting-upload-file",12),t.YNc(18,Gl,1,5,"wa-bot-block-setting-upload-file",12),t.YNc(19,ql,1,5,"wa-bot-block-setting-upload-file",12),t.BQk(),t.qZA(),t.TgZ(20,"mat-form-field",7)(21,"mat-label"),t._uU(22,"Body"),t.qZA(),t._UZ(23,"cm-textarea",13,14),t.TgZ(25,"mat-hint"),t._uU(26,"Use "),t.TgZ(27,"span"),t.IAx(),t._uU(28,"{{name}}"),t.fQ9(),t.qZA(),t._uU(29," for customer name"),t.qZA(),t.TgZ(30,"mat-hint",15),t._uU(31),t.qZA(),t.YNc(32,Ml,2,0,"mat-error",16),t.YNc(33,Wl,2,0,"mat-error",16),t.qZA(),t.TgZ(34,"mat-form-field",7)(35,"mat-label"),t._uU(36,"Footer"),t.qZA(),t._UZ(37,"cm-textarea",17,18),t.TgZ(39,"mat-hint"),t._uU(40,"Use "),t.TgZ(41,"span"),t.IAx(),t._uU(42,"{{name}}"),t.fQ9(),t.qZA(),t._uU(43," for customer name"),t.qZA(),t.TgZ(44,"mat-hint",15),t._uU(45),t.qZA(),t.YNc(46,Nl,2,0,"mat-error",16),t.YNc(47,Jl,2,0,"mat-error",16),t.qZA(),t.TgZ(48,"div",19),t.NdJ("cdkDropListDropped",function(a){return n.reorderButton(a)}),t.TgZ(49,"div",20),t.YNc(50,El,16,10,"div",21),t.qZA(),t.TgZ(51,"button",22),t.NdJ("click",function(){return n.addButton()}),t.TgZ(52,"div",23)(53,"mat-icon"),t._uU(54,"add"),t.qZA(),t.TgZ(55,"span"),t._uU(56,"Add Button"),t.qZA()()()()()()(),t.TgZ(57,"div",24)(58,"button",25),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(59,"Cancel"),t.qZA(),t.TgZ(60,"button",26),t._uU(61,"Apply"),t.qZA()()()),2&e){const i=t.MAs(24),a=t.MAs(38);t.Q6J("formGroup",n.wabaInteractiveQuickReplyFormGroup),t.xp6(4),t.Q6J("ngIf",null==n.wabaInteractiveQuickReplyFormGroup.controls.buttons.errors?null:n.wabaInteractiveQuickReplyFormGroup.controls.buttons.errors.uniqueButton),t.xp6(10),t.Q6J("ngForOf",n.headerTypes),t.xp6(1),t.Q6J("ngSwitch",n.wabaInteractiveQuickReplyFormGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","document"),t.xp6(4),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==i.value?null:i.value.length)||0,"/1024"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("required",t.DdM(19,Dt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("maxlength",t.DdM(20,Dt))),t.xp6(4),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==a.value?null:a.value.length)||0,"/60"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("required",t.DdM(21,Yt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("maxlength",t.DdM(22,Yt))),t.xp6(3),t.Q6J("ngForOf",n.wabaInteractiveQuickReplyFormGroup.controls.buttons.controls)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.wabaInteractiveQuickReplyFormGroup.value.buttons.length>=3)}},dependencies:[c.ez,c.sg,c.O5,c.RF,c.n9,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.nD,s.sg,s.u,s.x0,s.CE,K._t,K.Wj,K.Zt,K.Bh,m.ot,m.lW,f.Ps,f.Hw,b.lN,b.TO,b.KE,b.bx,b.hX,Q.LD,Q.gD,O.ey,q.c,q.Nt,Zl.Cv,nt.R,ot.B,st.d,ct],styles:[".cdk-drag-placeholder[_ngcontent-%COMP%]{opacity:0}
1.cdk-drag-animating[_ngcontent-%COMP%]{transition:transform .25s cubic-bezier(0,0,.2,1)}.button-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"],changeDetection:0}),o})();function Dl(o,r){1&o&&t.GkF(0)}function Yl(o,r){1&o&&t.GkF(0)}function Rl(o,r){if(1&o&&(t.TgZ(0,"mat-radio-button",34),t._uU(1),t.qZA()),2&o){const e=r.$implicit;t.Q6J("value",e.id),t.xp6(1),t.hij(" ",e.name," ")}}function Ll(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Header is required"),t.qZA())}function Pl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Header must be less than 60 characters"),t.qZA())}const Rt=function(){return["header","text"]};function Kl(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",13)(1,"mat-label"),t._uU(2,"Text"),t.qZA(),t._UZ(3,"cm-textarea",35,36),t.TgZ(5,"mat-hint"),t._uU(6,"Use "),t.TgZ(7,"span"),t.IAx(),t._uU(8,"{{name}}"),t.fQ9(),t.qZA(),t._uU(9," for customer name"),t.qZA(),t.TgZ(10,"mat-hint",16),t._uU(11),t.qZA(),t.YNc(12,Ll,2,0,"mat-error",17),t.YNc(13,Pl,2,0,"mat-error",17),t.qZA()),2&o){const e=t.MAs(4),n=t.oxw();t.xp6(3),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==e.value?null:e.value.length)||0,"/60"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("required",t.DdM(4,Rt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("maxlength",t.DdM(5,Rt)))}}function Hl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body is required"),t.qZA())}function jl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body must be less than 4096 characters"),t.qZA())}function Vl(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",37),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.shouldShowFooterForm$.next(!0))}),t._uU(1,"Add Footer"),t.qZA()}}function zl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Footer is required"),t.qZA())}function Xl(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Footer must be less than 60 characters"),t.qZA())}const Lt=function(){return["footer"]};function tc(o,r){if(1&o&&(t.TgZ(0,"mat-form-field",13)(1,"mat-label"),t._uU(2,"Footer"),t.qZA(),t._UZ(3,"input",38,39),t.TgZ(5,"mat-hint",16),t._uU(6),t.qZA(),t.YNc(7,zl,2,0,"mat-error",17),t.YNc(8,Xl,2,0,"mat-error",17),t.qZA()),2&o){const e=t.MAs(4),n=t.oxw();t.xp6(6),t.hij("",(null==e.value?null:e.value.length)||0,"/60"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("required",t.DdM(3,Lt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("maxlength",t.DdM(4,Lt)))}}function ec(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Button text is required"),t.qZA())}function nc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Button text must be less than 20 characters"),t.qZA())}function oc(o,r){1&o&&(t.TgZ(0,"div",40)(1,"mat-icon",41),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",42),t._uU(4,"There must be at least 1 section"),t.qZA()())}function ic(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Section title is required"),t.qZA())}function rc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Section title must be less than 24 characters"),t.qZA())}function ac(o,r){1&o&&(t.TgZ(0,"div",40)(1,"mat-icon",41),t._uU(2,"error"),t.qZA(),t.TgZ(3,"span",42),t._uU(4,"There must be at least 1 row"),t.qZA()())}function lc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Row title is required"),t.qZA())}function cc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Row title must be less than 24 characters"),t.qZA())}function sc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Row description must be less than 72 characters"),t.qZA())}const Pt=function(o,r){return["list","sections",o,"rows",r,"title"]},uc=function(o,r){return["list","sections",o,"rows",r,"description"]};function dc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",51)(1,"div",52)(2,"mat-icon"),t._uU(3,"drag_handle"),t.qZA()(),t.TgZ(4,"mat-form-field",53)(5,"mat-label"),t._uU(6,"Row title"),t.qZA(),t._UZ(7,"input",46,54),t.TgZ(9,"mat-hint",16),t._uU(10),t.qZA(),t.YNc(11,lc,2,0,"mat-error",17),t.YNc(12,cc,2,0,"mat-error",17),t.qZA(),t.TgZ(13,"mat-form-field",53)(14,"mat-label"),t._uU(15,"Row description (Optional)"),t.qZA(),t._UZ(16,"input",55,56),t.TgZ(18,"mat-hint",16),t._uU(19),t.qZA(),t.YNc(20,sc,2,0,"mat-error",17),t.qZA(),t.TgZ(21,"button",57),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw().index,d=t.oxw();return t.KtG(d.deleteRow(l,a))}),t.TgZ(22,"mat-icon"),t._uU(23,"delete_outline"),t.qZA()()()}if(2&o){const e=r.index,n=t.MAs(8),i=t.MAs(17),a=t.oxw().index,l=t.oxw();t.Q6J("formGroupName",e),t.xp6(1),t.Q6J("cdkDragHandleDisabled",l.readonly),t.xp6(6),t.Q6J("options",l.options),t.xp6(3),t.hij("",(null==n?null:n.value.length)||0,"/24"),t.xp6(1),t.Q6J("ngIf",l.wabaInteractiveListFormGroup.hasError("required",t.WLB(10,Pt,a,e))),t.xp6(1),t.Q6J("ngIf",l.wabaInteractiveListFormGroup.hasError("maxlength",t.WLB(13,Pt,a,e))),t.xp6(4),t.Q6J("options",l.options),t.xp6(3),t.hij("",(null==i?null:i.value.length)||0,"/72"),t.xp6(1),t.Q6J("ngIf",l.wabaInteractiveListFormGroup.hasError("maxlength",t.WLB(16,uc,a,e))),t.xp6(1),t.Q6J("disabled",l.wabaInteractiveListFormGroup.value.list.sections[a].rows.length<=1)}}const Kt=function(o){return["list","sections",o,"title"]};function pc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",43)(1,"div",44)(2,"mat-form-field",45)(3,"mat-label"),t._uU(4,"Section title"),t.qZA(),t._UZ(5,"input",46,47),t.TgZ(7,"mat-hint",16),t._uU(8),t.qZA(),t.YNc(9,ic,2,0,"mat-error",17),t.YNc(10,rc,2,0,"mat-error",17),t.qZA(),t.TgZ(11,"button",48),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.deleteSection(a))}),t.TgZ(12,"mat-icon"),t._uU(13,"delete_outline"),t.qZA()()(),t.YNc(14,ac,5,0,"div",25),t.ynx(15,49),t.YNc(16,dc,24,19,"div",50),t.BQk(),t.TgZ(17,"button",28),t.NdJ("click",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.addRow(a))}),t.TgZ(18,"div",29)(19,"mat-icon"),t._uU(20,"add"),t.qZA(),t.TgZ(21,"span"),t._uU(22,"Add Row"),t.qZA()()()()}if(2&o){const e=r.$implicit,n=r.index,i=t.MAs(6),a=t.oxw();t.Q6J("formGroupName",n),t.xp6(5),t.Q6J("options",a.options),t.xp6(3),t.hij("",(null==i.value?null:i.value.length)||0,"/24"),t.xp6(1),t.Q6J("ngIf",a.wabaInteractiveListFormGroup.hasError("required",t.VKq(10,Kt,n))),t.xp6(1),t.Q6J("ngIf",a.wabaInteractiveListFormGroup.hasError("maxlength",t.VKq(12,Kt,n))),t.xp6(1),t.Q6J("disabled",a.wabaInteractiveListFormGroup.value.list.sections.length<=1),t.xp6(3),t.Q6J("ngIf",null==e.controls.rows.errors?null:e.controls.rows.errors.requiredArray),t.xp6(2),t.Q6J("ngForOf",e.controls.rows.controls)("ngForTrackBy",a.trackByFn),t.xp6(1),t.Q6J("disabled",a.wabaInteractiveListFormGroup.value.list.sections[n].rows.length>=10)}}function _c(o,r){if(1&o&&(t.TgZ(0,"p",68),t._uU(1),t.qZA()),2&o){const e=t.oxw(2);t.xp6(1),t.Oqu(e.wabaInteractiveListFormGroup.value.header.text)}}
1function mc(o,r){if(1&o&&(t.TgZ(0,"button",80)(1,"span",81),t._uU(2),t.qZA(),t.TgZ(3,"span"),t._uU(4),t.qZA()()),2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e.title),t.xp6(2),t.Oqu(e.description)}}function gc(o,r){if(1&o&&(t.TgZ(0,"div",77)(1,"div",78)(2,"span",71),t._uU(3),t.qZA()(),t.YNc(4,mc,5,2,"button",79),t.qZA()),2&o){const e=r.$implicit;t.xp6(3),t.Oqu(e.title),t.xp6(1),t.Q6J("ngForOf",e.rows)}}function fc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",69)(1,"div",70)(2,"span",71),t._uU(3),t.qZA(),t.TgZ(4,"button",72),t.NdJ("click",function(){t.CHM(e);const i=t.oxw(2);return t.KtG(i.toggleShouldShowList())}),t.TgZ(5,"mat-icon"),t._uU(6,"close"),t.qZA()()(),t.TgZ(7,"div",73),t.YNc(8,gc,5,2,"div",74),t.qZA(),t.TgZ(9,"div",75)(10,"button",76)(11,"span"),t._uU(12,"Send"),t.qZA()()()()}if(2&o){const e=t.oxw(2);t.xp6(3),t.Oqu(e.wabaInteractiveListFormGroup.value.list.button),t.xp6(5),t.Q6J("ngForOf",e.wabaInteractiveListFormGroup.value.list.sections)}}function hc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",58)(1,"div",59)(2,"div",60),t.ynx(3,11),t.YNc(4,_c,2,1,"p",61),t.BQk(),t.TgZ(5,"div",62),t._UZ(6,"span",63),t.ALo(7,"waMessage"),t.qZA(),t.TgZ(8,"p",64),t._uU(9),t.qZA(),t.TgZ(10,"button",65),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.toggleShouldShowList())}),t.TgZ(11,"div",66)(12,"mat-icon"),t._uU(13,"list"),t.qZA(),t.TgZ(14,"span"),t._uU(15),t.qZA()()()()(),t.YNc(16,fc,13,2,"div",67),t.qZA()}if(2&o){const e=r.shouldShowList,n=t.oxw();t.xp6(3),t.Q6J("ngSwitch",n.wabaInteractiveListFormGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(2),t.Q6J("innerHTML",t.lcZ(7,6,n.wabaInteractiveListFormGroup.value.body),t.oJD),t.xp6(3),t.Oqu(n.wabaInteractiveListFormGroup.value.footer),t.xp6(6),t.Oqu(n.wabaInteractiveListFormGroup.value.list.button),t.xp6(1),t.Q6J("ngIf",e)}}const bc=function(){return{shouldShowList:!1}},xc=function(){return{shouldShowList:!0}},Ht=function(){return["body"]},jt=function(){return["list","button"]};let kc=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x,this.shouldShowList$=new I.X(!1),this.shouldShowFooterForm$=new I.X(!1),this.headerTypes=[{id:"none",name:"None"},{id:"text",name:"Text"}],this.options=[{id:"{{name}}",name:"Name"}]}get wabaInteractiveListFormGroup(){return this.blockSetting.formGroup}set wabaInteractiveListFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.wabaInteractiveListFormGroup=this._flowUi.generateWabaInteractiveListFormGroup(this.data),this.data.footer&&this.shouldShowFooterForm$.next(!0),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.wabaInteractiveListFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}trackByFn(e,n){return n.value.id}addSection(){this.wabaInteractiveListFormGroup.get("list.sections").push(this._flowUi.generateWabaInteractiveListSectionFormGroup({id:this._flowUi.getUniqueId(),rows:[{id:this._flowUi.getUniqueId(),title:"",description:""}],title:""}))}addRow(e){this.wabaInteractiveListFormGroup.get(["list","sections",e,"rows"]).push(this._flowUi.generateWabaInteractiveListSectionRowFormGroup({id:this._flowUi.getUniqueId(),description:"",title:""}))}deleteSection(e){this.wabaInteractiveListFormGroup.get("list.sections").removeAt(e)}deleteRow(e,n){this.wabaInteractiveListFormGroup.get(["list","sections",e,"rows"]).removeAt(n)}toggleShouldShowList(){this.shouldShowList$.next(!this.shouldShowList$.value)}submit(){this.wabaInteractiveListFormGroup.invalid?this.wabaInteractiveListFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-waba-interactive-list"]],inputs:{data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:73,vars:31,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],[1,"flex","flex-col","gap-4"],[1,"flex","flex-col","gap-2"],[1,"flex","items-center","gap-4"],[1,"flex-1","flex","flex-col"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"flex","flex-col","gap-6","flex-1","p-4","rounded-md","border","dark:border-neutral-500"],["formGroupName","header",1,"flex","flex-col"],["formControlName","type",1,"flex","items-center","gap-4"],[3,"value",4,"ngFor","ngForOf"],[3,"ngSwitch"],["appearance","outline",4,"ngSwitchCase"],["appearance","outline"],["formControlName","body",3,"options"],["bodyInput",""],["align","end"],[4,"ngIf"],["mat-stroked-button","","class","self-start","type","button",3,"click",4,"ngIf"],["appearance","outline",4,"ngIf"],["formGroupName","list"],["matInput","","formControlName","button"],["buttonInput",""],["formGroupName","list",1,"flex","flex-col"],[1,"flex","flex-col","gap-1","p-4","rounded-md","border","dark:border-neutral-500"],["class","flex items-center gap-2 p-2 border text-red-800 bg-red-100 rounded-sm",4,"ngIf"],["formArrayName","sections",1,"flex","flex-col","gap-1"],["class","flex flex-col gap-1 p-4 rounded-md border dark:border-neutral-500",3,"formGroupName",4,"ngFor","ngForOf","ngForTrackBy"],["mat-stroked-button","","type","button",1,"self-start",3,"disabled","click"],[1,"flex","items-center","justify-center","gap-2"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],["messagePreviewTpl",""],[3,"value"],["formControlName","text",3,"options"],["headerInput",""],["mat-stroked-button","","type","button",1,"self-start",3,"click"],["matInput","","formControlName","footer"],["footerInput",""],[1,"flex","items-center","gap-2","p-2","border","text-red-800","bg-red-100","rounded-sm"],["color","warn"],[1,"flex-1"],[1,"flex","flex-col","gap-1","p-4","rounded-md","border","dark:border-neutral-500",3,"formGroupName"],[1,"flex","items-center","justify-between","gap-2","mb-1"],["appearance","outline",1,"flex-1"],["matInput","","formControlName","title",3,"options"],["sectionInput",""],["mat-icon-button","","type","button","matTooltip","Delete Section","color","warn",3,"disabled","click"],["formArrayName","rows"],["class","button flex items-center gap-1","cdkDrag","","cdkDragLockAxis","y",3,"formGroupName",4,"ngFor","ngForOf","ngForTrackBy"],["cdkDrag","","cdkDragLockAxis","y",1,"button","flex","items-center","gap-1",3,"formGroupName"],["cdkDragHandle","",1,"flex","items-center","justify-center","w-6","h-6","cursor-n-resize",3,"cdkDragHandleDisabled"],["appearance","fill",1,"w-full"],["rowTitleInput",""],["matInput","","formControlName","description",3,"options"],["rowDescriptionInput",""],["mat-icon-button","","type","button","color","warn","matTooltip","Delete Row",3,"disabled","click"],[1,"border","dark:border-none","h-140","flex","flex-col","justify-end","bg-[url('assets/whatsapp-default-bg-dark.webp')]","bg-cover","p-4","relative"],[1,"relative","bg-gray-50","text-black","rounded-tl-none","max-w-[280px]","rounded-lg","shadow-md","before:shadow-md","before:content-['']","before:absolute","before:top-0","before:-left-2","before:w-0","before:h-0","before:border-b-8","before:border-r-8","before:border-b-transparent","before:border-r-gray-50"],[1,"flex","flex-col","p-2"],["class","text-lg font-semibold",4,"ngSwitchCase"],[1,"whitespace-pre-wrap"],[3,"innerHTML"],[1,"text-sm","text-gray-600"],["type","button","matRipple","",3,"click"],[1,"flex","items-center","justify-center","gap-2","border-t","h-10","text-green-700"],["class","absolute bottom-0 left-0 w-full bg-white text-black h-112 rounded-t-md flex flex-col",4,"ngIf"],[1,"text-lg","font-semibold"],[1,"absolute","bottom-0","left-0","w-full","bg-white","text-black","h-112","rounded-t-md","flex","flex-col"],[1,"flex","items-center","justify-center","h-10"],[1,"font-semibold"],["type","button","matRipple","",1,"absolute","right-2","rounded-full",3,"click"],[1,"flex-1","overflow-y-auto"],["class","pt-4",4,"ngFor","ngForOf"],[1,"p-4"],["type","button","matRipple","",1,"w-full","h-10","bg-whatsapp","text-gray-900","rounded-lg"],[1,"pt-4"],[1,"py-1","border-b","px-4"],["type","button","matRipple","","class","flex flex-col py-2 border-b px-4 text-left w-full",4,"ngFor","ngForOf"],["type","button","matRipple","",1,"flex","flex-col","py-2","border-b","px-4","text-left","w-full"],[1,"text-lg"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a text message with list of options to your customer."),t.qZA(),t.TgZ(4,"div",2)(5,"div",3)(6,"span"),t._uU(7,"Message Preview"),t.qZA(),t.TgZ(8,"div",4)(9,"div",5)(10,"span"),t._uU(11,"Before opening list"),t.qZA(),t.YNc(12,Dl,1,0,"ng-container",6),t.qZA(),t.TgZ(13,"div",5)(14,"span"),t._uU(15,"After opening list"),t.qZA(),t.YNc(16,Yl,1,0,"ng-container",6),t.qZA()()(),t.TgZ(17,"div",7)(18,"div",8)(19,"p"),t._uU(20,"Header (Optional)"),t.qZA(),t.TgZ(21,"mat-radio-group",9),t.YNc(22,Rl,2,2,"mat-radio-button",10),t.qZA(),t.ynx(23,11),t.YNc(24,Kl,14,6,"mat-form-field",12),t.BQk(),t.qZA(),t.TgZ(25,"mat-form-field",13)(26,"mat-label"),t._uU(27,"Body"),t.qZA(),t._UZ(28,"cm-textarea",14,15),t.TgZ(30,"mat-hint"),t._uU(31,"Use "),t.TgZ(32,"span"),t.IAx(),t._uU(33,"{{name}}"),t.fQ9(),t.qZA(),t._uU(34," for customer name"),t.qZA(),t.TgZ(35,"mat-hint",16),t._uU(36),t.qZA(),t.YNc(37,Hl,2,0,"mat-error",17),t.YNc(38,jl,2,0,"mat-error",17),t.qZA(),t.YNc(39,Vl,2,0,"button",18),t.ALo(40,"async"),t.YNc(41,tc,9,5,"mat-form-field",19),t.ALo(42,"async"),t.ynx(43,20),t.TgZ(44,"mat-form-field",13)(45,"mat-label"),t._uU(46,"Button"),t.qZA(),t._UZ(47,"input",21,22),t.TgZ(49,"mat-hint",16),t._uU(50),t.qZA(),t.YNc(51,ec,2,0,"mat-error",17),t.YNc(52,nc,2,0,"mat-error",17),t.qZA(),t.BQk(),t.qZA(),t.TgZ(53,"div",23)(54,"div",24),t.YNc(55,oc,5,0,"div",25),t.TgZ(56,"span"),t._uU(57,"List Section"),t.qZA(),t.TgZ(58,"div",26),t.YNc(59,pc,23,14,"div",27),t.qZA(),t.TgZ(60,"button",28),t.NdJ("click",function(){return n.addSection()}),t.TgZ(61,"div",29)(62,"mat-icon"),t._uU(63,"add"),t.qZA(),t.TgZ(64,"span"),t._uU(65,"Add Section"),t.qZA()()()()()()(),t.TgZ(66,"div",30)(67,"button",31),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(68,"Cancel"),t.qZA(),t.TgZ(69,"button",32),t._uU(70,"Apply"),t.qZA()()(),t.YNc(71,hc,17,8,"ng-template",null,33,t.W1O)),2&e){const i=t.MAs(29),a=t.MAs(48),l=t.MAs(72);t.Q6J("formGroup",n.wabaInteractiveListFormGroup),t.xp6(12),t.Q6J("ngTemplateOutlet",l)("ngTemplateOutletContext",t.DdM(25,bc)),t.xp6(4),t.Q6J("ngTemplateOutlet",l)("ngTemplateOutletContext",t.DdM(26,xc)),t.xp6(6),t.Q6J("ngForOf",n.headerTypes),t.xp6(1),t.Q6J("ngSwitch",n.wabaInteractiveListFormGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(4),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==i.value?null:i.value.length)||0,"/4096"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("required",t.DdM(27,Ht))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("maxlength",t.DdM(28,Ht))),t.xp6(1),t.Q6J("ngIf",!t.lcZ(40,21,n.shouldShowFooterForm$)),t.xp6(2),t.Q6J("ngIf",t.lcZ(42,23,n.shouldShowFooterForm$)),t.xp6(9),t.hij("",(null==a.value?null:a.value.length)||0,"/20"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("required",t.DdM(29,jt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveListFormGroup.hasError("maxlength",t.DdM(30,jt))),t.xp6(3),t.Q6J("ngIf",null==n.wabaInteractiveListFormGroup.controls.list.controls.sections.errors?null:n.wabaInteractiveListFormGroup.controls.list.controls.sections.errors.requiredArray),t.xp6(4),t.Q6J("ngForOf",n.wabaInteractiveListFormGroup.controls.list.controls.sections.controls)("ngForTrackBy",n.trackByFn),t.xp6(1),t.Q6J("disabled",n.wabaInteractiveListFormGroup.value.list.sections.length>=10)}},dependencies:[c.ez,c.sg,c.O5,c.tP,c.RF,c.n9,c.Ov,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.sg,s.u,s.x0,s.CE,K._t,K.Zt,K.Bh,m.ot,m.lW,f.Ps,f.Hw,b.lN,b.TO,b.KE,b.bx,b.hX,Q.LD,q.c,q.Nt,J.AV,J.gM,O.si,O.wG,it.Fk,it.VQ,it.U0,nt.R,ot.B,et.f],encapsulation:2,changeDetection:0}),o})();var yc=_(65910),Vt=_(77518),vc=_(89740);function wc(o,r){if(1&o&&(t.TgZ(0,"div",13)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"div",14)(4,"span"),t._uU(5,"Template will not be sent"),t.qZA(),t.TgZ(6,"p",15),t._uU(7),t.qZA()()()),2&o){const e=r.ngIf;t.xp6(7),t.Oqu(e)}}function Cc(o,r){1&o&&t.GkF(0)}const zt=function(o){return{waCloudTemplate:o}};function Tc(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Cc,1,0,"ng-container",16),t.BQk()),2&o){const e=r.ngIf;t.oxw(3);const n=t.MAs(4);t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(2,zt,e))}}function Zc(o,r){1&o&&t.GkF(0)}function Bc(o,r){if(1&o&&(t.TgZ(0,"mat-option",17),t.YNc(1,Zc,1,0,"ng-container",16),t.qZA()),2&o){const e=r.$implicit;t.oxw(3);const n=t.MAs(4);t.Q6J("value",e.id),t.xp6(1),t.Q6J("ngTemplateOutlet",n)("ngTemplateOutletContext",t.VKq(3,zt,e))}}function Ic(o,r){if(1&o&&(t.TgZ(0,"div",18)(1,"span",19),t._uU(2,"Template Preview"),t.qZA(),t._UZ(3,"messaging-wa-template-preview",20),t.qZA()),2&o){const e=r.ngIf;t.xp6(3),t.Q6J("template",e)}}function Ac(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Value is required"),t.qZA())}const Fc=function(o){return["header","parameter",o,"value"]};function Uc(o,r){if(1&o&&(t.TgZ(0,"div",32)(1,"mat-form-field",33)(2,"mat-label"),t._uU(3,"Variable"),t.qZA(),t._UZ(4,"input",34),t.qZA(),t.TgZ(5,"mat-form-field",35)(6,"mat-label"),t._uU(7,"Value"),t.qZA(),t._UZ(8,"input",36),t.YNc(9,Ac,2,0,"mat-error",1),t.qZA()()),2&o){const e=r.index,n=t.oxw(7);t.Q6J("formGroupName",e),t.xp6(9),t.Q6J("ngIf",n.formGroup.hasError("required",t.VKq(2,Fc,e)))}}function Sc(o,r){if(1&o&&(t.TgZ(0,"div",29)(1,"p",30),t._uU(2,"Variable sample"),t.qZA(),t.YNc(3,Uc,10,4,"div",31),t.qZA()),2&o){const e=t.oxw(6);
1t.xp6(3),t.Q6J("ngForOf",e.formGroup.controls.header.controls.parameter.controls)}}function Gc(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Sc,4,1,"div",28),t.BQk()),2&o){const e=t.oxw(5);t.xp6(1),t.Q6J("ngIf",e.formGroup.value.header.parameter.length>0)}}function qc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",37),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFilePathChange(i))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw(5);t.Q6J("id",e.id)("context",e.context)("mediaType","image")("filePath",e.formGroup.value.header.media_id)("fileName",e.formGroup.value.header.filename)}}function Mc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",37),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFilePathChange(i))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw(5);t.Q6J("id",e.id)("context",e.context)("mediaType","video")("filePath",e.formGroup.value.header.media_id)("fileName",e.formGroup.value.header.filename)}}function Wc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-upload-file",37),t.NdJ("filePathChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFilePathChange(i))})("fileNameChange",function(i){t.CHM(e);const a=t.oxw(5);return t.KtG(a.onFileNameChange(i))}),t.qZA()}if(2&o){const e=t.oxw(5);t.Q6J("id",e.id)("context",e.context)("mediaType","document")("filePath",e.formGroup.value.header.media_id)("fileName",e.formGroup.value.header.filename)}}function Nc(o,r){if(1&o&&(t.TgZ(0,"div",23)(1,"span",24),t._uU(2,"Header"),t.qZA(),t.TgZ(3,"div",25),t.YNc(4,Gc,2,1,"ng-container",26),t.YNc(5,qc,1,5,"wa-bot-block-setting-upload-file",27),t.YNc(6,Mc,1,5,"wa-bot-block-setting-upload-file",27),t.YNc(7,Wc,1,5,"wa-bot-block-setting-upload-file",27),t.qZA()()),2&o){const e=t.oxw(4);t.xp6(3),t.Q6J("ngSwitch",e.formGroup.value.header.type),t.xp6(1),t.Q6J("ngSwitchCase","text"),t.xp6(1),t.Q6J("ngSwitchCase","image"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","document")}}function Jc(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Value is required"),t.qZA())}const $c=function(o){return["body","parameter",o,"value"]};function Qc(o,r){if(1&o&&(t.TgZ(0,"div",32)(1,"mat-form-field",33)(2,"mat-label"),t._uU(3,"Variable"),t.qZA(),t._UZ(4,"input",34),t.qZA(),t.TgZ(5,"mat-form-field",35)(6,"mat-label"),t._uU(7,"Value"),t.qZA(),t._UZ(8,"cm-textarea",39,40),t.YNc(10,Jc,2,0,"mat-error",1),t.qZA()()),2&o){const e=r.index,n=t.oxw(5);t.Q6J("formGroupName",e),t.xp6(8),t.Q6J("options",n.options),t.xp6(2),t.Q6J("ngIf",n.formGroup.hasError("required",t.VKq(3,$c,e)))}}function Ec(o,r){if(1&o&&(t.TgZ(0,"div",38)(1,"span",24),t._uU(2,"Body"),t.qZA(),t.ynx(3,29),t.YNc(4,Qc,11,5,"div",31),t.BQk(),t.qZA()),2&o){const e=t.oxw(4);t.xp6(4),t.Q6J("ngForOf",e.formGroup.controls.body.controls.parameter.controls)}}function Oc(o,r){if(1&o&&(t.TgZ(0,"div",5),t.YNc(1,Nc,8,5,"div",21),t.ALo(2,"async"),t.YNc(3,Ec,5,1,"div",22),t.qZA()),2&o){const e=r.ngIf,n=t.oxw(3);t.xp6(1),t.Q6J("ngIf",t.lcZ(2,2,n.shouldShowTemplateHeaderSetting$)),t.xp6(2),t.Q6J("ngIf",e.body.parameter)}}const Dc=function(){return{standalone:!0}};function Yc(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",5),t.YNc(1,wc,8,1,"div",6),t.ALo(2,"async"),t.TgZ(3,"mat-form-field",7)(4,"mat-label"),t._uU(5,"Template"),t.qZA(),t.TgZ(6,"mat-select",8)(7,"mat-select-trigger"),t.YNc(8,Tc,2,4,"ng-container",1),t.ALo(9,"async"),t.qZA(),t.TgZ(10,"mat-option")(11,"ngx-mat-select-search",9),t.NdJ("ngModelChange",function(i){t.CHM(e);const a=t.oxw(2);return t.KtG(a.search$.next(i))}),t.qZA()(),t.YNc(12,Bc,2,5,"mat-option",10),t.ALo(13,"async"),t.qZA()(),t.YNc(14,Ic,4,1,"div",11),t.ALo(15,"async"),t.YNc(16,Oc,4,4,"div",12),t.ALo(17,"async"),t.qZA()}if(2&o){const e=t.oxw(2);t.xp6(1),t.Q6J("ngIf",t.lcZ(2,8,e.waCloudTemplateError$)),t.xp6(7),t.Q6J("ngIf",t.lcZ(9,10,e.waCloudTemplate$)),t.xp6(3),t.Q6J("ngModelOptions",t.DdM(18,Dc))("noEntriesFoundLabel","No result found")("placeholderL
1abel","Search"),t.xp6(1),t.Q6J("ngForOf",t.lcZ(13,12,e.filteredWaCloudTemplates$)),t.xp6(2),t.Q6J("ngIf",t.lcZ(15,14,e.waCloudTemplatePreview$)),t.xp6(2),t.Q6J("ngIf",t.lcZ(17,16,e.waCloudTemplate$))}}function Rc(o,r){if(1&o&&(t.ynx(0),t.YNc(1,Yc,18,19,"div",4),t.BQk()),2&o){const e=r.ngIf;t.oxw();const n=t.MAs(6);t.xp6(1),t.Q6J("ngIf",e.length>0)("ngIfElse",n)}}const Lc=function(o,r,e,n,i){return{"bg-gray-100 text-gray-800":o,"bg-red-100 text-red-800":r,"bg-orange-100 text-orange-800":e,"bg-red-100 text-red-800":n,"bg-green-100 text-green-800":i}};function Pc(o,r){if(1&o&&(t.TgZ(0,"div",41)(1,"span",42),t._uU(2),t.qZA(),t.TgZ(3,"div",43),t._uU(4),t.qZA()()),2&o){const e=r.waCloudTemplate,n=t.oxw();t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("ngClass",t.qbA(3,Lc,"pending"===e.status||"archived"===e.status||"others"===e.status,"rejected"===e.status||"disabled"===e.status,"paused"===e.status,"disabled"===e.status,"active"===e.status)),t.xp6(1),t.hij(" ",n.templateStatusNameMapping[e.status]," ")}}const Kc=function(o){return[o]};function Hc(o,r){if(1&o&&(t.TgZ(0,"div",44)(1,"span",45),t._uU(2,"No Template found"),t.qZA(),t.TgZ(3,"a",46),t.ALo(4,"async"),t._uU(5,"Create Template"),t.qZA()()),2&o){const e=t.oxw();
1t.xp6(3),t.Q6J("routerLink",t.VKq(3,Kc,t.lcZ(4,1,e.createTemplateLink$)))}}let jc=(()=>{class o{constructor(e){this._flowUi=e,this.search$=new I.X(null),this.templateStatusNameMapping={active:"Active",paused:"Paused",pending:"Pending",archived:"Archived",deleted:"Deleted",disabled:"Disabled",rejected:"Rejected",others:"Other"},this.waCloudTemplate$=new I.X(null),this.waCloudTemplateError$=this.waCloudTemplate$.pipe((0,u.h)(n=>!!n),(0,T.U)(n=>"active"!==n.status?"Only active template can be sent. It may take up to 24 hours for Meta to approve your Template.":n.out_of_sync?"Template is out of sync. This may happen if you have updated this Template in the WhatsApp Manager. You can update the Template in ChatMamba to re-sync the Template.":null)),this.shouldShowTemplateHeaderSetting$=this.waCloudTemplate$.pipe((0,T.U)(n=>!(!n||!n.header)&&(["image","video","document"].includes(n.header.type)||"text"===n.header.type&&!!n.header.content.parameter))),this.waCloudTemplates$=new I.X([]),this.waCloudTemplatePreview$=new I.X(null),this.options=[{id:"{{name}}",name:"Name"}],this.filteredWaCloudTemplates$=(0,j.a)([this.search$.pipe((0,H.x)(),(0,X.b)(100)),this.waCloudTemplates$.pipe((0,u.h)(n=>!!n))]).pipe((0,T.U)(([n,i])=>n?(n=n.toLowerCase(),i.filter(a=>a.name.toLowerCase().includes(n))):i)),this.destroy$=new w.x}ngOnInit(){this.initWaCloudTemplates(),this.formGroup.value.id&&this.waCloudTemplates$.pipe((0,u.h)(e=>e.length>
10),(0,C.q)(1),(0,T.U)(e=>e.find(n=>n.id===this.formGroup.value.id))).subscribe({next:e=>{this.waCloudTemplate$.next(e);const n=this.getWaCloudTemplatePreview(e,this.formGroup.value);this.waCloudTemplatePreview$.next(n)}}),this.createTemplateLink$=this.context.adapter.msg.getMessaging().pipe((0,T.U)(e=>`/messagings/${e.id}/integrations/${this.formGroup.value.integration_id}/templates/new`)),this.templateChangeListener(),this.templatePreviewListener()}ngOnDestroy(){this.destroy$.next(!0)}initWaCloudTemplates(){this.context.adapter.listWabaTemplates(this.formGroup.value.integration_id).subscribe({next:n=>{this.waCloudTemplates$.next(n)}})}templateChangeListener(){this.formGroup.get("id").valueChanges.pipe((0,H.x)(),(0,U.M)(this.waCloudTemplates$),(0,T.U)(([e,n])=>n.find(i=>i.id===e)),(0,p.R)(this.destroy$)).subscribe({next:e=>{this.initWaCloudTemplateFormGroup(e),this.waCloudTemplate$.next(e)}})}templatePreviewListener(){(0,j.a)([this.waCloudTemplate$.pipe((0,u.h)(e=>!!e)),this.formGroup.valueChanges.pipe((0,T.U)(e=>this.formGroup.getRawValue()))]).pipe((0,T.U)(([e,n])=>this.getWaCloudTemplatePreview(e,n)),(0,p.R)(this.destroy$)).subscribe({next:e=>{this.waCloudTemplatePreview$.next(e)}})}initWaCloudTemplateFormGroup(e){const n=this.formGroup.get("header.parameter"),i=this.formGroup.get("body.parameter"),a=this.formGroup.get("buttons");this.formGroup.patchValue({status:e.status,out_of_sync:e.out_of_sync,language:e.language,name:e.name,header:{type:"none",media_id:"",text:""},body:{text:e.body.text},footer:{text:e.footer?.text||""}},{emitEvent:!1}),n.clear({emitEvent:!1}),i.clear({emitEvent:!1}),a.clear({emitEvent:!1}),e.header&&("image"===e.header.type||"video"===e.header.type||"document"===e.header.type?this.formGroup.patchValue({header:{type:e.header.type,filename:e.header.content.media_name,media_id:e.header.content.media_ref}},{emitEvent:!1}):"text"===e.header.type&&(this.formGroup.patchValue({header:{type:e.header.type,text:e.header.content.text}},{emitEvent:!1}),e.header.content.parameter&&e.header.content.parameter.forEach(l=>{n.push(this._flowUi.generateTemplateParameterFormGroup({name:l.name,value:""}),{emitEvent:!1})}))),e.body.parameter&&e.body.parameter.forEach(l=>{i.push(this._flowUi.generateTemplateParameterFormGroup({name:l.name,value:""}),{emitEvent:!1})}),e.buttons&&e.buttons.forEach(l=>{a.push(this._flowUi.generateTemplateButtonFormGroup({id:this._flowUi.getUniqueId(),text:l.content.text,template_button_id:l.id,type:l.type}),{emitEvent:!1})})}getWaCloudTemplatePreview(e,n){let i=null;return e.header&&("image"===e.header.type||"video"===e.header.type||"document"===e.header.type?i={type:e.header.type,content:{media_name:n.header.filename,media_ref:n.header.media_id}}:"text"===e.header.type&&(i={type:e.header.type,content:{text:e.header.content.text,parameter:n.header.parameter.map(a=>({name:a.name,example:a.value}))}})),{...e,header:i,body:{text:e.body.text,parameter:n.body.parameter.map(a=>({name:a.name,example:a.value}))}}}onFilePathChange(e){this.formGroup.get("header").patchValue({media_id:e})}onFileNameChange(e){this.formGroup.get("header").patchValue({filename:e})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-waba-template-template"]],inputs:{context:"context",id:"id",formGroup:"formGroup"},standalone:!0,features:[t.jDz],decls:7,vars:4,consts:[[1,"flex","flex-col","gap-4","h-full",3,"formGroup"],[4,"ngIf"],["templateOptionPreviewTpl",""],["noTemplateTpl",""],["class","flex flex-col",4,"ngIf","ngIfElse"],[1,"flex","flex-col"],["class","bg-yellow-100 text-yellow-800 p-4 flex items-center gap-4 mb-2",4,"ngIf"],["appearance","outline",1,"sm:w-1/2"],["formControlName","id"],["ngModel","",3,"ngModelOptions","noEntriesFoundLabel","placeholderL
1abel","ngModelChange"],[3,"value",4,"ngFor","ngForOf"],["class","flex flex-col gap-1",4,"ngIf"],["class","flex flex-col",4,"ngIf"],[1,"bg-yellow-100","text-yellow-800","p-4","flex","items-center","gap-4","mb-2"],[1,"flex-1","flex","flex-col"],[1,"text-sm"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"value"],[1,"flex","flex-col","gap-1"],[1,"font-semibold"],[1,"self-start",3,"template"],["formGroupName","header","class","flex flex-col p-4 mt-4 rounded-md border dark:border-white/30",4,"ngIf"],["formGroupName","body","class","flex flex-col p-4 mt-4 rounded-md border dark:border-white/30",4,"ngIf"],["formGroupName","header",1,"flex","flex-col","p-4","mt-4","rounded-md","border","dark:border-white/30"],[1,"font-semibold","mb-4"],[3,"ngSwitch"],[4,"ngSwitchCase"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange",4,"ngSwitchCase"],["formArrayName","parameter",4,"ngIf"],["formArrayName","parameter"],[1,"mb-2"],["class","flex gap-2",3,"formGroupName",4,"ngFor","ngForOf"],[1,"flex","gap-2",3,"formGroupName"],["appearance","outline",1,"w-32"],["readonly","","matInput","","formControlName","name"],["appearance","outline",1,"flex-1"],["matInput","","formControlName","value"],[3,"id","context","mediaType","filePath","fileName","filePathChange","fileNameChange"],["formGroupName","body",1,"flex","flex-col","p-4","mt-4","rounded-md","border","dark:border-white/30"],["formControlName","value",3,"options"],["input",""],[1,"flex","items-center","gap-2","h-6"],[1,"truncate"],[1,"px-2","rounded-2xl","flex","items-center","h-full",3,"ngClass"],[1,"flex-1","flex","flex-col","items-center","justify-center","overflow-y-auto"],[1,"italic"],["mat-flat-button","","color","primary",3,"routerLink"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.YNc(1,Rc,2,2,"ng-container",1),t.ALo(2,"async"),t.qZA(),t.YNc(3,Pc,5,9,"ng-template",null,2,t.W1O),t.YNc(5,Hc,6,5,"ng-template",null,3,t.W1O)),2&e&&(t.Q6J("formGroup",n.formGroup),t.xp6(1),t.Q6J("ngIf",t.lcZ(2,2,n.waCloudTemplates$)))},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.RF,c.n9,c.Ov,Vt.Bz,Vt.yS,s.u5,s.Fj,s.JJ,s.JL,s.On,s.UX,s.sg,s.u,s.x0,s.CE,b.lN,b.TO,b.KE,b.hX,Q.LD,Q.gD,Q.$L,O.ey,q.c,q.Nt,m.ot,m.zs,f.Ps,f.Hw,yt.Co,yt.nu,vc.N,ct,nt.R,ot.B],encapsulation:2}),o})();function Vc(o,r){if(1&o&&(t.TgZ(0,"div",8)(1,"span"),t._uU(2,"Editing setting for:"),t.qZA(),t.TgZ(3,"div",9)(4,"span"),t._uU(5),t.qZA()()()),2&o){const e=r.ngIf;t.xp6(5),t.Oqu(e.name)}}function zc(o,r){1&o&&(t.TgZ(0,"div",21)(1,"mat-icon"),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"div",22)(4,"span"),t._uU(5,"This Template cannot be optimized for Smart Sending"),t.qZA(),t.TgZ(6,"span",23),t._uU(7,"It may be because the Template contains media with more than 3 Quick Reply buttons, or contains URL button"),t.qZA()()())}function Xc(o,r){if(1&o&&(t.TgZ(0,"div",13)(1,"span",14),t._uU(2,"Save on messaging costs"),t.qZA(),t.YNc(3,zc,8,0,"div",15),t.ALo(4,"async"),t.TgZ(5,"div",16)(6,"mat-checkbox",17),t._uU(7,"Smart Sending"),t.qZA(),t.TgZ(8,"p",18),t._uU(9,"Automatically send an interactive message instead of a template whenever possible."),t.qZA()(),t.TgZ(10,"div")(11,"div",19)(12,"mat-icon"),t._uU(13,"info_outline"),t.qZA(),t.TgZ(14,"span"),t._uU(15,"Notes"),t.qZA()(),t.TgZ(16,"ul",20)(17,"li"),t._uU(18,"Only within the 24-hour Customer Service Window"),t.qZA(),t.TgZ(19,"li"),t._uU(20,"Customers receive the same content"),t.qZA(),t.TgZ(21,"li"),t._uU(22,"Your flow behaves exactly the same"),t.qZA()()()()),2&o){const e=t.oxw(2);t.xp6(3),t.Q6J("ngIf",!t.lcZ(4,1,e.canConvertWabaTemplateToInteractiveMessage$))}}const ts=function(o){return{"flex-1":o}};function es(o,r){if(1&o&&(t.TgZ(0,"div",10),t._UZ(1,"wa-bot-block-setting-waba-template-template",11),t.YNc(2,Xc,23,3,"div",12),t.qZA()),2&o){const e=r.ngIf,n=t.oxw();t.xp6(1),t.Q6J("ngClass",t.VKq(5,ts,!e.value.id))("id",n.id)("context",n.context)("formGroup",e),t.xp6(1),t.Q6J("ngIf",e.value.id)}}function ns(o,r){1&o&&(t.TgZ(0,"div",24)(1,"span"),t._uU(2,"You have not connected to any WhatsApp Business Account (WABA) yet."),t.qZA(),t.TgZ(3,"button",25),t._uU(4,"Connect WABA"),t.qZA()())}let os=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=ne
1w t.vpe,this.integrationId$=new I.X(null),this.templateFormGroup$=new I.X(null),this.canConvertWabaTemplateToInteractiveMessage$=this.templateFormGroup$.pipe((0,u.h)(i=>!!i),(0,It.w)(i=>i.valueChanges.pipe((0,$.O)(i.value),(0,u.h)(a=>!!a),(0,yc.g)("id"))),(0,T.U)(i=>0===i.buttons.length?!i.footer.text&&!!["none","image","video","document"].includes(i.header.type):!!i.buttons.every(l=>"quick_reply"===l.type)&&(i.buttons.length<=3?!!["none","text","image","video","document"].includes(i.header.type):!!["none","text"].includes(i.header.type)))),this.destroy$=new w.x}set integrationId(e){e&&this.integrationId$.next(e)}get wabaTemplateFormGroup(){return this.blockSetting.formGroup}set wabaTemplateFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.integration$=(0,j.a)([this.context.adapter.listMessagingIntegrations(),this.integrationId$.pipe((0,u.h)(e=>!!e))]).pipe((0,T.U)(([e,n])=>e.find(i=>i.id===n))),this.wabaTemplateFormGroup=this._flowUi.generateWabaTemplateFormGroup(this.data),this.templateFormGroupListener(),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.wabaTemplateFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}templateFormGroupListener(){const e=this.wabaTemplateFormGroup.get("templates");this.integration$.pipe((0,p.R)(this.destroy$)).subscribe({next:n=>{const i=e.value.findIndex(a=>a.integration_id===n.id);if(-1===i){const a=this._flowUi.generateTemplateFormGroup({id:null,integration_id:n.id,waba_name:n.provider_metadata.waba.name,status:null,out_of_sync:null,language:null,name:null,body:{text:null,parameter:[]},buttons:[]});e.push(a,{emitEvent:!1}),this.templateFormGroup$.next(a)}else{const a=e.at(i);this.templateFormGroup$.next(a)}}})}submit(){this.wabaTemplateFormGroup.invalid?this.wabaTemplateFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-waba-template"]],inputs:{context:"context",id:"id",data:"data",integrationId:"integrationId"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:15,vars:8,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","overflow-y-auto","gap-2"],["class","flex items-center gap-2",4,"ngIf","ngIfElse"],["class","flex-1 flex flex-col gap-4",4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"],["noIntegrationTpl",""],[1,"flex","items-center","gap-2"],[1,"rounded-2xl","px-2","bg-gray-200","dark:bg-neutral-600","self-start"],[1,"flex-1","flex","flex-col","gap-4"],[3,"ngClass","id","context","formGroup"],["class","flex flex-col p-4 rounded-md border dark:border-white/30 w-128",4,"ngIf"],[1,"flex","flex-col","p-4","rounded-md","border","dark:border-white/30","w-128"],[1,"font-semibold","mb-2"],["class","flex items-center gap-4 p-4 text-yellow-800 bg-yellow-100 rounded-sm mb-2",4,"ngIf"],[1,"mb-4"],["formControlName","smart_sending"],[1,"dark:text-gray-300"],[1,"flex","items-center","gap-1"],[1,"list-inside","list-disc"],[1,"flex","items-center","gap-4","p-4","text-yellow-800","bg-yellow-100","rounded-sm","mb-2"],[1,"flex-1","flex","flex-col"],[1,"text-sm","text-yellow-700"],[1,"flex-1","flex","flex-col","justify-center","items-center"],["mat-flat-button","","color","primary"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Send a WhatsApp Template to your customer. Charges may apply."),t.qZA(),t.YNc(4,Vc,6,1,"div",2),t.ALo(5,"async"),t.YNc(6,es,3,7,"div",3),t.ALo(7,"async"),t.qZA(),t.TgZ(8,"div",4)(9,"button",5),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(10,"Cancel"),t.qZA(),t.TgZ(11,"button",6),t._uU(12,"Apply"),t.qZA()()(),t.YNc(13,ns,5,0,"ng-template",null,7,t.W1O)),2&e){const i=t.MAs(14);t.Q6J("formGroup",n.wabaTemplateFormGroup),t.xp6(4),t.Q6J("ngIf",t.lcZ(5,4,n.integration$))("ngIfElse",i),t.xp6(2),t.Q6J("ngIf",t.lcZ(7,6,n.templateFormGroup$))}}
1,dependencies:[c.ez,c.mk,c.O5,c.Ov,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,m.ot,m.lW,f.Ps,f.Hw,vt.p9,vt.oG,jc],encapsulation:2,changeDetection:0}),o})();function is(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body is required"),t.qZA())}function rs(o,r){1&o&&(t.TgZ(0,"mat-error"),t._uU(1,"Body must be less than 1024 characters"),t.qZA())}const Xt=function(){return["body"]};let as=(()=>{class o{constructor(e,n){this._flowUi=e,this.blockSetting=n,this.apply=new t.vpe,this.cancel=new t.vpe,this.destroy$=new w.x,this.options=[{id:"{{name}}",name:"Name"}]}get wabaInteractiveQuickReplyFormGroup(){return this.blockSetting.formGroup}set wabaInteractiveQuickReplyFormGroup(e){this.blockSetting.formGroup=e}ngOnInit(){this.wabaInteractiveQuickReplyFormGroup=this._flowUi.generateWabaInteractiveRequestContactInfoFormGroup(this.data),this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.wabaInteractiveQuickReplyFormGroup.valueChanges.pipe((0,p.R)(this.destroy$)).subscribe({next:()=>this.blockSetting.settingChanged$.next(!0)})}submit(){this.wabaInteractiveQuickReplyFormGroup.invalid?this.wabaInteractiveQuickReplyFormGroup.markAllAsTouched():this.apply.emit()}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting-waba-request-contact-info"]],inputs:{id:"id",data:"data"},outputs:{apply:"apply",cancel:"cancel"},standalone:!0,features:[t.jDz],decls:25,vars:7,consts:[[1,"flex","flex-col","h-full","gap-2",3,"formGroup","ngSubmit"],[1,"flex","flex-col","flex-1","gap-4","overflow-y-auto"],[1,"flex","gap-4"],[1,"flex","flex-col","gap-4","w-full"],["appearance","outline"],["formControlName","body",3,"options"],["bodyInput",""],["align","end"],[4,"ngIf"],[1,"flex","justify-end","gap-1"],["mat-button","","type","button",3,"click"],["mat-flat-button","","color","primary","type","submit"]],template:function(e,n){if(1&e&&(t.TgZ(0,"form",0),t.NdJ("ngSubmit",function(){return n.submit()}),t.TgZ(1,"div",1)(2,"p"),t._uU(3,"Request contact info to your customer."),t.qZA(),t.TgZ(4,"div",2)(5,"div",3)(6,"mat-form-field",4)(7,"mat-label"),t._uU(8,"Body"),t.qZA(),t._UZ(9,"cm-textarea",5,6),t.TgZ(11,"mat-hint"),t._uU(12,"Use "),t.TgZ(13,"span"),t.IAx(),t._uU(14,"{{name}}"),t.fQ9(),t.qZA(),t._uU(15," for customer name"),t.qZA(),t.TgZ(16,"mat-hint",7),t._uU(17),t.qZA(),t.YNc(18,is,2,0,"mat-error",8),t.YNc(19,rs,2,0,"mat-error",8),t.qZA()()()(),t.TgZ(20,"div",9)(21,"button",10),t.NdJ("click",function(){return n.cancel.emit()}),t._uU(22,"Cancel"),t.qZA(),t.TgZ(23,"button",11),t._uU(24,"Apply"),t.qZA()()()),2&e){const i=t.MAs(10);t.Q6J("formGroup",n.wabaInteractiveQuickReplyFormGroup),t.xp6(9),t.Q6J("options",n.options),t.xp6(8),t.hij("",(null==i.value?null:i.value.length)||0,"/1024"),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("required",t.DdM(5,Xt))),t.xp6(1),t.Q6J("ngIf",n.wabaInteractiveQuickReplyFormGroup.hasError("maxlength",t.DdM(6,Xt)))}},dependencies:[c.ez,c.O5,s.UX,s._Y,s.JJ,s.JL,s.sg,s.u,b.lN,b.TO,b.KE,b.bx,b.hX,m.ot,m.lW,nt.R,ot.B],encapsulation:2,changeDetection:0}),o})();function ls(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-attachment",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function cs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-audio",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function ss(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-delay",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function us(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-media",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function ds(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-message",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function ps(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-recording-delay",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function _s(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-redirect",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function ms(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-set-attribute",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function gs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-remove-attribute",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function fs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-subscribe-sequence",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function hs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-typing-delay",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function bs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-unsubscribe-sequence",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function xs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-video",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function ks(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-crm",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function ys(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-process-reply",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function vs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-if-else",9),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("context",e.context)("data",e.card.content)}}function ws(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-poll",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function Cs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-ab-testing",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function Ts(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-waba-interactive-quick-reply",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function Zs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-waba-interactive-list",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.card.content)}}function Bs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-waba-template",10),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)("integrationId",e.
1state.integrationId)}}function Is(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-waba-request-contact-info",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function As(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-sticker",7),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveCardChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("id",e.id)("context",e.context)("data",e.card.content)}}function Fs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"wa-bot-block-setting-entry-block",8),t.NdJ("apply",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.saveKeywordGroupsChange())})("cancel",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.discard.emit())}),t.qZA()}if(2&o){const e=t.oxw();t.Q6J("data",e.keywordGroups)}}let Us=(()=>{class o{constructor(e){this.blockSetting=e,this.saveCard=new t.vpe,this.saveKeywordGroups=new t.vpe,this.discard=new t.vpe,this.changed=new t.vpe,this.destroy$=new w.x}ngOnInit(){this.settingChangedListener()}ngOnDestroy(){this.destroy$.next(!0)}settingChangedListener(){this.blockSetting.settingChanged$.pipe((0,u.h)(e=>e),(0,p.R)(this.destroy$)).subscribe({next:()=>this.changed.emit()})}saveKeywordGroupsChange(){this.blockSetting.formGroup.invalid?this.blockSetting.formGroup.markAllAsTouched():this.saveKeywordGroups.emit(this.blockSetting.formGroup.get("keyword_groups").getRawValue())}saveCardChange(){this.blockSetting.formGroup.invalid?this.blockSetting.formGroup.markAllAsTouched():this.saveCard.emit({id:this.card.id,type:this.card.type,content:this.blockSetting.formGroup.getRawValue()})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(N))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-block-setting"]],inputs:{id:"id",card:"card",keywordGroups:"keywordGroups",context:"context",state:"state"},outputs:{saveCard:"saveCard",saveKeywordGroups:"saveKeywordGroups",discard:"discard",changed:"changed"},standalone:!0,features:[t._Bn([N]),t.jDz],decls:26,vars:25,consts:[[1,"flex","flex-col","h-full"],[3,"ngSwitch"],["class","flex-1 overflow-y-auto",3,"id","context","data","apply","cancel",4,"ngSwitchCase"],["class","flex-1 overflow-y-auto",3,"data","apply","cancel",4,"ngSwitchCase"],["class","flex-1 overflow-y-auto",3,"context","data","apply","cancel",4,"ngSwitchCase"],["class","flex-1 overflow-y-auto",3,"id","context","data","integrationId","apply","cancel",4,"ngSwitchCase"],["class","flex-1 overflow-y-auto",3,"data","apply","cancel",4,"ngIf"],[1,"flex-1","overflow-y-auto",3,"id","context","data","apply","cancel"],[1,"flex-1","overflow-y-auto",3,"data","apply","cancel"],[1,"flex-1","overflow-y-auto",3,"context","data","apply","cancel"],[1,"flex-1","overflow-y-auto",3,"id","context","data","integrationId","apply","cancel"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.ynx(1,1),t.YNc(2,ls,1,3,"wa-bot-block-setting-attachment",2),t.YNc(3,cs,1,3,"wa-bot-block-setting-audio",2),t.YNc(4,ss,1,1,"wa-bot-block-setting-delay",3),t.YNc(5,us,1,3,"wa-bot-block-setting-media",2),t.YNc(6,ds,1,1,"wa-bot-block-setting-message",3),t.YNc(7,ps,1,1,"wa-bot-block-setting-recording-delay",3),t.YNc(8,_s,1,2,"wa-bot-block-setting-redirect",4),t.YNc(9,ms,1,2,"wa-bot-block-setting-set-attribute",4),t.YNc(10,gs,1,2,"wa-bot-block-setting-remove-attribute",4),t.YNc(11,fs,1,2,"wa-bot-block-setting-subscribe-sequence",4),t.YNc(12,hs,1,1,"wa-bot-block-setting-typing-delay",3),t.YNc(13,bs,1,2,"wa-bot-block-setting-unsubscribe-sequence",4),t.YNc(14,xs,1,3,"wa-bot-block-setting-video",2),t.YNc(15,ks,1,2,"wa-bot-block-setting-crm",4),t.YNc(16,ys,1,2,"wa-bot-block-setting-process-reply",4),t.YNc(17,vs,1,2,"wa-bot-block-setting-if-else",4),t.YNc(18,ws,1,1,"wa-bot-block-setting-poll",3),t.YNc(19,Cs,1,1,"wa-bot-block-setting-ab-testing",3),t.YNc(20,Ts,1,3,"wa-bot-block-setting-waba-interactive-quick-reply",2),t.YNc(21,Zs,1,1,"wa-bot-block-setting-waba-interactive-list",3),t.YNc(22,Bs,1,4,"wa-bot-block-setting-waba-template",5),t.YNc(23,Is,1,3,"wa-bot-block-setting-waba-request-contact-info",2),t.YNc(24,As,1,3,"wa-bot-block-setting-sticker",2),t.BQk(),t.YNc(25,Fs,1,1,"wa-bot-block-setting-entry-block",6),t.qZA()),2&e&&(t.xp6(1),t.Q6J("ngSwitch",null==n.card?null:n.card.type),t.xp6(1),t.Q6J("ngSwitchCase","attachment"),t.xp6(1),t.Q6J("ngSwitchCase","audio"),t.xp6(1),t.Q6J("ngSwitchCase","delay"),t.xp6(1),t.Q6J("ngSwitchCase","media"),t.xp6(1),t.Q6J("ngSwitchCase","message"),t.xp6(1),t.Q6J("ngSwitchCase","recording_delay"),t.xp6(1),t.Q6J("ngSwitchCase","redirect"),t.xp6(1),t.Q6J("ngSwitchCase","set_attribute"),t.xp6(1),t.Q6J("ngSwitchCase","remove_attribute"),t.xp6(1),t.Q6J("ngSwitchCase","subscribe_sequence"),t.xp6(1),t.Q6J("ngSwitchCase","typing_delay"),t.xp6(1),t.Q6J("ngSwitchCase","unsubscribe_sequence"),t.xp6(1),t.Q6J("ngSwitchCase","video"),t.xp6(1),t.Q6J("ngSwitchCase","crm"),t.xp6(1),t.Q6J("ngSwitchCase","process_reply"),t.xp6(1),t.Q6J("ngSwitchCase","if_else"),t.xp6(1),t.Q6J("ngSwitchCase","poll"),t.xp6(1),t.Q6J("ngSwitchCase","ab_testing"),t.xp6(1),t.Q6J("ngSwitchCase","waba_quick_reply"),t.xp6(1),t.Q6J("ngSwitchCase","waba_list"),t.xp6(1),t.Q6J("ngSwitchCase","waba_template"),t.xp6(1),t.Q6J("ngSwitchCase","waba_request_contact_info"),t.xp6(1),t.Q6J("ngSwitchCase","sticker"),t.xp6(1),t.Q6J("ngIf",n.keywordGroups))},dependencies:[c.ez,c.O5,c.RF,c.n9,dr,pr,Sr,Mr,Or,ia,aa,sa,ba,Na,Va,nl,rl,ul,dl,_l,ml,fl,bl,Tl,Ol,kc,os,as],encapsulation:2}),o})();var Ss=_(59656),Ct=_(59468),Tt=_(11520),Gs=_(44671),qs=_(54482),Ms=_(25403);function Zt(o){return o<=0?Gs.y:(0,qs.e)((r,e)=>{let n=new Array(o),i=0;return r.subscribe((0,Ms.x)(e,a=>{const l=i++;if(l<o)n[l]=a;else{const d=l%o,x=n[d];n[d]=a,e.next(x)}}
1)),()=>{n=null}})}var Ws=_(18505),Ns=_(35684),Js=_(56451);let Bt=(()=>{class o{constructor(){this.scale$=new I.X(1),this.translate$=new I.X({x:0,y:0}),this.transform$=(0,j.a)([this.scale$,this.translate$]).pipe((0,T.U)(([e,n])=>`translate(${Math.round(n.x/e)}px, ${Math.round(n.y/e)}px)`),(0,B.d)({bufferSize:1,refCount:!0})),this.nodeDragData$=new I.X(null),this.nodeIds$=new I.X([]),this.readonly$=new I.X(!1)}edgeStartMove$(){return(0,g.R)(document,"mousemove").pipe((0,C.q)(1))}edgeMove$(){return(0,g.R)(document,"mousemove").pipe((0,Ns.T)(1),(0,Ct.p)(20),(0,Tt.G)(),(0,T.U)(([e,n])=>({x:n.clientX-e.clientX,y:n.clientY-e.clientY})),Zt(1))}edgeEndMove$(){return(0,g.R)(document,"mouseup").pipe((0,C.q)(1))}connectToNodeListener(){const e=this.nodeIds$.value;return(0,Js.T)(...e.map(n=>(0,g.R)(document.getElementById(n),"mouseenter").pipe((0,T.U)(()=>n))),...e.map(n=>(0,g.R)(document.getElementById(n),"mouseleave").pipe((0,T.U)(()=>null))))}}return o.\u0275fac=function(e){return new(e||o)},o.\u0275prov=t.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();function $s(o,r){1&o&&(t.TgZ(0,"mat-icon"),t._uU(1,"mouse"),t.qZA())}function Qs(o,r){1&o&&t._UZ(0,"mat-icon",11),2&o&&t.Q6J("svgIcon","trackpad")}const Es=[[["","cm-graph-node",""]],[["","cm-graph-edge",""]],[["","cm-graph-button",""]]],Os=["[cm-graph-node]","[cm-graph-edge]","[cm-graph-button]"];let Ds=(()=>{class o{constructor(e){this._graph=e,this.navMode="mouse",this.pan=new t.vpe,this.zoom=new t.vpe,this.navModeChange=new t.vpe,this.scale$=this._graph.scale$.pipe((0,T.U)(n=>`scale(${n})`)),this.svgDimension$=this._graph.scale$.pipe((0,T.U)(n=>""+100/n),(0,B.d)({bufferSize:1,refCount:!0})),this.panEnd$=new w.x,this.scaleMax=2,this.scaleMin=.3}set scale(e){this._graph.scale$.next(e)}set translate(e){this._graph.translate$.next(e)}set nodeIds(e){this._graph.nodeIds$.next(e)}set readonly(e){this._graph.readonly$.next(e)}ngOnInit(){}onPanStart(e){const n=new Image;n.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",e.dataTransfer.setDragImage(n,0,0),(0,g.R)(e.target,"drag").pipe((0,Ct.p)(30),(0,Tt.G)(),(0,T.U)(([i,a])=>({x:a.clientX-i.clientX,y:a.clientY-i.clientY})),Zt(1),(0,p.R)(this.panEnd$)).subscribe({next:i=>{this.pan.emit({deltaX:i.x,deltaY:i.y})}}),(0,g.R)(e.target,"dragend").pipe((0,C.q)(1)).subscribe({next:()=>{this.panEnd$.next(!0)}})}onScroll(e){if(e.preventDefault(),e.stopPropagation(),e.ctrlKey){const n=document.getElementById(this.id),{left:i,top:a}=n.getBoundingClientRect(),l=e.clientX-i,d=e.clientY-a,x=Math.abs(-1*e.deltaY/200);e.deltaY>0?this.zoomOut({x:l,y:d,scaleStep:x}):e.deltaY<0&&this.zoomIn({x:l,y:d,scaleStep:x})}else if("mouse"===this.navMode){const n=document.getElementById(this.id),{left:i,top:a}=n.getBoundingClientRect(),l=e.clientX-i,d=e.clientY-a,x=Math.min(Math.abs(-1*e.deltaY/200),.1);e.deltaY>0?this.zoomOut({x:l,y:d,scaleStep:x}):e.deltaY<0&&this.zoomIn({x:l,y:d,scaleStep:x})}else"trackpad"===this.navMode&&this.pan.emit({deltaX:-1*e.deltaX,deltaY:-1*e.deltaY})}onTouchStart(e){e.touches.length>1||((0,g.R)(e.target,"touchmove").pipe((0,Ws.b)(n=>n.preventDefault()),(0,Ct.p)(30),(0,Tt.G)(),(0,T.U)(([n,i])=>({x:i.touches[0].clientX-n.touches[0].clientX,y:i.touches[0].clientY-n.touches[0].clientY})),Zt(1),(0,p.R)(this.panEnd$)).subscribe({next:n=>{this.pan.emit({deltaX:n.x,deltaY:n.y})}}),(0,g.R)(e.target,"touchend").pipe((0,C.q)(1)).subscribe({next:()=>{this.panEnd$.next(!0)}}))}btnZoomIn(){const e=document.getElementById(this.id),{width:n,height:i}=e.getBoundingClientRect();this.zoomIn({x:n/2,y:i/2,scaleStep:.1})}btnZoomOut(){const e=document.getElementById(this.id),{width:n,height:i}=e.getBoundingClientRect();this.zoomOut({x:n/2,y:i/2,scaleStep:.1})}zoomIn({x:e,y:n,scaleStep:i}){this._graph.scale$.value+i>=this.scaleMax?this._graph.scale$.value<this.scaleMax&&this.zoom.emit({x:e,y:n,scaleStep:this.scaleMax-this._graph.scale$.value}):this.zoom.emit({x:e,y:n,scaleStep:i})}zoomOut({x:e,y:n,scaleStep:i}){this._graph.scale$.value+(i*=-1)<=this.scaleMin?this._graph.scale$.value>this.scaleMin&&this.zoom.emit({x:e,y:n,scaleStep:this.scaleMin-this._graph.scale$.value}):this.zoom.emit({x:e,y:n,scaleStep:i})}toggleNavMode(){"mouse"===this.navMode?(this.navMode="trackpad",this.navModeChange.emit("trackpad")):"trackpad"===this.navMode&&(this.navMode="mouse",this.navModeChange.emit("mouse"))}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(Bt))}
1,o.\u0275cmp=t.Xpm({type:o,selectors:[["cm-graph"]],inputs:{id:"id",navMode:"navMode",scale:"scale",translate:"translate",nodeIds:"nodeIds",readonly:"readonly"},outputs:{pan:"pan",zoom:"zoom",navModeChange:"navModeChange"},standalone:!0,features:[t._Bn([Bt]),t.jDz],ngContentSelectors:Os,decls:23,vars:19,consts:[["draggable","true",1,"relative","w-full","h-full","overflow-hidden","bg-gradient-to-b","from-purple-50","to-purple-200","dark:from-slate-500","dark:to-slate-700","cursor-grab",3,"dragstart","wheel","touchstart"],[1,"origin-top-left"],[1,"absolute","origin-top-left","pointer-events-none"],[1,"absolute","flex","flex-col","items-center","justify-center","w-10","gap-2","-translate-y-1/2","right-4","top-1/2"],[1,"flex","flex-col","items-center","justify-center","gap-1","border","rounded-md","bg-gray-50","dark:bg-slate-800","dark:border-slate-400"],["mat-icon-button","","type","button","matTooltip","Zoom In","matTooltipPosition","before",3,"click"],[1,"w-full"],["mat-icon-button","","type","button","matTooltip","Zoom Out","matTooltipPosition","before",3,"click"],["mat-icon-button","","type","button","matTooltip","Navigation mode","matTooltipPosition","before",3,"click"],[4,"ngIf"],[3,"svgIcon",4,"ngIf"],[3,"svgIcon"]],template:function(e,n){1&e&&(t.F$t(Es),t.TgZ(0,"div",0),t.NdJ("dragstart",function(a){return n.onPanStart(a)})("wheel",function(a){return n.onScroll(a)})("touchstart",function(a){return n.onTouchStart(a)}),t.TgZ(1,"div",1),t.ALo(2,"async"),t.Hsn(3),t.qZA(),t.O4$(),t.TgZ(4,"svg",2),t.ALo(5,"async"),t.ALo(6,"async"),t.ALo(7,"async"),t.Hsn(8,1),t.qZA(),t.kcU(),t.TgZ(9,"div",3),t.Hsn(10,2),t.TgZ(11,"div",4)(12,"button",5),t.NdJ("click",function(){return n.btnZoomIn()}),t.TgZ(13,"mat-icon"),t._uU(14,"zoom_in"),t.qZA()(),t._UZ(15,"mat-divider",6),t.TgZ(16,"button",7),t.NdJ("click",function(){return n.btnZoomOut()}),t.TgZ(17,"mat-icon"),t._uU(18,"zoom_out"),t.qZA()(),t._UZ(19,"mat-divider",6),t.TgZ(20,"button",8),t.NdJ("click",function(){return n.toggleNavMode()}),t.YNc(21,$s,2,0,"mat-icon",9),t.YNc(22,Qs,1,1,"mat-icon",10),t.qZA()()()()),2&e&&(t.uIk("id",n.id),t.xp6(1),t.Udp("transform",t.lcZ(2,11,n.scale$)),t.xp6(3),t.Udp("width",t.lcZ(5,13,n.svgDimension$),"%")("height",t.lcZ(6,15,n.svgDimension$),"%")("transform",t.lcZ(7,17,n.scale$)),t.xp6(17),t.Q6J("ngIf","mouse"===n.navMode),t.xp6(1),t.Q6J("ngIf","trackpad"===n.navMode))},dependencies:[c.ez,c.O5,c.Ov,m.ot,m.lW,J.AV,J.gM,Y.Tx,f.Ps,f.Hw,G.t,G.d],encapsulation:2,changeDetection:0}),o})();const Ys=["*"];let Rs=(()=>{class o{constructor(e){this._graph=e,this.id="",this.move=new t.vpe,this.position$=new I.X({x:0,y:0}),this.nodeDragEnd$=new w.x,this.scale$=this._graph.scale$.asObservable(),this.transform$=this._graph.transform$,this.destroy$=new w.x}set position(e){this.position$.next(e)}ngAfterViewInit(){this.blockDragListener()}ngOnDestroy(){this.destroy$.next(!0)}blockDragListener(){const e=document.getElementById(`node-${this.id}`);e&&(0,g.R)(e,"dragstart").pipe((0,u.h)(()=>!this._graph.readonly$.value),(0,p.R)(this.destroy$)).subscribe({next:n=>this.onNodeDragStart(n)})}onNodeDragStart(e){e.stopPropagation();const n=new Image;n.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",e.dataTransfer.setDragImage(n,0,0),(0,g.R)(e.target,"drag").pipe((0,Ct.p)(20),(0,Tt.G)(),(0,T.U)(([i,a])=>({event:a,x:a.clientX-i.clientX,y:a.clientY-i.clientY})),(0,u.h)(({x:i,y:a})=>0!==i||0!==a),Zt(1),(0,U.M)(this.scale$),(0,p.R)(this.nodeDragEnd$)).subscribe({next:([i,a])=>{this._graph.nodeDragData$.next({nodeId:this.id,x:i.x,y:i.y});const{x:l,y:d}=this.position$.value;this.position$.next({x:l+i.x/a,y:d+i.y/a})}}),(0,g.R)(e.target,"dragend").pipe((0,C.q)(1)).subscribe({next:i=>{this.nodeDragEnd$.next(!0),this._graph.nodeDragData$.next({nodeId:null,x:0,y:0});const{x:a,y:l}=this.position$.value;this.move.emit({x:a,y:l})}})}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(Bt))},o.\u0275cmp=t.Xpm({type:o,selectors:[["cm-graph-node"]],inputs:{id:"id",position:"position"},outputs:{move:"move"},standalone:!0,features:[t.jDz],ngContentSelectors:Ys,decls:5,vars:13,consts:[["draggable","true",1,"absolute","cursor-auto",3,"dragstart"]],template:function(e,n){1&e&&(t.F$t(),t.TgZ(0,"div",0),t.NdJ("dragstart",function(a){return a.stopPropagation(),a.preventDefault()}),t.ALo(1,"async"),t.ALo(2,"async"),t.ALo(3,"async"),t.Hsn(4),t.qZA()),2&e&&(t.Udp("top",t.lcZ(1,7,n.position$).y,"px")("left",t.lcZ(2,9,n.position$).x,"px")("transform",t.lcZ(3,11,n.transform$)),t.uIk("id",n.id))},dependencies:[c.ez,c.Ov],encapsulation:2,changeDetection:0}),o})();const Ls=["cm-graph-edge",""];function Ps(o,r){if(1&o&&(t.O4$(),t._UZ(0,"circle",5)),2&o){const e=r.ngIf,
1n=t.oxw();t.uIk("r",n.startingPointCircleRadius)("cx",e.x)("cy",e.y)}}let Ks=(()=>{class o{constructor(e){this._graph=e,this.connectedNodeChange=new t.vpe,this.edge$=new I.X(null),this.position$=new I.X(null),this.linePath$=this.position$.pipe((0,T.U)(n=>n?this.getEdgeLinePath(n.startX,n.startY,n.endX,n.endY):null)),this.arrowPath$=this.position$.pipe((0,T.U)(n=>n?this.getEdgeArrowPath(n.endX,n.endY):null)),this.connectedNodeId=null,this.edgeDragEnd$=new w.x,this.scale$=this._graph.scale$.asObservable(),this.translate$=this._graph.translate$.asObservable(),this.transform$=this._graph.transform$,this.startingPointCircleRadius=5,this.startingPoint$=this.position$.pipe((0,T.U)(n=>n?{x:n.startX-(this.startingPointCircleRadius+1),y:n.startY}:null)),this.destroy$=new w.x}set edge(e){this.edge$.next(e)}ngAfterViewInit(){setTimeout(()=>{this.edgePositionListener(),this.edgeStartingPointDragListener(),this.nodeDragListener()})}ngOnDestroy(){this.destroy$.next(!0)}edgeStartingPointDragListener(){const n=document.getElementById(this.graphId).querySelector(`#edge-starting-point-${this.edge$.value.from}`);(0,g.R)(n,"dragstart").pipe((0,p.R)(this.destroy$)).subscribe({next:i=>this.onEdgeStartingPointDragStart(i)})}edgePositionListener(){this.edge$.pipe((0,U.M)(this.scale$,this.translate$)).subscribe({next:([e,n,i])=>{if(!e.to)return void this.position$.next(null);const a=document.getElementById(this.graphId),{left:l,top:d}=a.getBoundingClientRect(),x=a.querySelector(`#edge-starting-point-${e.from}`),k=a.querySelector(`#${CSS.escape(e.to)}`),{width:h,height:y,left:F,top:R}=x.getBoundingClientRect(),{left:M,top:D}=k.getBoundingClientRect();this.position$.next({startX:Math.round((F-l-i.x+h)/n),startY:Math.round((R-d-i.y+y/2)/n),endX:Math.round((M-l-i.x)/n),endY:Math.round((D-d-i.y)/n)})}})}nodeDragListener(){this._graph.nodeDragData$.pipe((0,U.M)(this.edge$,this.position$,this.scale$),(0,u.h)(([e,n,i])=>!!e&&!!n&&!!i&&-1!==[n.nodeId,n.to].indexOf(e.nodeId)),(0,p.R)(this.destroy$)).subscribe({next:([{nodeId:e,x:n,y:i},a,l,d])=>{const{startX:x,startY:k,endX:h,endY:y}=l;a.nodeId===e?this.position$.next({...this.position$.value,startX:x+n/d,startY:k+i/d}):a.to===e&&this.position$.next({...this.position$.value,endX:h+n/d,endY:y+i/d})}})}onDragStart(e){0!==e.button||this._graph.readonly$.value||(e.preventDefault(),(0,j.a)([this.scale$,this.translate$]).pipe((0,C.q)(1)).subscribe({next:([n,i])=>{this.position$.next({...this.position$.value,endX:Math.round(e.offsetX-i.x/n),endY:Math.round(e.offsetY-i.y/n)})}}),this._graph.edgeMove$().pipe((0,U.M)(this.scale$),(0,p.R)(this.edgeDragEnd$)).subscribe({next:([{x:n,y:i},a])=>{const{endX:l,endY:d}=this.position$.value;this.position$.next({...this.position$.value,endX:Math.round(l+n/a),endY:Math.round(d+i/a)})}}),this._graph.edgeEndMove$().subscribe({next:()=>{this.edgeDragEnd$.next(!0),this.connectedNodeId&&this.connectedNodeId!==this.edge$.value.to?this.connectedNodeChange.emit(this.connectedNodeId):this.edge$.next({...this.edge$.value})}}),this.connectedNodeId=null,this._graph.connectToNodeListener().pipe((0,p.R)(this.edgeDragEnd$)).subscribe({next:n=>this.connectedNodeId=n}))}onEdgeStartingPointDragStart(e){0!==e.button||this._graph.readonly$.value||(e.preventDefault(),(0,j.a)([this.scale$,this.translate$]).pipe((0,C.q)(1)).subscribe({next:([n,i])=>{const a=document.getElementById(this.graphId),{left:l,top:d}=a.getBoundingClientRect(),x=a.querySelector(`#edge-starting-point-${this.edge$.value.from}`),{width:k,height:h,left:y,top:F}=x.getBoundingClientRect(),R=Math.round((y-l-i.x+k)/n),M=Math.round((F-d-i.y+h/2)/n);this.position$.next({startX:R,startY:M,endX:R,endY:M})}}),this._graph.edgeMove$().pipe((0,U.M)(this.scale$),(0,p.R)(this.edgeDragEnd$)).subscribe({next:([{x:n,y:i},a])=>{const{endX:l,endY:d}=this.position$.value;this.position$.next({...this.position$.value,endX:Math.round(l+n/a),endY:Math.round(d+i/a)})}}),this._graph.edgeEndMove$().subscribe({next:()=>{this.edgeDragEnd$.next(!0),this.connectedNodeId&&this.connectedNodeId!==this.edge$.value.to?this.connectedNodeChange.emit(this.connectedNodeId):this.edge$.next({...this.edge$.value})}}),this.connectedNodeId=null,this._graph.connectToNodeListener().pipe((0,p.R)(this.edgeDragEnd$)).subscribe({next:n=>this.connectedNodeId=n}))}getEdgeArrowPath(e,n){return`M${e-14},${n+20} l0,8 l14,-8 l-14,-8 l0,8`}getEdgeLinePath(e,n,i,a){const x=i-14,k=a+20,h=x-e;return`M${e},${n} C${x+.1*h},${n} ${e+.5*h},${k} ${x},${k}`}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(Bt))}
1,o.\u0275cmp=t.Xpm({type:o,selectors:[["","cm-graph-edge",""]],inputs:{graphId:"graphId",edge:"edge"},outputs:{connectedNodeChange:"connectedNodeChange"},standalone:!0,features:[t.jDz],attrs:Ls,decls:10,vars:16,consts:[[1,"cursor-pointer","group","pointer-events-auto",3,"mousedown"],["class","fill-gray-600 dark:fill-slate-800 transition-colors group-hover:fill-sky-500 border border-gray-600 rounded-full dark:border-slate-400 group-hover:border-sky-500",4,"ngIf"],[1,"stroke-2","fill-none","stroke-gray-600","transition-colors","dark:stroke-slate-800","group-hover:stroke-sky-500"],[1,"fill-gray-600","dark:fill-slate-800","transition-colors","group-hover:fill-sky-500"],["stroke-width","20",1,"fill-none","stroke-transparent"],[1,"fill-gray-600","dark:fill-slate-800","transition-colors","group-hover:fill-sky-500","border","border-gray-600","rounded-full","dark:border-slate-400","group-hover:border-sky-500"]],template:function(e,n){1&e&&(t.O4$(),t.TgZ(0,"g",0),t.NdJ("mousedown",function(a){return n.onDragStart(a)}),t.ALo(1,"async"),t.YNc(2,Ps,1,3,"circle",1),t.ALo(3,"async"),t._UZ(4,"path",2),t.ALo(5,"async"),t._UZ(6,"path",3),t.ALo(7,"async"),t._UZ(8,"path",4),t.ALo(9,"async"),t.qZA()),2&e&&(t.Udp("transform",t.lcZ(1,6,n.transform$)),t.xp6(2),t.Q6J("ngIf",t.lcZ(3,8,n.startingPoint$)),t.xp6(2),t.uIk("d",t.lcZ(5,10,n.linePath$)),t.xp6(2),t.uIk("d",t.lcZ(7,12,n.arrowPath$)),t.xp6(2),t.uIk("d",t.lcZ(9,14,n.linePath$)))},dependencies:[c.ez,c.O5,c.Ov,m.ot,f.Ps],encapsulation:2,changeDetection:0}),o})();var Hs=_(98184),js=_(8225);const Vs=["blockSetting"],zs=["botFlowForm"];function Xs(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",39)(1,"mat-icon",37),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"p",40),t._uU(4,"There are error in your Flow. Fix the errors and trying saving again."),t.qZA(),t.TgZ(5,"button",41,13),t.NdJ("click",function(){t.CHM(e);const i=t.MAs(6),a=t.oxw();return t.KtG(a.openErrorBlocksPopover(i))}),t._uU(7," See Errors "),t.qZA()()}if(2&o){t.oxw();const e=t.MAs(60);t.xp6(5),t.Q6J("satPopoverAnchor",e)}}function tu(o,r){1&o&&(t.TgZ(0,"div",42)(1,"span",43),t._UZ(2,"span",44)(3,"span",45),t.qZA()())}function eu(o,r){if(1&o){const e=t.EpF();t.ynx(0),t._UZ(1,"mat-divider",11),t.TgZ(2,"button",46),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.shareFlow.emit())}),t.TgZ(3,"mat-icon"),t._uU(4,"share"),t.qZA()(),t.BQk()}if(2&o){const e=t.oxw();
1t.xp6(2),t.Q6J("disabled",e.readonly)}}function nu(o,r){if(1&o){const e=t.EpF();t.ynx(0),t._UZ(1,"mat-divider",11),t.TgZ(2,"button",47),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.sendTestMessage.emit())}),t._UZ(3,"mat-icon",48),t.qZA(),t.BQk()}if(2&o){const e=t.oxw();t.xp6(2),t.Q6J("disabled",e.readonly),t.xp6(1),t.Q6J("svgIcon","whatsapp")}}function ou(o,r){if(1&o){const e=t.EpF();t.O4$(),t.TgZ(0,"g",49),t.NdJ("click",function(i){const l=t.CHM(e).$implicit,d=t.oxw(),x=t.MAs(46);return t.KtG(d.openConnectorMenu(i,x,{fromId:l.from,fromBlockId:l.nodeId}))})("connectedNodeChange",function(i){const l=t.CHM(e).$implicit,d=t.oxw();return t.KtG(d.onConnectedNodeChange(i,l.from,l.nodeId))})("contextmenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw(),x=t.MAs(48);return t.KtG(d.onContextMenu(i,x,{from:l.from}))}),t.qZA()}if(2&o){const e=r.$implicit,n=t.oxw();t.Q6J("graphId",n.graphId)("edge",e)}}const Gt=function(o,r){return{x:o,y:r}};function iu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"cm-graph-node",50),t.NdJ("move",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onEntryBlockMove(i))}),t.TgZ(1,"cm-wa-bot-entry-block",51),t.NdJ("deleteKeywordGroup",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onDeleteKeywordGroup(i))})("connectorMenu",function(i){t.CHM(e);const a=t.oxw(),l=t.MAs(46);return t.KtG(a.openConnectorMenu(i.event,l,{fromId:i.keywordGroupId,fromBlockId:a.botFlowFormGroup.value.entry_block.id}))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(),l=t.MAs(48);return t.KtG(a.onContextMenu(i.event,l,{from:i.fromId}))}),t.ALo(2,"async"),t.qZA()()}if(2&o){const e=t.oxw();t.Q6J("id",e.botFlowFormGroup.value.entry_block.id)("position",t.WLB(8,Gt,e.botFlowFormGroup.value.entry_block.x,e.botFlowFormGroup.value.entry_block.y)),t.xp6(1),t.Q6J("blockId",e.botFlowFormGroup.value.entry_block.id)("entryBlockFormGroup",e.botFlowFormGroup.controls.entry_block)("connectorIds",t.lcZ(2,6,e.connectorIds$))("readonly",e.readonly)}}function ru(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"cm-graph-node",52),t.NdJ("move",function(i){const l=t.CHM(e).index,d=t.oxw();return t.KtG(d.onBlockMove(i,l))}),t.TgZ(1,"cm-wa-bot-block",53),t.NdJ("duplicate",function(){const a=t.CHM(e).index,l=t.oxw();return t.KtG(l.duplicateBlock(a))})("duplicateCard",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.duplicateCard(i))})("delete",function(i){const l=t.CHM(e).index,d=t.oxw();return t.KtG(d.deleteBlock(i,l))})("addCard",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.addNewCard(i))})("deleteCard",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.deleteCard(i))})("cardReorder",function(i){const l=t.CHM(e).index,d=t.oxw();return t.KtG(d.onCardReorder(i,l))})("connectorMenu",function(i){const l=t.CHM(e).$implicit,d=t.oxw(),x=t.MAs(46);return t.KtG(d.openConnectorMenu(i.event,x,{fromId:i.fromId,fromBlockId:l.value.id}))})("edgeMenu",function(i){t.CHM(e);const a=t.oxw(),l=t.MAs(48);return t.KtG(a.onContextMenu(i.event,l,{from:i.fromId}))})("startingBlockIdChange",function(i){t.CHM(e);const a=t.oxw();return t.KtG(a.onStartingBlockIdChange(i))}),t.ALo(2,"async"),t.ALo(3,"async"),t.ALo(4,"async"),t.qZA()()}if(2&o){const e=r.$implicit,n=r.index,i=t.oxw();t.Q6J("id",e.value.id)("position",t.WLB(18,Gt,e.value.x,e.value.y)),t.xp6(1),t.Q6J("formGroupName",n)("id",i.id)("flowId",i.flowId)("startingBlockId",t.lcZ(2,12,i.startingBlockId$))("blocks",t.lcZ(3,14,i.blocks$))("blockFormGroup",i.botFlowFormGroup.controls.blocks.controls[n])("connectorIds",t.lcZ(4,16,i.connectorIds$))("readonly",i.readonly)("context",i.context)("state",i.state)}}function au(o,r){if(1&o&&(t.TgZ(0,"div",59)(1,"mat-icon",60),t._uU(2,"warning"),t.qZA(),t.TgZ(3,"span",40),t._uU(4),t.qZA()()),2&o){const e=r.ngIf;t.xp6(4),t.Oqu(e)}}function lu(o,r){1&o&&(t.ynx(0),t._UZ(1,"div",61)(2,"div",62),t.BQk())}function cu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"cm-graph-node",54)(1,"div",55)(2,"button",56),t.NdJ("click",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.placeholderBlock$.next(null))}),t.TgZ(3,"mat-icon"),t._uU(4,"delete_outline"),t.qZA()()(),t.TgZ(5,"div",57),t.YNc(6,au,5,1,"div",58),t.ALo(7,"async"),t.YNc(8,lu,3,0,"ng-container",14),t.ALo(9,"async"),t.qZA()()}
1if(2&o){const e=r.ngIf,n=t.oxw();t.Q6J("id","placeholder")("position",t.WLB(8,Gt,e.x,e.y)),t.xp6(6),t.Q6J("ngIf",t.lcZ(7,4,n.placeholderBlockErrMg$)),t.xp6(2),t.Q6J("ngIf",!t.lcZ(9,6,n.placeholderBlockErrMg$))}}function su(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",63)(1,"div",64)(2,"h1"),t._uU(3,"Settings"),t.qZA()(),t.TgZ(4,"wa-bot-block-setting",65,66),t.NdJ("saveCard",function(i){const l=t.CHM(e).ngIf,d=t.oxw();return d.updateCard({blockId:l,card:i}),t.KtG(d.closeSidenav())})("saveKeywordGroups",function(i){t.CHM(e);const a=t.oxw();return a.updateEntryBlock(i),t.KtG(a.closeSidenav())})("discard",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.closeSidenav())})("changed",function(){t.CHM(e);const i=t.oxw();return t.KtG(i.settingChanged=!0)}),t.qZA()()}if(2&o){const e=t.oxw();t.xp6(4),t.Q6J("id",e.id)("card",e.settingContent$.value.card)("context",e.context)("state",e.state)("keywordGroups",e.settingContent$.value.keywordGroups)}}function uu(o,r){if(1&o&&t._UZ(0,"mat-icon",48),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function du(o,r){if(1&o&&(t.TgZ(0,"mat-icon",76),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function pu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().addBlock({contentType:a.id,blockType:"content",x:d.x,y:d.y}),t.KtG(x())}),t.TgZ(1,"div",73),t.YNc(2,uu,1,1,"mat-icon",74),t.YNc(3,du,2,1,"mat-icon",75),t.TgZ(4,"span"),t._uU(5),t.qZA()()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",e.svg),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(2),t.Oqu(e.name)}}function _u(o,r){if(1&o&&t._UZ(0,"mat-icon",48),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function mu(o,r){if(1&o&&(t.TgZ(0,"mat-icon"),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function gu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().addBlock({contentType:a.id,blockType:a.type,x:d.x,y:d.y}),t.KtG(x())}),t.TgZ(1,"div",73),t.YNc(2,_u,1,1,"mat-icon",74),t.YNc(3,mu,2,1,"mat-icon",14),t.TgZ(4,"span"),t._uU(5),t.qZA()()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",e.svg),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(2),t.Oqu(e.name)}}function fu(o,r){if(1&o&&t._UZ(0,"mat-icon",48),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function hu(o,r){if(1&o&&(t.TgZ(0,"mat-icon",76),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function bu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().addBlock({contentType:a.id,blockType:a.type,x:d.x,y:d.y}),t.KtG(x())}),t.TgZ(1,"div",73),t.YNc(2,fu,1,1,"mat-icon",74),t.YNc(3,hu,2,1,"mat-icon",75),t.TgZ(4,"span"),t._uU(5),t.qZA()()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",e.svg),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(2),t.Oqu(e.name)}}function xu(o,r){if(1&o&&t._UZ(0,"mat-icon",48),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function ku(o,r){if(1&o&&(t.TgZ(0,"mat-icon"),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function yu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().addBlock({contentType:a.id,blockType:a.type,x:d.x,y:d.y}),t.KtG(x())}),t.TgZ(1,"div",73),t.YNc(2,xu,1,1,"mat-icon",74),t.YNc(3,ku,2,1,"mat-icon",14),t.TgZ(4,"span"),t._uU(5),t.qZA()()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",e.svg),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(2),t.Oqu(e.name)}}function vu(o,r){if(1&o&&t._UZ(0,"mat-icon",48),2&o){const e=t.oxw().$implicit;t.Q6J("svgIcon",e.svg)}}function wu(o,r){if(1&o&&(t.TgZ(0,"mat-icon"),t._uU(1),t.qZA()),2&o){const e=t.oxw().$implicit;t.xp6(1),t.Oqu(e.icon)}}function Cu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().addBlock({contentType:a.id,blockType:a.type,x:d.x,y:d.y}),t.KtG(x())}),t.TgZ(1,"div",73),t.YNc(2,vu,1,1,"mat-icon",74),t.YNc(3,wu,2,1,"mat-icon",14),t.TgZ(4,"span"),t._uU(5),t.qZA()()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Q6J("ngIf",e.svg),t.xp6(1),t.Q6J("ngIf",e.icon),t.xp6(2),t.Oqu(e.name)}
1}function Tu(o,r){if(1&o&&(t.TgZ(0,"div",67)(1,"div",68)(2,"p",69),t._uU(3,"Content"),t.qZA(),t.TgZ(4,"div",70),t.YNc(5,pu,6,3,"button",71),t.qZA()(),t.TgZ(6,"div",68)(7,"p",69),t._uU(8,"Action"),t.qZA(),t.TgZ(9,"div",70),t.YNc(10,gu,6,3,"button",71),t.qZA()(),t.TgZ(11,"div",68)(12,"p",69),t._uU(13,"Condition"),t.qZA(),t.TgZ(14,"div",70),t.YNc(15,bu,6,3,"button",71),t.qZA()(),t.TgZ(16,"div",68)(17,"p",69),t._uU(18,"Delay"),t.qZA(),t.TgZ(19,"div",70),t.YNc(20,yu,6,3,"button",71),t.qZA()(),t.TgZ(21,"div",68)(22,"p",69),t._uU(23,"Redirect"),t.qZA(),t.TgZ(24,"div",70),t.YNc(25,Cu,6,3,"button",71),t.qZA()()()),2&o){const e=t.oxw();t.xp6(5),t.Q6J("ngForOf",e.contents),t.xp6(5),t.Q6J("ngForOf",e.actions),t.xp6(5),t.Q6J("ngForOf",e.conditions),t.xp6(5),t.Q6J("ngForOf",e.delays),t.xp6(5),t.Q6J("ngForOf",e.redirects)}}const Zu=function(o){return{"bg-primary text-gray-50":o}};function Bu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(),d=l.data,x=l.close;return t.oxw().onConnectedNodeChange(a.id,d.fromId,d.fromBlockId),t.KtG(x())}),t.TgZ(1,"div",83)(2,"span"),t._uU(3),t.qZA()()()}if(2&o){const e=r.$implicit,n=t.oxw(2);t.xp6(1),t.Q6J("ngClass",t.VKq(2,Zu,n.linkToId===e.id)),t.xp6(2),t.Oqu(e.name)}}function Iu(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",77)(1,"p",78),t._uU(2,"Link block to:"),t.qZA(),t.TgZ(3,"div",79),t._UZ(4,"input",80),t.qZA(),t.TgZ(5,"div",81),t.YNc(6,Bu,4,4,"button",71),t.ALo(7,"async"),t.qZA(),t._UZ(8,"mat-divider"),t.TgZ(9,"button",82),t.NdJ("click",function(){const i=t.CHM(e),a=i.data,l=i.close;return t.oxw().deleteConnector(a.fromId),t.KtG(l())}),t.TgZ(10,"div",73)(11,"span"),t._uU(12,"Unlink"),t.qZA()()()()}if(2&o){const e=t.oxw();
1t.xp6(4),t.Q6J("formControl",e.linkToBlockSearchFormControl),t.xp6(2),t.Q6J("ngForOf",t.lcZ(7,2,e.linkToBlocks$))}}function Au(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"div",84)(1,"button",82),t.NdJ("click",function(){const i=t.CHM(e),a=i.data,l=i.close;return t.oxw().deleteConnector(a.from),t.KtG(l())}),t.TgZ(2,"div",36)(3,"mat-icon"),t._uU(4,"delete_outline"),t.qZA(),t.TgZ(5,"span"),t._uU(6,"Delete"),t.qZA()()()()}}function Fu(o,r){1&o&&t.GkF(0)}function Uu(o,r){1&o&&t.GkF(0)}function Su(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"button",89),t.NdJ("click",function(){const a=t.CHM(e).$implicit,l=t.oxw(3);return t.KtG(l.scrollToId$.next(a.id))}),t.TgZ(1,"h3",90),t._uU(2),t.qZA(),t.TgZ(3,"mat-icon",91),t._uU(4,"arrow_forward"),t.qZA()()}if(2&o){const e=r.$implicit;t.xp6(2),t.Oqu(e.name)}}function Gu(o,r){1&o&&t._UZ(0,"mat-divider")}function qu(o,r){if(1&o&&(t.TgZ(0,"div")(1,"span",86),t._uU(2),t.qZA(),t.TgZ(3,"mat-action-list",87),t.YNc(4,Su,5,1,"button",88),t.qZA(),t.YNc(5,Gu,1,0,"mat-divider",14),t.qZA()),2&o){const e=r.$implicit,n=r.last;t.xp6(2),t.AsE("",e.name," (",e.cards.length," cards)"),t.xp6(2),t.Q6J("ngForOf",e.cards),t.xp6(1),t.Q6J("ngIf",!n)}}function Mu(o,r){1&o&&t.YNc(0,qu,6,4,"div",85),2&o&&t.Q6J("ngForOf",r.blocks)}const Wu=[[["","flow-toolbar",""]],[["","flow-test",""]]],te=function(o){return{blocks:o}},Nu=["[flow-toolbar]","[flow-test]"];let Ju=(()=>{class o{constructor(e,n,i,a,l){this._flowUi=e,this.overlay=n,this.viewContainerRef=i,this._user=a,this._prompt=l,this.id=null,this.blocks=[],this.connectors=[],this.entryBlock=null,this.flowId=null,this.readonly=!1,this.canShareFlow=!1,this.valueChanged=!1,this.disableTesting=!1,this.state={},this.shareFlow=new t.vpe,this.sendTestMessage=new t.vpe,this.save=new t.vpe,this.valueChangedChange=new t.vpe,this.flowChange=new t.vpe,this.scale$=new I.X(.8),this.translate$=new I.X({x:0,y:0}),this.graphId=`cm-graph-${Math.floor(1e3*Math.random()+1)}`,this.flowTestingBtnId=`flowTestingBtn-${Math.floor(1e3*Math.random()+1)}`,this.contents=this._flowUi.contents,this.processReply=this._flowUi.processReply,this.actions=this._flowUi.actions,this.delays=this._flowUi.delays,this.redirects=this._flowUi.redirects,this.conditions=this._flowUi.conditions,this.allCards=[...this.contents,...this.processReply,...this.actions,...this.delays,...this.conditions,...this.redirects],this.navMode$=this._flowUi.navMode$,this.botFlowFormGroup=null,this.connectors$=new I.X([]),this.startingBlockId$=new I.X(null),this.linkToBlockSearchFormControl=new s.NI(""),this.linkToBlocks$=this.linkToBlockSearchFormControl.valueChanges.pipe((0,$.O)(this.linkToBlockSearchFormControl.value),(0,X.b)(50),(0,T.U)(d=>{const x=this.blocksFormArray.value.filter(h=>h.id!==this.linkFromId);if(!d)return x;const k=d.toLowerCase();return x.filter(h=>h.name.toLowerCase().includes(k))})),this.settingContent$=this._flowUi.settingContent$,this.placeholderBlock$=new I.X(null),this.placeholderBlockErrMg$=new I.X(null),this.scrollToId$=new I.X(null),this.searchBlockFormControl=new s.NI(""),this.errorBlocks$=new I.X([]),this.settingChanged=!1,this.contextMenuClose$=new w.x,this.formChanged$=new w.x,this.destroy$=new w.x}set startingBlock(e){this.startingBlockId$.next(e)}set scrollTo(e){e&&this.scrollToId$.next(e)}get entryBlockFormGroup(){return this.botFlowFormGroup.get("entry_block")}get blocksFormArray(){return this.botFlowFormGroup.get("blocks")}get connectorsFormArray(){return this.botFlowFormGroup.get("connectors")}ngOnInit(){this.initCards()}ngAfterViewInit(){this.scrollToId$.pipe((0,u.h)(e=>!!e),(0,p.R)(this.destroy$)).subscribe({next:e=>this._scrollTo(e)})}ngOnChanges(e){if(e&&e.id&&this.initFlowFormGroup(),e&&e.blocks&&!e.blocks.firstChange&&this.botFlowFormGroup.patchValue({blocks:this.blocks},{emitEvent:!1}),e&&e.state&&!e.state.firstChange){const{blocks:n,connectors:i,entry_block:a}=this.botFlowFormGroup.getRawValue();this.connectors$.next(this.getConnectors({blocks:n,connectors:i,entryBlock:a})),setTimeout(()=>{this.resetConnectorPos()})}}ngOnDestroy(){this.formChanged$.next(!0),this.destroy$.next(!0),this.settingContent$.next({blockId:null,card:null,keywordGroups:null})}initFlowFormGroup(){this.formChanged$.next(!0),this.botFlowFormGroup=this._flowUi.initFlowFormGroup({blocks:this.blocks,connectors:this.connectors,entryBlock:this.entryBlock,startingBlock:this.startingBlockId$.value}),this.valueChangedChange.emit(!1),this.botFlowFormGroup.valueChanges.pipe((0,v.e)(0),(0,p.R)(this.formChanged$)).subscribe({next:e=>{this.valueChangedChange.emit(!0),this.flowChange.emit(e)}}),this.connectors$.next(this.getConnectors({blocks:this.blocks,connectors:this.connectors,entryBlock:this.entryBlock})),this.keywords$=this.entryBlock?this.entryBlockFormGroup.get("keyword_groups").valueChanges.pipe((0,$.O)(this.entryBlockFormGroup.get("keyword_groups").value),(0,T.U)(e
1=>(0,E.Z)(e,n=>n.keywords))):(0,Z.of)([]),this.blockIds$=this.blocksFormArray.valueChanges.pipe((0,$.O)(this.blocksFormArray.value),(0,T.U)(e=>e.map(n=>n.id))),this.blocks$=this.blocksFormArray.valueChanges.pipe((0,$.O)(this.blocksFormArray.value),(0,B.d)({bufferSize:1,refCount:!0})),this.connectorIds$=this.connectorsFormArray.valueChanges.pipe((0,$.O)(this.connectorsFormArray.value),(0,T.U)(e=>e.map(n=>n.from_id)),(0,B.d)({bufferSize:1,refCount:!0}))}initCards(){const{availableCardTypes:e}=this.context.definition;this.contents=this._flowUi.contents.filter(n=>e.includes(n.id)),this.processReply=this._flowUi.processReply.filter(n=>e.includes(n.id)),this.actions=this._flowUi.actions.filter(n=>e.includes(n.id)),this.delays=this._flowUi.delays.filter(n=>e.includes(n.id)),this.redirects=this._flowUi.redirects.filter(n=>e.includes(n.id)),this.conditions=this._flowUi.conditions.filter(n=>e.includes(n.id))}onPan(e){this.translate$.next({x:this.translate$.value.x+e.deltaX,y:this.translate$.value.y+e.deltaY})}onZoom({x:e,y:n,scaleStep:i}){const a=this.scale$.value+i,l=1-a/this.scale$.value;this.scale$.next(a),this.translate$.next({x:this.translate$.value.x+(e-this.translate$.value.x)*l,y:this.translate$.value.y+(n-this.translate$.value.y)*l})}onContextMenu(e,n,i){e.stopPropagation(),e.preventDefault(),!this.readonly&&this.openContextMenu({x:e.x,y:e.y},n,!0,i)}openContextMenu(e,n,i,a){this.closeContextMenu();const l=this.overlay.position().flexibleConnectedTo({x:e.x,y:e.y}).withPositions([{originX:"end",originY:"bottom",overlayX:"start",overlayY:"top"},{originX:"end",originY:"bottom",overlayX:"end",overlayY:"bottom"}]);this.overlayRef=this.overlay.create({positionStrategy:l,scrollStrategy:this.overlay.scrollStrategies.close(),hasBackdrop:i,backdropClass:"cdk-overlay-transparent-backdrop"}),this.overlayRef.attach(new W.UE(n,this.viewContainerRef,{data:a,close:()=>this.closeContextMenu()})),i&&(0,g.R)(document,"mousedown").pipe((0,u.h)(d=>!!this.overlayRef&&!this.overlayRef.overlayElement.contains(d.target)),(0,C.q)(1),(0,p.R)(this.contextMenuClose$)).subscribe(()=>this.closeContextMenu())}closeContextMenu(){this.sub?.unsubscribe&&this.sub.unsubscribe(),this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null),this.contextMenuClose$.next(!0)}trackByFn(e,n){return n.from}trackById(e,n){return n.value.id}onBlockMove(e,n){this.blocksFormArray.at(n).patchValue({x:Math.round(e.x),y:Math.round(e.y)})}getConnectors({blocks:e,connectors:n,entryBlock:i}){return[...i?i.keyword_groups.map(a=>({nodeId:i.id,from:a.id,to:n.find(l=>l.from_id===a.id)?.to_block_id||null})):[],...e.filter(a=>!["redirect","condition"].includes(a.type)).map(a=>({nodeId:a.id,from:a.id,to:n.find(l=>l.from_id===a.id)?.to_block_id||null})),...qt(e.map(a=>a.cards.filter(l=>["process_reply","if_else","message","poll","ab_testing","waba_quick_reply","waba_list","waba_template"].includes(l.type)).map(l=>this.getCardConnectors({card:l,connectors:n,blockId:a.id}))))]}getCardConnectors({card:e,connectors:n,blockId:i}){let a=[];if("waba_quick_reply"===e.type&&(a=[...a,...e.content.buttons.map(l=>({nodeId:i,from:l.id,to:n.find(d=>d.from_id===l.id)?.to_block_id||null}))]),"waba_list"===e.type&&(a=[...a,...(0,E.Z)(e.content.list.sections,l=>l.rows.map(d=>({nodeId:i,from:d.id,to:n.find(x=>x.from_id===d.id)?.to_block_id||null})))]),"waba_template"===e.type){const l=e.content.templates.find(d=>d.integration_id===this.state?.integrationId);l&&(a=[...a,...l.buttons.filter(d=>"quick_reply"===d.type).map(d=>({nodeId:i,from:d.id,to:n.find(x=>x.from_id===d.id)?.to_block_id||null}))])}if("message"===e.type&&(a=[...a,...e.content.buttons.map(l=>({nodeId:i,from:l.id,to:n.find(d=>d.from_id===l.id)?.to_block_id||null}))]),"process_reply"===e.type&&(a=[...a,...e.content.reply_matching.map(l=>({nodeId:i,from:l.id,to:n.find(d=>d.from_id===l.id)?.to_block_id||null}))]),"process_reply"===e.type&&"continue_conversation"===e.content.no_reply.action){const l=e.content.no_reply.continue_conversation_data.connector;a=[...a,{nodeId:i,from:l,to:n.find(d=>d.from_id===l)?.to_block_id||null}]}if("if_else"===e.type){const l=e.content.default_branch.id;a=[...a,...e.content.branches.map(d=>
1({nodeId:i,from:d.id,to:n.find(x=>x.from_id===d.id)?.to_block_id||null})),{nodeId:i,from:l,to:n.find(d=>d.from_id===l)?.to_block_id||null}]}return"poll"===e.type&&(a=[...a,...e.content.options.map(l=>({nodeId:i,from:l.id,to:n.find(d=>d.from_id===l.id)?.to_block_id||null}))]),"ab_testing"===e.type&&(a=[...a,...e.content.variants.map(l=>({nodeId:i,from:l.id,to:n.find(d=>d.from_id===l.id)?.to_block_id||null}))]),a}onConnectedNodeChange(e,n,i){this.canDrop(n,e,i)?this.setConnectorEndingPos(n,e,i):this.resetConnectorPos()}canDrop(e,n,i){if(n===i)return!1;const a=this.connectorsFormArray.value.find(l=>l.from_id===e);return!a||n&&a.block_id!==n}setConnectorEndingPos(e,n,i){const a=this.connectorsFormArray.value.findIndex(l=>l.from_id===e);-1===a?this.addConnector(e,n,i):this.connectorsFormArray.at(a).patchValue({to_block_id:n}),this.connectors$.next(this.connectors$.value.map(l=>l.from===e?{...l,to:n}:l))}resetConnectorPos(){this.connectors$.next(this.connectors$.value.map(e=>({...e})))}addConnector(e,n,i){this.connectorsFormArray.push(this._flowUi.generateConnectorFormGroup({id:this._flowUi.getUniqueId(),block_id:i,from_id:e,to_block_id:n}))}repositionConnector(e){setTimeout(()=>{this.connectors$.next(this.connectors$.value.map(n=>n.nodeId===e?{...n}:n))})}duplicateBlock(e){const{width:n,height:i}=document.body.getBoundingClientRect(),a=(0,oe.Z)(this.blocksFormArray.at(e).getRawValue()),l=Math.floor((n/2-this.translate$.value.x+Math.floor(10*Math.random()))/this.scale$.value),d=Math.floor((i/2-this.translate$.value.y+Math.floor(10*Math.random()))/this.scale$.value);this.placeholderBlockErrMg$.next(null),this.placeholderBlock$.next({x:l,y:d}),this.duplicateBlockMedia(a).subscribe({next:x=>{this._duplicateBlock(a,x,l,d),this.placeholderBlock$.next(null)},error:x=>{this.placeholderBlockErrMg$.next(`Error duplicating block: ${x.message}`)}})}duplicateBlockMedia(e){const n=e.cards.filter(i=>("audio"===i.type||"attachment"===i.type||"media"===i.type||"video"===i.type||"sticker"===i.type)&&i.content.url).map(i=>{if("url"in i.content)return{path:i.content.url}});return 0===n.length?(0,Z.of)([]):this.context.adapter.duplicateMedia(this.id,n)}_duplicateBlock(e,n,i,a){const l={id:this._flowUi.getUniqueId(),cards:e.cards.map(k=>this._duplicateCard(k,n)),type:e.type,name:`${e.name} copy`,x:i,y:a};this.blocksFormArray.push(this._flowUi.generateBlockFormGroup(l));const d=(0,E.Z)(l.cards,k=>{let h=[];if("waba_quick_reply"===k.type&&(h=[...h,...k.content.buttons.map(y=>y.id)]),"waba_list"===k.type&&(h=[...h,...(0,E.Z)(k.content.list.sections,y=>y.rows.map(F=>F.id))]),"waba_template"===k.type){const y=k.content.templates.find(F=>F.integration_id===this.state?.integrationId);y&&(h=[...h,...y.buttons.filter(F=>"quick_reply"===F.type).map(F=>F.id)])}return"message"===k.type&&(h=[...h,...k.content.buttons.map(y=>y.id)]),"poll"===k.type&&(h=[...h,...k.content.options.map(y=>y.id)]),"ab_testing"===k.type&&(h=[...h,...k.content.variants.map(y=>y.id)]),"process_reply"===k.type&&(h=[...h,...k.content.reply_matching.map(y=>y.id)]),"process_reply"===k.type&&"continue_conversation"===k.content.no_reply.action&&(h=[...h,k.content.no_reply.continue_conversation_data.connector]),"if_else"===k.type&&(h=[...h,...k.content.branches.map(y=>y.id),k.content.default_branch.id]),h}).map(k=>({nodeId:l.id,from:k,to:null})),x=!["redirect","condition"].includes(e.type);this.connectors$.next([...this.connectors$.value,...d,...x?[{nodeId:l.id,from:l.id,to:null}]:[]]),this.repositionConnector(l.id)}deleteBlock(e,n){this.blocksFormArray.removeAt(n),this.connectorsFormArray.value.map((a,l)=>a.block_id===e.blockId||a.to_block_id===e.blockId?l:null).filter(a=>null!==a).reverse().forEach(a=>this.connectorsFormArray.removeAt(a)),this.connectors$.next(this.connectors$.value.filter(a=>a.nodeId!==e.blockId).map(a=>a.to===e.blockId?(a.to=null,{...a}):a)),this._flowUi.hoveredElements$.next([])}addNewCard(e){const n={typing_delay:{delay_seconds:3},recording_delay:{delay_seconds:3},message:{message:"",buttons:[],link_preview:!1},attachment:{url:"",name:""},media:{url:"",name:"",caption:""},video:{url:"",name:"",caption:""},audio:{url:"",name:""},process_reply:{collect_answer:{attribute_id:""},reply_matching:[{id:this._flowUi.getUniqueId(),keywords:[],type:"fallback"}
1],no_reply:{action:null,continue_conversation_data:{connector:this._flowUi.getUniqueId()},delay:{amount:5,unit:"minute"}}},crm:{org_id:"",columns:{},assign_to:"",owner:this._user.uid},redirect:{flow_id:"",block_id:""},subscribe_sequence:{sequence_id:""},unsubscribe_sequence:{sequence_id:""},set_attribute:{attribute_id:"",value:""},remove_attribute:{attribute_id:""},delay:{delay_amount:1,delay_unit:"minute"},if_else:{branches:[{id:this._flowUi.getUniqueId(),name:"Branch 1",segments:[{id:this._flowUi.getUniqueId(),conditions:[{id:this._flowUi.getUniqueId(),field:null,type:null,comparison_operator:null,value:null}],match_operator:"and"}],match_operator:"and"}],default_branch:{id:this._flowUi.getUniqueId(),name:"Default"}},poll:{id:"",title:"Poll title",options:[{id:this._flowUi.getUniqueId(),name:"Option 1"},{id:this._flowUi.getUniqueId(),name:"Option 2"}]},ab_testing:{variants:[{id:this._flowUi.getUniqueId(),name:"Variant 1",percentage:50},{id:this._flowUi.getUniqueId(),name:"Variant 2",percentage:50}]},sticker:{url:""},waba_template:{templates:[],smart_sending:!0},waba_list:{body:"This is some sample *message*",footer:"",header:{type:"none",text:""},list:{button:"See all options",sections:[{id:this._flowUi.getUniqueId(),rows:[{id:this._flowUi.getUniqueId(),description:"Item 1-1 description",title:"Item 1-1"},{id:this._flowUi.getUniqueId(),description:"Item 1-2 description",title:"Item 1-2"}],title:"Section 1"},{id:this._flowUi.getUniqueId(),rows:[{id:this._flowUi.getUniqueId(),description:"Item 2-1 description",title:"Item 2-1"}],title:"Section 2"}]}},waba_quick_reply:{header:{type:"none",text:"",filename:"",image_url:"",video_url:"",document_url:""},body:"This is some sample *message*",footer:"",buttons:[{id:this._flowUi.getUniqueId(),title:"Quick Reply 1"}]},waba_request_contact_info:{body:"Hi! Can I get your phone number?"}},i={id:this._flowUi.getUniqueId(),type:e.contentType,content:n[e.contentType]};this.addCard({blockId:e.blockId,card:i,connectors:[],index:e.insertAt}),this.settingContent$.next({blockId:e.blockId,card:i})}addCard({blockId:e,card:n,index:i,connectors:a}){const l=this.blocksFormArray.value.findIndex(h=>h.id===e),d=this.blocksFormArray.at(l).get("cards"),x=i,k=this.getCardConnectors({card:n,connectors:this.connectorsFormArray.value,blockId:e});d.insert(x,this._flowUi.generateCardFormGroup(n)),this.connectors$.next([...this.connectors$.value,...k]),a.forEach(h=>this.connectorsFormArray.push(this._flowUi.generateConnectorFormGroup(h))),setTimeout(()=>{this.scrollToId$.next(n.id),this.repositionConnector(e)})}updateCard(e){const n=this.blocksFormArray.value.findIndex(M=>M.id===e.blockId),i=this.blocksFormArray.at(n).value,a=i.cards.findIndex(M=>M.id===e.card.id),l=this.blocksFormArray.at(n).get("cards"),d=i.cards.find(M=>M.id===e.card.id),x=this.getCardConnectors({card:d,connectors:this.connectorsFormArray.value,blockId:e.blockId}),k=this.getCardConnectors({card:e.card,connectors:this.connectorsFormArray.value,blockId:e.blockId}),y=(0,xt.Z)(x,k,"from").map(M=>M.from),F=(0,xt.Z)(k,x,"from");l.removeAt(a),this.connectors$.next(this.connectors$.value.filter(M=>-1===y.indexOf(M.from))),this.connectorsFormArray.value.map((M,D)=>-1!==y.indexOf(M.from_id)?D:null).filter(M=>null!==M).reverse().forEach(M=>this.connectorsFormArray.removeAt(M)),l.insert(a,this._flowUi.generateCardFormGroup(e.card)),this.connectors$.next([...this.connectors$.value,...F]),this.repositionConnector(e.blockId)}duplicateCard(e){const{card:n,toBlockId:i,insertAtIndex:a}=e,{width:l,height:d}=document.body.getBoundingClientRect(),x=Math.floor((l/2-this.translate$.value.x+Math.floor(10*Math.random()))/this.scale$.value),k=Math.floor((d/2-this.translate$.value.y+Math.floor(10*Math.random()))/this.scale$.value);this.placeholderBlockErrMg$.next(null),this.placeholderBlock$.next({x,y:k}),this.duplicateCardMedia(n).subscribe({next:h=>{const y=this._duplicateCard(n,h);this.addCard({blockId:i,card:y,connectors:[],index:a}),this.placeholderBlock$.next(null)},error:h=>{this.placeholderBlockErrMg$.next(`Error duplicating card: ${h.message}`)}})}duplicateCardMedia(e){return"audio"!==e.type&&"attachment"!==e.type&&"media"!==e.type&&"video"!==e.type&&"sticker"!==e.type||!e.content.url?(0,Z.of)([]):this.context.adapter.duplicateMedia(this.id,[{path:e.content.url}])}_duplicateCard(e,n){if("audio"===e.type||"attachment"===e.type||"media"===e.type||"video"===e.type||"sticker"===e.type){const i=e.content.url,a=n.find(l=>l.original_path===i);a&&(e.content.url=a.new_path)}return"message"===e.type&&(e.content.buttons=e.content.buttons.map(i=>({...i,id:this._flowUi.getUniqueId()}))),"poll"===e.type&&(e.content={...e.content,id:"",options:e.content.options.map(i=>({...i,id:this._flowUi.getUniqueId()}))}),"process_reply"===e.type&&(e.content.reply_matching=e.content.reply_matching.map(i=>({...i,id:this._flowUi.getUniqueId()}
1)),e.content.no_reply={...e.content.no_reply,continue_conversation_data:{connector:this._flowUi.getUniqueId()}}),"if_else"===e.type&&(e.content.branches=e.content.branches.map(i=>({...i,segments:i.segments.map(a=>({...a,conditions:a.conditions.map(l=>({...l,id:this._flowUi.getUniqueId()})),id:this._flowUi.getUniqueId()})),id:this._flowUi.getUniqueId()})),e.content.default_branch={...e.content.default_branch,id:this._flowUi.getUniqueId()}),"ab_testing"===e.type&&(e.content={...e.content,variants:e.content.variants.map(i=>({...i,id:this._flowUi.getUniqueId()}))}),"waba_template"===e.type&&(e.content.templates=e.content.templates.map(i=>({...i,buttons:i.buttons.map(a=>({...a,id:this._flowUi.getUniqueId()}))}))),"waba_quick_reply"===e.type&&(e.content.buttons=e.content.buttons.map(i=>({...i,id:this._flowUi.getUniqueId()}))),"waba_list"===e.type&&(e.content.list={...e.content.list,sections:e.content.list.sections.map(i=>({...i,id:this._flowUi.getUniqueId(),rows:i.rows.map(a=>({...a,id:this._flowUi.getUniqueId()}))}))}),{...e,id:this._flowUi.getUniqueId()}}deleteCard(e){const n=this.blocksFormArray.value.findIndex(y=>y.id===e.blockId),i=this.blocksFormArray.at(n).value,a=i.cards.findIndex(y=>y.id===e.cardId),l=this.blocksFormArray.at(n).get("cards"),d=i.cards.find(y=>y.id===e.cardId),k=this.getCardConnectors({card:d,connectors:this.connectorsFormArray.value,blockId:e.blockId}).map(y=>y.from);l.removeAt(a),this.connectors$.next(this.connectors$.value.filter(y=>-1===k.indexOf(y.from))),this.connectorsFormArray.value.map((y,F)=>-1!==k.indexOf(y.from_id)?F:null).filter(y=>null!==y).reverse().forEach(y=>this.connectorsFormArray.removeAt(y)),this._flowUi.hoveredElements$.next([]),this.repositionConnector(e.blockId)}onCardReorder(e,n){const i=this.blocksFormArray.at(n).value;i.cards=this.swapElement(i.cards,e.previousIndex,e.currentIndex);const a=this.blocksFormArray.at(n).get("cards");a.clear(),i.cards.forEach(l=>a.push(this._flowUi.generateCardFormGroup(l))),this.repositionConnector(e.blockId)}swapElement(e,n,i){const a=[...e];return a.splice(i,0,a.splice(n,1)[0]),a}onStartingBlockIdChange(e){this.botFlowFormGroup.get("starting_block").setValue(e),this.startingBlockId$.next(e)}openConnectorMenu(e,n,i){if(this.readonly)return;const a=this.connectors$.value.find(l=>l.from===i.fromId);this.linkToId=a.to,this.linkFromId=i.fromBlockId,this.openContextMenu({x:e.x,y:e.y},n,!0,i)}deleteConnector(e){const n=this.connectorsFormArray.value.findIndex(i=>i.from_id===e);this.connectors$.next(this.connectors$.value.map(i=>i.from===e?(i.to=null,{...i}):i)),this.connectorsFormArray.removeAt(n)}addBlock({contentType:e,blockType:n,x:i,y:a}){const l=document.getElementById(this.graphId),{left:d,top:x,width:k,height:h}=l.getBoundingClientRect(),y=this._flowUi.getUniqueId(),F=i?i-d-this.translate$.value.x:k/2-this.translate$.value.x+Math.floor(10*Math.random()),R=a?a-x-this.translate$.value.y:h/2-this.translate$.value.y+Math.floor(10*Math.random()),M={id:y,cards:[],name:"Untitled Block",type:n,x:Math.floor(F/this.scale$.value),y:Math.floor(R/this.scale$.value)};this.blocksFormArray.push(this._flowUi.generateBlockFormGroup(M)),this.addNewCard({blockId:y,contentType:e,insertAt:0}),this.botFlowFormGroup.get("starting_block").value||this.onStartingBlockIdChange(y),["redirect","condition"].includes(n)||this.connectors$.next([...this.connectors$.value,{nodeId:y,from:y,to:null}])}saveChanges(){if(this.botFlowFormGroup.invalid)return void this.botFlowFormGroup.markAllAsTouched();const{id:e,blocks:n,connectors:i,starting_block:a,entry_block:l}=this.botFlowFormGroup.getRawValue();this.save.emit({id:e,blocks:n,connectors:i,starting_block:a,entry_block:l})}onEntryBlockMove(e){this.entryBlockFormGroup.patchValue({x:Math.round(e.x),y:Math.round(e.y)})}getEntryBlockConnectors({keywordGroups:e,connectors:n,blockId:i}){return e.map(a=>({nodeId:i,from:a.id,to:n.find(l=>l.from_id===a.id)?.to_block_id||null}))}updateEntryBlock(e){const n=this.entryBlockFormGroup.value.id,i=this.entryBlockFormGroup.get("keyword_groups"),a=this.getEntryBlockConnectors({keywordGroups:i.value,connectors:this.connectorsFormArray.value,blockId:n}),l=this.getEntryBlockConnectors({keywordGroups:e,connectors:this.connectorsFormArray.value,blockId:n}),x=(0,xt.Z)(a,l,"from").map(y=>y.from),k=(0,xt.Z)(l,a,"from");i.clear(),this.connectors$.next(this.connectors$.value.filter(y=>-1===x.indexOf(y.from))),this.connectorsFormArray.value.map((y,F)=>-1!==x.indexOf(y.from_id)?F:null).filter(y=>
1null!==y).reverse().forEach(y=>this.connectorsFormArray.removeAt(y)),e.forEach(y=>i.push(this._flowUi.generateKeywordGroupFormGroup(y))),this.connectors$.next([...this.connectors$.value,...k]),this.repositionConnector(n)}onDeleteKeywordGroup(e){const n=this.entryBlockFormGroup.value,i=n.keyword_groups.findIndex(d=>d.id===e);this.entryBlockFormGroup.get("keyword_groups").removeAt(i);const l=this.connectorsFormArray.value.findIndex(d=>d.from_id===e);-1!==l&&(this.connectorsFormArray.removeAt(l),this.connectors$.next(this.connectors$.value.filter(d=>d.from!==e))),this.repositionConnector(n.id),this._flowUi.hoveredElements$.next([])}addMatchGroup(e){const n=this.blocksFormArray.value.findIndex(y=>y.id===e.blockId),a=this.blocksFormArray.at(n).value.cards.findIndex(y=>y.id===e.cardId),d=this.blocksFormArray.at(n).get("cards").at(a).get("content.reply_matching"),x=this._flowUi.getUniqueId();let k=d.length;-1!==d.value.findIndex(y=>"fallback"===y.type)&&k>0&&(k-=1),d.insert(k,this._flowUi.generateReplyMatchingFormGroup({id:x,type:e.type,keywords:[]})),this.connectors$.next([...this.connectors$.value,{nodeId:e.blockId,from:x,to:null}]),this.repositionConnector(e.blockId)}updateMatchGroup(e){this.repositionConnector(e.blockId)}removeMatchGroup(e){const n=this.blocksFormArray.value.findIndex(h=>h.id===e.blockId),a=this.blocksFormArray.at(n).value.cards.findIndex(h=>h.id===e.cardId),d=this.blocksFormArray.at(n).get("cards").at(a).get("content.reply_matching"),x=d.value.findIndex(h=>h.id===e.groupId);d.removeAt(x);const k=this.connectorsFormArray.value.findIndex(h=>h.from_id===e.groupId);-1!==k&&(this.connectorsFormArray.removeAt(k),this.connectors$.next(this.connectors$.value.filter(h=>h.from!==e.groupId))),this.repositionConnector(e.blockId)}updateNoReplyAction(e){if(e.action)this.connectors$.next([...this.connectors$.value,{nodeId:e.blockId,from:e.connectorId,to:null}]),this.repositionConnector(e.blockId);else{const n=e.connectorId,i=this.connectorsFormArray.value.findIndex(a=>a.from_id===n);-1!==i&&this.connectorsFormArray.removeAt(i),this.connectors$.next(this.connectors$.value.filter(a=>a.from!==n)),this.repositionConnector(e.blockId)}}rearrangeBlocks(){let e=1,n=[];const x={},k=this.entryBlockFormGroup.value.keyword_groups,h=this.connectors$.value.filter(F=>F.nodeId===this.startingBlockId$.value).map(F=>F.from);let y=k?k.map(F=>F.id):h;do{const F=this.connectors$.value.filter(D=>y.includes(D.from)).map(D=>D.to),R=this.blocksFormArray.value.filter(D=>F.includes(D.id)&&!n.includes(D.id));y=this.getNextBlockIds(R),n=[...n,...R.map(D=>D.id)];let M=50;for(let D=0;D<R.length;D++){if(D>0){const Qu=document.getElementById(R[D-1].id),{height:Eu}=Qu.getBoundingClientRect();M+=Eu/this.scale$.value+48}x[R[D].id]={x:Math.round(20+288*e+48*e),y:Math.round(M)}}e++}while(y.length>0);this.entryBlockFormGroup.patchValue({x:20,y:50}),this.blocksFormArray.patchValue(this.blocksFormArray.value.map(F=>x[F.id]?{x:x[F.id].x,y:x[F.id].y}:{})),this.translate$.next({x:0,y:0}),this.repositionConnector(this.entryBlockFormGroup.value.id),this.blocksFormArray.value.forEach(F=>this.repositionConnector(F.id))}getNextBlockIds(e){return[...e.filter(n=>!["redirect","condition"].includes(n.type)).map(n=>n.id),...qt(e.map(n=>n.cards.map(i=>{if("message"===i.type)return i.content.buttons.map(a=>a.id);if("process_reply"===i.type){let a=[];return a=[...a,...i.content.reply_matching.map(l=>l.id)],"continue_conversation"===i.content.no_reply.action&&(a=[...a,i.content.no_reply.continue_conversation_data.connector]),a}if("if_else"===i.type)return[...i.content.branches.map(a=>a.id),i.content.default_branch.id];if("poll"===i.type)return i.content.options.map(a=>a.id);if("ab_testing"===i.type)return i.content.variants.map(a=>a.id);if("waba_quick_reply"===i.type)return i.content.buttons.map(a=>a.id);if("waba_list"===i.type)return(0,E.Z)(i.content.list.sections,a=>a.rows.map(l=>l.id));if("waba_template"===i.type){const a=i.content.templates.find(l=>l.integration_id===this.state?.integrationId);return a?a.buttons.filter(l=>"quick_reply"===l.type).map(l=>l.id):[]}return[]})))]}confirmCloseSidenav(){this.settingChanged?this._prompt.saveChanges("Do you want to save your changes? Unsaved changes will be lost.",()=>{this.blockSetting.saveCardChange()},()=>{this.closeSidenav()}):this.closeSidenav()}closeSidenav(){this.settingChanged=!1,this.settingContent$.next({blockId:null,card:null,keywordGroups:null})}_scrollTo(e){const n=document.getElementById(this.graphId),{left:i,top:a}=n.getBoundingClientRect(),{left:l,top:d}=n.querySelector(`#${CSS.escape(e)}`).getBoundingClientRect(),x=Math.round((l-i-this.translate$.value.x)/this.scale$.value),k=Math.round((d-a-this.translate$.value.y)/this.scale$.value);this.translate$.next({x:(-1*x+40)*this.scale$.value,y:(-1*k+40)*this.scale$.value})}openSearchBlocksPopover(e){const n=this.blocks$.pipe((0,T.U)(i=>
1this.mapToBlockListStructure({blocks:i,entryBlock:this.entryBlock?this.entryBlockFormGroup.value:void 0})),(0,B.d)({bufferSize:1,refCount:!0}));this.filteredBlocks$=this.searchBlockFormControl.valueChanges.pipe((0,X.b)(100),(0,$.O)(this.searchBlockFormControl.value),(0,U.M)(n),(0,T.U)(([i,a])=>i?(i=i.trim().toLowerCase(),a.filter(l=>l.name.toLowerCase().includes(i))):a)),e.popover.open()}openErrorBlocksPopover(e){let n;if(this.entryBlockFormGroup?.invalid){const a=this.entryBlockFormGroup.get("keyword_groups");n={...this.entryBlockFormGroup.value,keyword_groups:a.controls.filter(l=>l.invalid).map(l=>l.value)}}const i=this.blocksFormArray.controls.filter(a=>a.invalid).map(a=>{const l=a.get("cards");return{...a.value,cards:l.controls.filter(d=>d.invalid).map(d=>d.value)}});this.errorBlocks$.next(this.mapToBlockListStructure({blocks:i,entryBlock:n})),e.popover.open()}mapToBlockListStructure({blocks:e,entryBlock:n}){const i=e.map(a=>({name:a.name,cards:a.cards.map(l=>{const{id:d,type:x}=l;return{id:d,name:this.allCards.find(h=>h.id===x)?.name||"Unknown"}})}));return n&&i.push({name:"Entry Block",cards:n.keyword_groups.map(a=>({id:a.id,name:"Keyword group"}))}),i}}return o.\u0275fac=function(e){return new(e||o)(t.Y36(A.c),t.Y36(Hs.aV),t.Y36(t.s_b),t.Y36(At.K),t.Y36(js.Q))},o.\u0275cmp=t.Xpm({type:o,selectors:[["wa-bot-flow-ui"]],viewQuery:function(e,n){if(1&e&&(t.Gf(Vs,5),t.Gf(zs,5)),2&e){let i;t.iGM(i=t.CRH())&&(n.blockSetting=i.first),t.iGM(i=t.CRH())&&(n.botFlowForm=i.first)}},inputs:{id:"id",blocks:"blocks",connectors:"connectors",entryBlock:"entryBlock",startingBlock:"startingBlock",flowId:"flowId",readonly:"readonly",canShareFlow:"canShareFlow",valueChanged:"valueChanged",scrollTo:"scrollTo",disableTesting:"disableTesting",context:"context",state:"state"},outputs:{shareFlow:"shareFlow",sendTestMessage:"sendTestMessage",save:"save",valueChangedChange:"valueChangedChange",flowChange:"flowChange"},standalone:!0,features:[t._Bn([A.c]),t.TTD,t.jDz],ngContentSelectors:Nu,decls:72,vars:55,consts:[[1,"w-full","h-full",3,"hasBackdrop","backdropClick"],[1,"!relative","!flex"],[1,"flex","flex-col","w-full","h-full",3,"formGroup","ngSubmit"],["botFlowForm","ngForm"],["class","px-4 py-2 text-red-800 bg-red-100 rounded-sm flex items-center gap-2",4,"ngIf"],[1,"flex-1",3,"id","scale","translate","nodeIds","readonly","navMode","navModeChange","pan","zoom","contextmenu"],["cm-graph-button","","mat-mini-fab","","type","submit","color","accent","matTooltip","You have unsaved changes","matTooltipPosition","before",1,"relative",3,"disabled","matTooltipDisabled"],["class","absolute top-0 right-0",4,"ngIf"],["cm-graph-button","","mat-mini-fab","","type","button","color","accent",3,"disabled","click"],["cm-graph-button","",1,"flex","flex-col","items-center","justify-center","gap-1","border","rounded-md","bg-gray-50","dark:bg-slate-800","dark:border-slate-400"],["mat-icon-button","","type","button","matTooltip","Arrange Blocks","matTooltipPosition","before",3,"disabled","click"],[1,"w-full"],["mat-icon-button","","type","button","matTooltip","Search Blocks","matTooltipPosition","before",3,"satPopoverAnchor","click"],["anchor","satPopoverAnchor"],[4,"ngIf"],["cm-graph-edge","",3,"graphId","edge","click","connectedNodeChange","contextmenu",4,"ngFor","ngForOf","ngForTrackBy"],["cm-graph-node","","formGroupName","entry_block",3,"id","position","move",4,"ngIf"],["cm-graph-node","","formArrayName","blocks"],[3,"id","position","move",4,"ngFor","ngForOf","ngForTrackBy"],["class","relative",3,"id","position",4,"ngIf"],[1,"absolute","right-4","bottom-4","max-h-[calc(100%_-_40px)]","overflow-y-auto"],["mode","over","position","end","disableClose","",1,"w-full","sm:w-160","lg:w-180",3,"opened","autoFocus","closedStart","keyup.escape"],["class","flex flex-col gap-2 p-4 h-full",4,"ngIf"],["graphMenu",""],["connectorMenu",""],["edgeMenu",""],["hasBackdrop","","verticalAlign","start","horizontalAlign","before"],["searchBlocksPopover",""],[1,"flex","flex-col","w-80","h-100","px-4","py-2","theme-background","rounded-md","mr-1","border","dark:border-white/10","overflow-y-auto"],["matInput","","placeholder","Go to...",3,"formControl"],["matPrefix",""],[1,"flex","flex-1","flex-col","gap-2"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["hasBackdrop","","verticalAlign","end","horizontalAlign","end"],["errorBlocksPopover",""],[1,"flex","flex-col","gap-4","w-80","max-h-100","theme-background","p-4","rounded-md","mt-1","border","dark:border-white/10","overflow-y-auto"],[1,"flex","items-center","gap-2"],["color","warn"],["cardsTpl",""],[1,"px-4","py-2","text-red-800","bg-red-100","rounded-sm","flex","items-center","gap-2"],[1,"flex-1"],["mat-flat-button","","type","button","color","warn",3,"satPopoverAnchor","click"],[1,"absolute","top-0","right-0"],[1,"relative","flex","h-3","w-3"],[1,"animate-ping","absolute","
1inline-flex","h-full","w-full","rounded-full","bg-primary","opacity-75"],[1,"relative","inline-flex","rounded-full","h-3","w-3","bg-primary"],["mat-icon-button","","type","button","matTooltip","Share Flow","matTooltipPosition","before",3,"disabled","click"],["mat-icon-button","","type","button","matTooltip","Test On WhatsApp","matTooltipPosition","before",3,"disabled","click"],[3,"svgIcon"],["cm-graph-edge","",3,"graphId","edge","click","connectedNodeChange","contextmenu"],["cm-graph-node","","formGroupName","entry_block",3,"id","position","move"],[3,"blockId","entryBlockFormGroup","connectorIds","readonly","deleteKeywordGroup","connectorMenu","edgeMenu"],[3,"id","position","move"],[3,"formGroupName","id","flowId","startingBlockId","blocks","blockFormGroup","connectorIds","readonly","context","state","duplicate","duplicateCard","delete","addCard","deleteCard","cardReorder","connectorMenu","edgeMenu","startingBlockIdChange"],[1,"relative",3,"id","position"],[1,"absolute","flex","items-center","h-10","bg-gray-100","rounded-md","-top-12","dark:bg-slate-600"],["mat-icon-button","","type","button","color","warn",3,"click"],[1,"relative","flex","flex-col","gap-2","p-4","text-gray-900","transition-colors","border-2","border-t-8","border-transparent","rounded-md","shadow-md","w-72","h-72","bg-gray-50","dark:text-gray-50","dark:bg-slate-800","group","border-t-blue-400"],["class","flex gap-4 px-4 py-2 bg-red-500 text-gray-50",4,"ngIf"],[1,"flex","gap-4","px-4","py-2","bg-red-500","text-gray-50"],[1,"self-center"],[1,"h-8","rounded-md","animate-pulse","dark:bg-slate-600"],[1,"flex-1","rounded-md","animate-pulse","dark:bg-slate-600"],[1,"flex","flex-col","gap-2","p-4","h-full"],[1,"flex","items-center","justify-between","gap-4"],[1,"flex-1","overflow-y-auto",3,"id","card","context","state","keywordGroups","saveCard","saveKeywordGroups","discard","changed"],["blockSetting",""],[1,"flex","flex-col","gap-2","py-2","overflow-y-auto","border","rounded-sm","bg-gray-50","dark:bg-slate-800","dark:border-slate-600","mat-elevation-z3"],[1,"flex","flex-col"],[1,"px-4","mb-1","font-semibold"],[1,"grid","grid-cols-1","sm:grid-cols-2","gap-x-2"],["mat-button","","type","button","class","!text-left h-10",3,"click",4,"ngFor","ngForOf"],["mat-button","","type","button",1,"!text-left","h-10",3,"click"],[1,"flex","items-center","gap-4"],[3,"svgIcon",4,"ngIf"],["class","material-symbols-outlined",4,"ngIf"],[1,"material-symbols-outlined"],[1,"flex","flex-col","gap-2","py-2","border","rounded-sm","bg-gray-50","dark:bg-slate-800","dark:border-slate-600","mat-elevation-z3","min-h-[15rem]"],[1,"px-4","font-semibold"],[1,"px-4"],["placeholder","Search...",1,"p-1","transition-colors","border","rounded-sm","border-white/10","dark:hover:border-white/50","dark:focus:border-white/50","dark:bg-slate-700",3,"formControl"],[1,"flex","flex-col","overflow-y-auto"],["mat-button","","color","warn",3,"click"],[1,"flex","items-center","gap-4","px-2",3,"ngClass"],[1,"py-2","rounded-md","bg-gray-50","dark:text-gray-50","dark:bg-slate-800"],[4,"ngFor","ngForOf"],[1,"text-sm"],["dense",""],["mat-list-item","","type","button","class","w-full !text-left group",3,"click",4,"ngFor","ngForOf"],["mat-list-item","","type","button",1,"w-full","!text-left","group",3,"click"],["matLine",""],[1,"!hidden","group-hover:!block"]],template:function(e,n){if(1&e){const i=t.EpF();t.F$t(Wu),t.TgZ(0,"mat-sidenav-container",0),t.NdJ("backdropClick",function(){return n.confirmCloseSidenav()}),t.TgZ(1,"mat-sidenav-content",1)(2,"form",2,3),t.NdJ("ngSubmit",function(){return n.saveChanges()}),t.YNc(4,Xs,8,1,"div",4),t.TgZ(5,"div"),t.Hsn(6),t.qZA(),t.TgZ(7,"cm-graph",5),t.NdJ("navModeChange",function(l){return n.navMode$.next(l)})("pan",function(l){return n.onPan(l)})("zoom",function(l){return n.onZoom(l)})("contextmenu",function(l){t.CHM(i);const d=t.MAs(44);return t.KtG(n.onContextMenu(l,d,{x:l.clientX,y:l.clientY}))}),t.ALo(8,"async"),t.ALo(9,"async"),t.ALo(10,"async"),t.ALo(11,"async"),t.TgZ(12,"button",6),t.YNc(13,tu,4,0,"div",7),t.TgZ(14,"mat-icon"),t._uU(15,"save"),t.qZA()(),t.TgZ(16,"button",8),t.NdJ("click",function(l){t.CH
1M(i);const d=t.MAs(44);return t.KtG(n.onContextMenu(l,d,{}))}),t.TgZ(17,"mat-icon"),t._uU(18,"add"),t.qZA()(),t.TgZ(19,"div",9)(20,"button",10),t.NdJ("click",function(){return n.rearrangeBlocks()}),t.TgZ(21,"mat-icon"),t._uU(22,"reorder"),t.qZA()(),t._UZ(23,"mat-divider",11),t.TgZ(24,"button",12,13),t.NdJ("click",function(){t.CHM(i);const l=t.MAs(25);return t.KtG(n.openSearchBlocksPopover(l))}),t.TgZ(26,"mat-icon"),t._uU(27,"search"),t.qZA()(),t.YNc(28,eu,5,1,"ng-container",14),t.YNc(29,nu,4,2,"ng-container",14),t.qZA(),t.YNc(30,ou,1,2,"g",15),t.ALo(31,"async"),t.YNc(32,iu,3,11,"cm-graph-node",16),t.ynx(33,17),t.YNc(34,ru,5,21,"cm-graph-node",18),t.YNc(35,cu,10,11,"cm-graph-node",19),t.ALo(36,"async"),t.BQk(),t.qZA(),t.TgZ(37,"div",20),t.Hsn(38,1),t.qZA()()(),t.TgZ(39,"mat-sidenav",21),t.NdJ("closedStart",function(){return n.closeSidenav()})("keyup.escape",function(){return n.confirmCloseSidenav()}),t.ALo(40,"async"),t.YNc(41,su,6,5,"div",22),t.ALo(42,"async"),t.qZA()(),t.YNc(43,Tu,26,5,"ng-template",null,23,t.W1O),t.YNc(45,Iu,13,4,"ng-template",null,24,t.W1O),t.YNc(47,Au,7,0,"ng-template",null,25,t.W1O),t.TgZ(49,"sat-popover",26,27)(51,"form",28)(52,"mat-form-field"),t._UZ(53,"input",29),t.TgZ(54,"mat-icon",30),t._uU(55,"search"),t.qZA()(),t.TgZ(56,"div",31),t.YNc(57,Fu,1,0,"ng-container",32),t.ALo(58,"async"),t.qZA()()(),t.TgZ(59,"sat-popover",33,34)(61,"div",35)(62,"div",36)(63,"mat-icon",37),t._uU(64,"warning"),t.qZA(),t.TgZ(65,"span"),t._uU(66,"Cards with error"),t.qZA()(),t.TgZ(67,"div",31),t.YNc(68,Uu,1,0,"ng-container",32),t.ALo(69,"async"),t.qZA()()(),t.YNc(70,Mu,1,1,"ng-template",null,38,t.W1O)}if(2&e){const i=t.MAs(3),a=t.MAs(50),l=t.MAs(71);let d,x;t.Q6J("hasBackdrop",!0),t.xp6(2),t.Q6J("formGroup",n.botFlowFormGroup),t.xp6(2),t.Q6J("ngIf",i.submitted&&i.invalid),t.xp6(3),t.Q6J("id",n.graphId)("scale",t.lcZ(8,31,n.scale$))("translate",t.lcZ(9,33,n.translate$))("nodeIds",t.lcZ(10,35,n.blockIds$))("readonly",n.readonly)("navMode",t.lcZ(11,37,n.navMode$)),t.xp6(5),t.Q6J("disabled",n.readonly)("matTooltipDisabled",!n.valueChanged),t.xp6(1),t.Q6J("ngIf",n.valueChanged),t.xp6(3),t.Q6J("disabled",n.readonly),t.xp6(4),t.Q6J("disabled",n.readonly),t.xp6(4),t.Q6J("satPopoverAnchor",a),t.xp6(4),t.Q6J("ngIf",n.context.definition.supportShareFlow&&n.entryBlock),t.xp6(1),t.Q6J("ngIf",n.context.definition.supportSendTestMessage),t.xp6(1),t.Q6J("ngForOf",t.lcZ(31,39,n.connectors$))("ngForTrackBy",n.trackByFn),t.xp6(2),t.Q6J("ngIf",n.entryBlock),t.xp6(2),t.Q6J("ngForOf",n.botFlowFormGroup.controls.blocks.controls)("ngForTrackBy",n.trackById),t.xp6(1),t.Q6J("ngIf",t.lcZ(36,41,n.placeholderBlock$)),t.xp6(4),t.Q6J("opened",null==(d=t.lcZ(40,43,n.settingContent$))?null:d.blockId)("autoFocus",!1),t.xp6(2),t.Q6J("ngIf",null==(x=t.lcZ(42,45,n.settingContent$))?null:x.blockId),t.xp6(12),t.Q6J("formControl",n.searchBlockFormControl),t.xp6(4),t.Q6J("ngTemplateOutlet",l)("ngTemplateOutletContext",t.VKq(51,te,t.lcZ(58,47,n.filteredBlocks$))),t.xp6(11),t.Q6J("ngTemplateOutlet",l)("ngTemplateOutletContext",t.VKq(53,te,t.lcZ(69,49,n.errorBlocks$)))}},dependencies:[c.ez,c.mk,c.sg,c.O5,c.tP,c.Ov,s.UX,s._Y,s.Fj,s.JJ,s.JL,s.oH,s.sg,s.x0,s.CE,m.ot,m.lW,f.Ps,f.Hw,S.SJ,S.JX,S.TM,S.Rh,G.t,G.d,Y.Tx,J.AV,J.gM,b.lN,b.KE,b.qo,q.c,q.Nt,L.ie,L.i$,L.Tg,O.X2,Ss.B,Ds,Rs,Ks,_t.mR,_t.Vf,_t.vF,Hi,ir,Us],encapsulation:2}),o})()},48498:(lt,P,_)=>{_.d(P,{c:()=>X});var t=_(24102),c=_(24006),W=_(61135),s=_(75443),S=_(82746),f=_(81379),m=_(24097),G=_(46569),Y=_(43496),J=_(46740),q=Object.prototype.hasOwnProperty;const I=(0,J.Z)(function(T,w,u){q.call(T,u)?++T[u]:(0,Y.Z)(T,u,1)});var $=_(94650);let X=(()=>{class T{constructor(u,p){this._fb=u,this._fs=p,this.hoveredElement$=new W.X(null),this.hoveredElements$=new W.X([]),this.navMode$=new W.X("mouse"),this.settingContent$=new W.X({blockId:null,card:null,keywordGroups:null}),this.contents=[{id:"typing_delay",svg:"typing",name:"Typing Animation"},{id:"recording_delay",icon:"record_voice_over",name:"Recording Animation"},{id:"message",icon:"chat",name:"Text"},{id:"media",icon:"image",name:"Image"},{id:"video",icon:"movie",name:"Video"},{id:"audio",icon:"mic",name:"Audio"},{id:"attachment",icon:"attach_file",name:"Attachment"},{id:"sticker",icon:"sticker",name:"Sticker"},{id:"poll",icon:"ballot",name:"Poll"},{id:"waba_template",icon:"campaign",name:"Template"},{id:"waba_quick_reply",svg:"reply",name:"Interactive (Quick Reply)"},{id:"waba_request_contact_info",icon:"person_book",name:"Interactive (Request Contact Info)"},{id:"waba_list",icon:"list",name:"Interactive (List)"}],this.processReply=[{id:"process_reply",icon:"reply",svg:null,name:"Process Reply"}],this.actions=[{id:"crm",svg:"team_management",name:"Add to ChatMamba CRM",type:"action"},{id:"set_attribute",svg:"tag",name:"Set User Attribute",type:"action"},{id:"remove_attribute",svg:"untag",name:"Remove User Attribute",type:"action"},{id:"subscribe_sequence",icon:"schedule_send",name:"Subscribe to Sequence",type:"action"},{id:"unsubscribe_sequence",icon:"cancel_schedule_send",name:"Unsubscribe from Sequence",type:"action"}],this.delays=[{id:"delay",icon:"timer",name:"Delay",type:"delay"}],this.redirects=[{id:"redirect",icon:"u_turn_right",name:"Redirect to Flow",type:"redirect"},{id:"ab_testing",icon:"call_split",name:"A/B Testing",type:"redirect"}],this.conditions=[{id:"if_else",icon:"arrow_split",name:"If / Else",type:"condition"}],this.matchTypes=[{id:"ebrochure",name:"E-Brochure"},{id:"layout",name:"Layout"},{id:"location",name:"Location"},{id:"no",name:"No"},{id:"pictures",name:"Pictures"},{id:"price",name:"Price"},{id:"sales_gallery",name:"Sales gallery"},{id:"showroom",name:"Showroom"},{id:"weekday",name:"Weekday"},{id:"weekend",name:"Weekend"},{id:"yes",name:"Yes"},{id:"zoom",name:"Zoom"}],this.cardsNameMapping=(0,f.Z)((0,S.Z)([...this.contents,...this.processReply,...this.actions,...this.delays,...this.redirects,...this.conditions],"id"),"name"),this.unitToSecondConversion={second:1,minute:60,hour:3600,day:86400},this.contentsSequenceValidator=v=>{const Z=v.value,B=Z.filter(g=>"process_reply"===g.type);return 0===B.length?null:B.length>1?{maxProcessReplyCard:!0}:Z.findIndex(g=>"process_reply"===g.type)!==Z.length-1?{placedLast:!0}:-1===Z.slice(0,-1).findIndex(g=>["media","audio","video","message","poll","waba_template","waba_quick_reply","waba_list"].includes(g.type))?{contentsSequence:!0}:null},this.requiredArrayValidator=v=>Z=>{const B=Z.value;return!Array.isArray(B)||B.length<v?{requiredArray:!0}:null},this.uniqueButtonValidator=v=>{const B=v.value.filter(g=>!!g.title).map(g=>g.title);return(0,G.Z)(B).length!==B.length?{uniqueButton:!0}:null},this.uniqueOptionValidator=v=>{const B=v.value.filter(g=>!!g.name).map(g=>g.name);return(0,G.Z)(B).length!==B.length?{uniqueOption:!0}:null},this.delayValidator=({minDelaySeconds:v,maxDelaySeconds:Z,delayAmountKey:B,delayUnitKey:g})=>C=>{const U=C.get(B).value,E=C.get(g).value;return this.delayValidation({minDelaySeconds:v,maxDelaySeconds:Z,delayAmount:U,delayUnit:E})},this.noReplyDelayValidator=({minDelaySeconds:v,maxDelaySeconds:Z,delayAmountKey:B,delayUnitKey:g})=>C=>
1{if(!C||"continue_conversation"!==C.get("action").value)return null;const U=C.get(`delay.${B}`).value,E=C.get(`delay.${g}`).value;return this.delayValidation({minDelaySeconds:v,maxDelaySeconds:Z,delayAmount:U,delayUnit:E})},this.uniqueKeywordValidator=v=>{const B=(0,s.Z)(v.value,U=>U.keywords.map(E=>E.toLowerCase().trim())),g=I(B),C=(0,G.Z)(B.filter(U=>g[U]>1));return C.length?{uniqueKeyword:{duplicatedKeywords:C}}:null},this.variantSumValidator=()=>v=>100!==(0,m.Z)(v.value,"percentage")?{variantSum:!0}:null}getUniqueId(){return(0,t.JU)((0,t.hJ)(this._fs,"dummy")).id}initFlowFormGroup({blocks:u,connectors:p,entryBlock:v,startingBlock:Z}){return this._fb.group({blocks:this._fb.array(u.map(B=>this.generateBlockFormGroup(B))),connectors:this._fb.array(p.map(B=>this.generateConnectorFormGroup(B))),entry_block:v?this.generateEntryBlockFormGroup(v):this._fb.control(null),starting_block:[Z,c.kI.required]})}generateBlockFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],cards:this._fb.array(u.cards.map(p=>this.generateCardFormGroup(p)),{validators:this.contentsSequenceValidator}),name:[u.name,[c.kI.required,c.kI.minLength(1),c.kI.maxLength(30)]],type:[u.type,[c.kI.required]],x:[u.x,[c.kI.required]],y:[u.y,[c.kI.required]]})}generateConnectorFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],block_id:[u.block_id,[c.kI.required]],from_id:[u.from_id,[c.kI.required]],to_block_id:[u.to_block_id,[c.kI.required]]})}generateEntryBlockFormGroup(u){return this._fb.group({id:[u.id,c.kI.required],keyword_groups:this.generateKeywordGroupFormArray(u.keyword_groups),x:[u.x,c.kI.required],y:[u.y,c.kI.required]})}generateKeywordGroupFormArray(u){return this._fb.array(u.map(p=>this.generateKeywordGroupFormGroup(p)),{validators:this.uniqueKeywordValidator,updateOn:"blur"})}generateKeywordGroupFormGroup(u){return this._fb.group({id:[u.id,c.kI.required],keywords:this._fb.array(u.keywords.map(p=>this._fb.control(p,c.kI.required)),this.requiredArrayValidator(1)),condition:[u.condition,c.kI.required]})}generateCardFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],type:[u.type,[c.kI.required]],content:this.generateContentForm(u)})}generateContentForm(u){if("ab_testing"===u.type)return this.generateAbTestingFormGroup(u.content);if("attachment"===u.type)return this.generateAudioAttachmentFormGroup(u.content);if("audio"===u.type)return this.generateAudioAttachmentFormGroup(u.content);if("crm"===u.type)return this.generateCrmFormGroup(u.content);if("delay"===u.type)return this.generateDelayFormGroup(u.content);if("if_else"===u.type)return this.generateIfElseFormGroup(u.content);if("media"===u.type)return this.generateMediaFormGroup(u.content);if("message"===u.type)return this.generateMessageFormGroup(u.content);if("poll"===u.type)return this.generatePollFormGroup(u.content);if("process_reply"===u.type)return this.generateProcessReplyFormGroup(u.content);if("recording_delay"===u.type)return this.generateTypingDelayFormGroup(u.content);if("redirect"===u.type)return this.generateRedirectFormGroup(u.content);if("remove_attribute"===u.type)return this.generateRemoveAttributeFormGroup(u.content);if("set_attribute"===u.type)return this.generateSetAttributeFormGroup(u.content);if("sticker"===u.type)return this.generateStickerFormGroup(u.content);if("subscribe_sequence"===u.type)return this.generateSequenceFormGroup(u.content);if("typing_delay"===u.type)return this.generateTypingDelayFormGroup(u.content);if("unsubscribe_sequence"===u.type)return this.generateSequenceFormGroup(u.content);if("video"===u.type)return this.generateMediaFormGroup(u.content);if("waba_list"===u.type)return this.generateWabaInteractiveListFormGroup(u.content);if("waba_quick_reply"===u.type)return this.generateWabaInteractiveQuickReplyFormGroup(u.content);if("waba_request_contact_info"===u.type)return this.generateWabaInteractiveRequestContactInfoFormGroup(u.content);if("waba_template"===u.type)return this.generateWabaTemplateFormGroup(u.content);throw new Error("Invalid type!")}generateMessageFormGroup(u){return this._fb.group({message:[u.message,[c.kI.required]],buttons:this._fb.array(u.buttons.map(p=>this.generateButtonFormGroup(p))),link_preview:[u.link_preview,[c.kI.required]]})}generateWabaInteractiveQuickReplyFormGroup(u){return this._fb.group({header:this.generateWabaInteractiveHeaderFormGroup(u.header),body:[u.body,[c.kI.required,
1c.kI.maxLength(1024)]],footer:[u.footer,[c.kI.maxLength(60)]],buttons:this._fb.array(u.buttons.map(p=>this.generateWabaInteractiveQuickReplyButtonFormGroup(p)),{validators:[this.uniqueButtonValidator,this.requiredArrayValidator(1)],updateOn:"blur"})})}generateWabaInteractiveHeaderFormGroup(u){return this._fb.group({type:[u.type,[c.kI.required]],text:[u.text,[c.kI.maxLength(60)]],filename:[u.filename],image_url:[u.image_url],video_url:[u.video_url],document_url:[u.document_url]})}generateWabaInteractiveQuickReplyButtonFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],title:[u.title,[c.kI.required,c.kI.maxLength(20)]]})}generateWabaInteractiveListFormGroup(u){return this._fb.group({header:this._fb.group({type:[u.header.type,[c.kI.required]],text:[u.header.text,[c.kI.maxLength(60)]]}),body:[u.body,[c.kI.required,c.kI.maxLength(4096)]],footer:[u.footer,[c.kI.maxLength(60)]],list:this._fb.group({button:[u.list.button,[c.kI.required,c.kI.maxLength(20)]],sections:this._fb.array(u.list.sections.map(p=>this.generateWabaInteractiveListSectionFormGroup(p)),{validators:[this.requiredArrayValidator(1)],updateOn:"blur"})})})}generateWabaInteractiveListSectionFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],title:[u.title,[c.kI.required,c.kI.maxLength(24)]],rows:this._fb.array(u.rows.map(p=>this.generateWabaInteractiveListSectionRowFormGroup(p)),{validators:[this.requiredArrayValidator(1)],updateOn:"blur"})})}generateWabaInteractiveListSectionRowFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],title:[u.title,[c.kI.required,c.kI.maxLength(24)]],description:[u.description,[c.kI.maxLength(72)]]})}generateWabaTemplateFormGroup(u){return this._fb.group({templates:this._fb.array(u.templates.map(p=>this.generateTemplateFormGroup(p))),smart_sending:[u.smart_sending,c.kI.required]})}generateTemplateFormGroup(u){const p=u.header??{type:"none",media_id:null,filename:"",text:"",parameter:[]},v=u.footer??{text:null},Z=u.buttons??[];return this._fb.group({id:[u.id,c.kI.required],integration_id:[u.integration_id,c.kI.required],waba_name:[u.waba_name,c.kI.required],status:[u.status,c.kI.required],out_of_sync:[u.out_of_sync,c.kI.required],language:[u.language,c.kI.required],name:[u.name,c.kI.required],header:this._fb.group({type:[p.type],media_id:[p.media_id],filename:[p.filename],text:p.text,parameter:this._fb.array(p.parameter.map(B=>this.generateTemplateParameterFormGroup(B)))}),body:this._fb.group({text:[u.body.text,c.kI.required],parameter:this._fb.array(u.body.parameter.map(B=>this.generateTemplateParameterFormGroup(B)))}),footer:this._fb.group({text:[v.text]}),buttons:this._fb.array(Z.map(B=>this.generateTemplateButtonFormGroup(B)))})}generateTemplateParameterFormGroup(u){return this._fb.group({name:[u.name,c.kI.required],value:[u.value,c.kI.required]})}generateTemplateButtonFormGroup(u){return this._fb.group({id:[u.id,c.kI.required],text:[u.text,c.kI.required],template_button_id:[u.template_button_id,c.kI.required],type:[u.type,c.kI.required]})}generateButtonFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],text:[u.text,[c.kI.required]]})}generateWabaInteractiveRequestContactInfoFormGroup(u){return this._fb.group({body:[u.body,[c.kI.required,c.kI.maxLength(1024)]]})}generateStickerFormGroup(u){return this._fb.group({url:[u.url,[c.kI.required]]})}generateTypingDelayFormGroup(u){return this._fb.group({delay_seconds:[u.delay_seconds,[c.kI.required]]})}generateMediaFormGroup(u){return this._fb.group({url:[u.url,[c.kI.required]],name:[u.name,[c.kI.required]],caption:[u.caption]})}generateAudioAttachmentFormGroup(u){return this._fb.group({url:[u.url,[c.kI.required]],name:[u.name,[c.kI.required]]})}generateRemoveAttributeFormGroup(u){return this._fb.group({attribute_id:[u.attribute_id,c.kI.required]})}generateCrmFormGroup(u){return this._fb.group({org_id:[u.org_id,c.kI.required],columns:this._fb.group((0,f.Z)(u.columns,p=>this.generateCrmColumnFormGroup(p))),assign_to:[u.assign_to],owner:[u.owner,c.kI.required]})}generateDelayFormGroup(u){return this._fb.group({delay_amount:[u.delay_amount,[c.kI.required,
1c.kI.min(1)]],delay_unit:[u.delay_unit,c.kI.required]},{validators:[this.delayValidator({minDelaySeconds:30,maxDelaySeconds:600,delayAmountKey:"delay_amount",delayUnitKey:"delay_unit"})]})}generateIfElseFormGroup(u){return this._fb.group({branches:this._fb.array(u.branches.map(p=>this.generateIfElseBranch(p))),default_branch:this._fb.group({id:[u.default_branch.id,c.kI.required],name:[u.default_branch.name,[c.kI.required,c.kI.maxLength(30)]]})})}generateIfElseBranch(u){return this._fb.group({id:[u.id,c.kI.required],name:[u.name,[c.kI.required,c.kI.maxLength(30)]],segments:this._fb.array(u.segments.map(p=>this.generateIfElseBranchSegment(p))),match_operator:[u.match_operator,c.kI.required]})}generateIfElseBranchSegment(u){return this._fb.group({id:[u.id,c.kI.required],conditions:this._fb.array(u.conditions.map(p=>this.generateIfElseBranchSegmentCondition(p))),match_operator:[u.match_operator,c.kI.required]})}generateIfElseBranchSegmentCondition(u){return this._fb.group({id:[u.id,c.kI.required],field:[u.field,c.kI.required],type:[u.type],comparison_operator:[u.comparison_operator,c.kI.required],value:[u.value]})}generateCrmColumnFormGroup(u){return this._fb.group({id:u.id,content:[{value:u.content,disabled:["member","date","checkbox"].includes(u.type)}],type:u.type})}generateRedirectFormGroup(u){return this._fb.group({flow_id:[u.flow_id,c.kI.required],block_id:[u.block_id]})}generateSequenceFormGroup(u){return this._fb.group({sequence_id:[u.sequence_id,c.kI.required]})}generateSetAttributeFormGroup(u){return this._fb.group({attribute_id:[u.attribute_id,c.kI.required],value:[u.value,c.kI.required]})}generateProcessReplyFormGroup(u){return this._fb.group({collect_answer:this._fb.group({attribute_id:[u.collect_answer.attribute_id]}),reply_matching:this._fb.array(u.reply_matching.map(p=>this.generateReplyMatchingFormGroup(p))),no_reply:this._fb.group({action:[u.no_reply.action],continue_conversation_data:this._fb.group({connector:[u.no_reply.continue_conversation_data.connector]}),delay:this._fb.group({amount:[u.no_reply.delay.amount],unit:[u.no_reply.delay.unit]})},{validators:[this.noReplyDelayValidator({minDelaySeconds:30,maxDelaySeconds:36e3,delayAmountKey:"amount",delayUnitKey:"unit"})]})})}generateReplyMatchingFormGroup(u){return this._fb.group({id:[u.id,c.kI.required],type:[u.type,c.kI.required],keywords:[u.keywords]})}generatePollFormGroup(u){return this._fb.group({id:[u.id],title:[u.title,[c.kI.required,c.kI.maxLength(255)]],options:this._fb.array(u.options.map(p=>this.generatePollOptionFormGroup(p)),{validators:[this.uniqueOptionValidator,this.requiredArrayValidator(2)],updateOn:"blur"})})}generatePollOptionFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],name:[u.name,[c.kI.required,c.kI.maxLength(100)]]})}generateAbTestingFormGroup(u){return this._fb.group({variants:this._fb.array(u.variants.map(p=>this.generateAbTestingVariantFormGroup(p)),{validators:[this.requiredArrayValidator(2),this.variantSumValidator()],updateOn:"blur"})})}generateAbTestingVariantFormGroup(u){return this._fb.group({id:[u.id,[c.kI.required]],name:[u.name,[c.kI.required,c.kI.max(50)]],percentage:[u.percentage,[c.kI.required,c.kI.min(1),c.kI.max(100)]]})}delayValidation({minDelaySeconds:u,maxDelaySeconds:p,delayAmount:v,delayUnit:Z}){const B=v*this.unitToSecondConversion[Z];return B<u?{minDelay:B}:B>p?{maxDelay:B}:null}}return T.\u0275fac=function(u){return new(u||T)($.LFG(c.qu),$.LFG(t.gg))},T.\u0275prov=$.Yz7({token:T,factory:T.\u0275fac}),T})()},65910:(lt,P,_)=>{_.d(P,{g:()=>c});var t=_(71884);function c(W,s){return(0,t.x)((S,f)=>s?s(S[W],f[W]):S[W]===f[W])}},90811:(lt,P,_)=>{_.d(P,{A9:()=>I,Yi:()=>X,vV:()=>T});var t=_(12687),c=_(21281),W=_(95017),s=_(94650),S=_(24006),f=_(3238);const m=["button"],G=["*"],Y=new s.OlP("MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS"),J=new s.OlP("MatButtonToggleGroup"),b={provide:S.JU,useExisting:(0,s.Gpc)(()=>I),multi:!0};let q=0;class L{constructor(u,p){this.source=u,this.value=p}}let I=(()=>{class w{constructor(p,v){this._changeDetector=p,this._vertical=!1,this._multiple=!1,this._disabled=!1,this._controlValueAccessorChangeFn=()=>{},this._onTouched=()=>{},this._name="mat-button-toggle-group-"+q++,this.valueChange=new s.vpe,this.change=new s.vpe,this.appearance=v&&v.appearance?v.appearance:"standard"}get name(){return this._name}set name(p){this._name=p,this._markButtonsForCheck()}get vertical(){return this._vertical}set vertical(p){this._vertical=(0,c.Ig)(p)}get value(){const p=this._selectionModel?this._selectionModel.selected:[];return this.multiple?p.map(v=>v.value):p[0]?p[0].value:void 0}set value(p){this._setSelectionByValue(p),this.valueChange.emit(this.value)}get selected(){const p=this._selectionModel?this._selectionModel.selected:[];return this.multiple?p:p[0]||null}get multiple(){return this._multiple}set multiple(p){this._multiple=(0,c.Ig)(p),this._markButtonsForCheck()}get disabled(){return this._disabled}set disabled(p){this._disabled=(0,c.Ig)(p),this._markButtonsForCheck()}ngOnInit(){this._selectionModel=new W.Ov(this.multiple,void 0,!1)}ngAfterContentInit(){this._selectionModel.select(...this._buttonToggles.filter(p=>p.checked))}writeValue(p){this.value=p,this._changeDetector.markForCheck()}registerOnChange(p){this._controlValueAccessorChangeFn=p}registerOnTouched(p){this._onTouched=p}setDisabledState(p){this.disabled=p}_emitChangeEvent(p){const v=new L(p,this.value);this._controlValueAccessorChangeFn(v.value),this.change.emit(v)}_syncButtonToggle(p,v,Z=!1,B=!1){!this.multiple&&this.selected&&!p.checked&&(this.selected.checked=!1),this._selectionModel?v?this._selectionModel.select(p):this._selectionModel.deselect(p):B=!0,B?Promise.resolve().then(()=>this._updateModelValue(p,Z)):this._updateModelValue(p,Z)}_isSelected(p){return this._selectionModel&&this._selectionModel.isSelected(p)}_isPrechecked(p){return!(typeof this._rawValue>"u")&&(this.multiple&&Array.isArray(this._rawValue)?this._rawValue.some(v=>null!=p.value&&v===p.value):p.value===this._rawValue)}_setSelectionByValue(p){this._rawValue=p,this._buttonToggles&&(this.multiple&&p?(Array.isArray(p),this._clearSelection(),p.forEach(v=>this._selectValue(v))):(this._clearSelection(),this._selectValue(p)))}_clearSelection(){this._selectionModel.clear(),this._buttonToggles.forEac
1h(p=>p.checked=!1)}_selectValue(p){const v=this._buttonToggles.find(Z=>null!=Z.value&&Z.value===p);v&&(v.checked=!0,this._selectionModel.select(v))}_updateModelValue(p,v){v&&this._emitChangeEvent(p),this.valueChange.emit(this.value)}_markButtonsForCheck(){this._buttonToggles?.forEach(p=>p._markForCheck())}}return w.\u0275fac=function(p){return new(p||w)(s.Y36(s.sBO),s.Y36(Y,8))},w.\u0275dir=s.lG2({type:w,selectors:[["mat-button-toggle-group"]],contentQueries:function(p,v,Z){if(1&p&&s.Suo(Z,X,5),2&p){let B;s.iGM(B=s.CRH())&&(v._buttonToggles=B)}},hostAttrs:["role","group",1,"mat-button-toggle-group"],hostVars:5,hostBindings:function(p,v){2&p&&(s.uIk("aria-disabled",v.disabled),s.ekj("mat-button-toggle-vertical",v.vertical)("mat-button-toggle-group-appearance-standard","standard"===v.appearance))},inputs:{appearance:"appearance",name:"name",vertical:"vertical",value:"value",multiple:"multiple",disabled:"disabled"},outputs:{valueChange:"valueChange",change:"change"},exportAs:["matButtonToggleGroup"],features:[s._Bn([b,{provide:J,useExisting:w}])]}),w})();const $=(0,f.Kr)(class{});let X=(()=>{class w extends ${constructor(p,v,Z,B,g,C){super(),this._changeDetectorRef=v,this._elementRef=Z,this._focusMonitor=B,this._checked=!1,this.ariaLabelledby=null,this._disabled=!1,this.change=new s.vpe;const U=Number(g);this.tabIndex=U||0===U?U:null,this.buttonToggleGroup=p,this.appearance=C&&C.appearance?C.appearance:"standard"}get buttonId(){return`${this.id}-button`}get appearance(){return this.buttonToggleGroup?this.buttonToggleGroup.appearance:this._appearance}set appearance(p){this._appearance=p}get checked(){return this.buttonToggleGroup?this.buttonToggleGroup._isSelected(this):this._checked}set checked(p){const v=(0,c.Ig)(p);v!==this._checked&&(this._checked=v,this.buttonToggleGroup&&this.buttonToggleGroup._syncButtonToggle(this,this._checked),this._changeDetectorRef.markForCheck())}get disabled(){return this._disabled||this.buttonToggleGroup&&this.buttonToggleGroup.disabled}set disabled(p){this._disabled=(0,c.Ig)(p)}ngOnInit(){const p=this.buttonToggleGroup;this.id=this.id||"mat-button-toggle-"+q++,p&&(p._isPrechecked(this)?this.checked=!0:p._isSelected(this)!==this._checked&&p._syncButtonToggle(this,this._checked))}ngAfterViewInit(){this._focusMonitor.monitor(this._elementRef,!0)}ngOnDestroy(){const p=this.buttonToggleGroup;this._focusMonitor.stopMonitoring(this._elementRef),p&&p._isSelected(this)&&p._syncButtonToggle(this,!1,!1,!0)}focus(p){this._buttonElement.nativeElement.focus(p)}_onButtonClick(){const p=!!this._isSingleSelector()||!this._checked;p!==this._checked&&(this._checked=p,this.buttonToggleGroup&&(this.buttonToggleGroup._syncButtonToggle(this,this._checked,!0),this.buttonToggleGroup._onTouched())),this.change.emit(new L(this,this.value))}_markForCheck(){this._changeDetectorRef.markForCheck()}_getButtonName(){return this._isSingleSelector()?this.buttonToggleGroup.name:this.name||null}_isSingleSelector(){return this.buttonToggleGroup&&!this.buttonToggleGroup.multiple}}return w.\u0275fac=function(p){return new(p||w)(s.Y36(J,8),s.Y36(s.sBO),s.Y36(s.SBq),s.Y36(t.tE),s.$8M("tabindex"),s.Y36(Y,8))},w.\u0275cmp=s.Xpm({type:w,selectors:[["mat-button-toggle"]],viewQuery:function(p,v){if(1&p&&s.Gf(m,5),2&p){let Z;s.iGM(Z=s.CRH())&&(v._buttonElement=Z.first)}},hostAttrs:["role","presentation",1,"mat-button-toggle"],hostVars:12,hostBindings:function(p,v){1&p&&s.NdJ("focus",function(){return v.focus()}),2&p&&(s.uIk("aria-label",null)("aria-labelledby",null)("id",v.id)("name",null),s.ekj("mat-button-toggle-standalone",!v.buttonToggleGroup)("mat-button-toggle-checked",v.checked)("mat-button-toggle-disabled",v.disabled)("mat-button-toggle-appearance-standard","standard"===v.appearance))},inputs:{disableRipple:"disableRipple",ariaLabel:["aria-label","ariaLabel"],ariaLabelledby:["aria-labelledby","ariaLabelledby"],id:"id",name:"name",value:"value",tabIndex:"tabIndex",appearance:"appearance",checked:"checked",disabled:"disabled"},outputs:{change:"change"},exportAs:["matButtonToggle"],features:[s.qOj],ngContentSelectors:G,decls:6,vars:9,consts:[["type","button",1,"mat-button-toggle-button","mat-focus-indicator",3,"id","disabled","click"],["button",""],[1,"mat-button-toggle-label-content"],[1,"mat-button-toggle-focus-overlay"],["matRipple","",1,"mat-button-toggle-ripple",3,"matRippleTrigger","matRippleDisabled"]],template:function(p,v){if(1&p&&(s.F$t(),s.TgZ(0,"button",0,1),s.NdJ("
1click",function(){return v._onButtonClick()}),s.TgZ(2,"span",2),s.Hsn(3),s.qZA()(),s._UZ(4,"span",3)(5,"span",4)),2&p){const Z=s.MAs(1);s.Q6J("id",v.buttonId)("disabled",v.disabled||null),s.uIk("tabindex",v.disabled?-1:v.tabIndex)("aria-pressed",v.checked)("name",v._getButtonName())("aria-label",v.ariaLabel)("aria-labelledby",v.ariaLabelledby),s.xp6(5),s.Q6J("matRippleTrigger",Z)("matRippleDisabled",v.disableRipple||v.disabled)}},dependencies:[f.wG],styles:[".mat-button-toggle-standalone,.mat-button-toggle-group{position:relative;display:inline-flex;flex-direction:row;white-space:nowrap;overflow:hidden;border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translateZ(0)}.cdk-high-contrast-active .mat-button-toggle-standalone,.cdk-high-contrast-active .mat-button-toggle-group{outline:solid 1px}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border-radius:4px}.cdk-high-contrast-active .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.cdk-high-contrast-active .mat-button-toggle-group-appearance-standard{outline:0}.mat-button-toggle-vertical{flex-direction:column}.mat-button-toggle-vertical .mat-button-toggle-label-content{display:block}.mat-button-toggle{white-space:nowrap;position:relative}.mat-button-toggle .mat-icon svg{vertical-align:top}.mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay{opacity:1}.mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay{opacity:.04}.mat-button-toggle-appearance-standard.cdk-keyboard-focused:not(.mat-button-toggle-disabled) .mat-button-toggle-focus-overlay{opacity:.12}@media(hover: none){.mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay{display:none}}.mat-button-toggle-label-content{-webkit-user-select:none;user-select:none;display:inline-block;line-height:36px;padding:0 16px;position:relative}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{padding:0 12px}.mat-button-toggle-label-content>*{vertical-align:middle}.mat-button-toggle-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:inherit;pointer-events:none;opacity:0}.cdk-high-contrast-active .mat-button-toggle-checked .mat-button-toggle-focus-overlay{border-bottom:solid 36px;opacity:.5;height:0}.cdk-high-contrast-active .mat-button-toggle-checked:hover .mat-button-toggle-focus-overlay{opacity:.6}.cdk-high-contrast-active .mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{border-bottom:solid 500px}.mat-button-toggle .mat-button-toggle-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-button-toggle-button{border:0;background:none;color:inherit;padding:0;margin:0;font:inherit;outline:none;width:100%;cursor:pointer}.mat-button-toggle-disabled .mat-button-toggle-button{cursor:default}.mat-button-toggle-button::-moz-focus-inner{border:0}"],encapsulation:2,changeDetection:0}),w})(),T=(()=>{class w{}return w.\u0275fac=function(p){return new(p||w)},w.\u0275mod=s.oAB({type:w}),w.\u0275inj=s.cJS({imports:[f.BQ,f.si,f.BQ]}),w})()},28713:(lt,P,_)=>{_.d(P,{Z:()=>G});var t=_(22754),c=_(20113),W=_(5229),s=_(57965),S=_(67118),f=_(38320);const G=(0,s.Z)(function(Y,J){var b=(0,f.Z)(J);return(0,S.Z)(b)&&(b=void 0),(0,S.Z)(Y)?(0,t.Z)(Y,(0,c.Z)(J,1,S.Z,!0),(0,W.Z)(b,2)):[]})},38320:(lt,P,_)=>{_.d(P,{Z:()=>c});const c=function t(W){var s=null==W?0:W.length;return s?W[s-1]:void 0}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.