https://brafford-photography.web.app/8547.b554a37b8bd1ab30.js

1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[8547],{48547:(be,O,a)=>{a.r(O),a.d(O,{OrdersFeatureVideoGeneratorModule:()=>_e});var g=a(69808),d=a(93075),I=a(74202),T=a(51062),_=a(96410),C=a(70655),b=a(591),V=a(36053),A=a(21086),$=a(68896),N=a(24850),w=a(72986),j=a(92198),B=a(27221),R=a(40537),F=a(658),G=a(7763),U=a(18013),H=a(49343),S=a(24254),e=a(5e3),M=a(44224),z=a(66809),k=a(72751),X=a(37841),J=a(61432),K=a(39348),Y=a(87238),Q=a(69009),W=a(50257),Z=a(67322);const q=function(n){return["/order-dashboard",n,"delivery","video-instructions"]};function ee(n,r){if(1&n&&(e.\u0275\u0275elementStart(0,"div",3)(1,"h1"),e.\u0275\u0275text(2),e.\u0275\u0275pipe(3,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(4,"p",4),e.\u0275\u0275text(5),e.\u0275\u0275pipe(6,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(7,"button",5),e.\u0275\u0275text(8),e.\u0275\u0275pipe(9,"translate"),e.\u0275\u0275elementEnd()()),2&n){const t=e.\u0275\u0275nextContext();e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(3,4,"RENDERING_SUBMIT_SUCCESS_TITLE")),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(6,6,"RENDERING_SUBMIT_SUCCESS_PARAGRAPH")),e.\u0275\u0275advance(2),e.\u0275\u0275property("routerLink",e.\u0275\u0275pureFunction1(10,q,null==t.order?null:t.order.id)),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(9,8,"GO_BACK")," ")}}function te(n,r){if(1&n&&(e.\u0275\u0275element(0,"ui-input",20),e.\u0275\u0275pipe(1,"async")),2&n){const t=e.\u0275\u0275nextContext().$implicit,i=e.\u0275\u0275nextContext(2);e.\u0275\u0275property("disabled",!0===e.\u0275\u0275pipeBind1(1,4,i.isOpenHouseDisabled$)&&i.shouldDisableControl(t.layerName))("matTooltip",i.getTooltip(t.layerName))("label",i.formatLabel(t.layerName))("formControlName",t.layerName)}}function ne(n,r){if(1&n&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275element(1,"ui-select",21),e.\u0275\u0275elementContainerEnd()),2&n){const t=e.\u0275\u0275nextContext(3);e.\u0275\u0275advance(1),e.\u0275\u0275property("formControl",t.type)("label","Type")("items",t.typeOptions)}}function re(n,r){if(1&n&&(e.\u0275\u0275element(0,"ui-number-input",22),e.\u0275\u0275pipe(1,"translate"),e.\u0275\u0275pipe(2,"uiArea")),2&n){const t=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275property("label",e.\u0275\u0275pipeBind1(1,3,"PROPERTY_AREA"))("suffix",e.\u0275\u0275pipeBind1(2,5,""))("formControlName",t.layerName)}}function ie(n,r){if(1&n&&(e.\u0275\u0275element(0,"ui-number-input",23),e.\u0275\u0275pipe(1,"uiCurrency")),2&n){const t=e.\u0275\u0275nextContext().$implicit,i=e.\u0275\u0275nextContext(2);e.\u0275\u0275property("label",i.formatLabel(t.layerName))("prefix",e.\u0275\u0275pipeBind1(1,3,""))("formControlName",t.layerName)}}const E=function(n){return{"video-builder__error--shown":n}};function oe(n,r){if(1&n&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"div",14),e.\u0275\u0275template(2,te,2,6,"ui-input",15),e.\u0275\u0275template(3,ne,2,3,"ng-container",16),e.\u0275\u0275template(4,re,3,7,"ui-number-input",17),e.\u0275\u0275template(5,ie,2,5,"ui-number-input",18),e.\u0275\u0275elementStart(6,"mat-error",19),e.\u0275\u0275text(7),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementContainerEnd()),2&n){const t=r.$implicit,i=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",i.shouldDisplayControl(t)),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","typeSwitch"===t.layerName),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","number"===t.type),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf","propertyPrice"===t.layerName),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(6,E,i.isFormValid(i.form.get(t.layerName),i.getValidatorName(t.validators)))),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",t.errorMessage," ")}}const L=function(n){return{imagesCount:n}};function ae(n,r){if(1&n&&(e.\u0275\u0275elementStart(0,"header",24)(1,"div",25)(2,"h3"),e.\u0275\u0275text(3),e.\u0275\u0275pipe(4,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"span"),e.\u0275\u0275text(6),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(7,"mat-error",19),e.\u0275\u0275text(8),e.\u0275\u0275pipe(9,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(10,"mat-error",19),e.\u0275\u0275text(11),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(12,"button",26),e.\u0275\u0275text(13),e.\u0275\u0275pipe(14,"translate"),e.\u0275\u0275elementEnd()()),2&n){const t=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind2(4,8,"IMAGES_SELECTION_HINT",e.\u0275\u0275pureFunction1(16,L,t.imagesLimit))),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate2("",t.selectedUrls.size," / ",t.imagesLimit,""),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(18,E,t.isFormValid(t.form.get("imagesCount"),"min"))),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind2(9,11,"SELECT_IMAGE",e.\u0275\u0275pureFunction1(20,L,t.imagesLimit))," "),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(22,E,t.renderingError&&!t.isFormValid(t.form.get("imagesCount"),"min"))),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",t.renderingError," "),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(14,14,"RENDER_VIDEO")," ")}}function se(n,r){1&n&&(e.\u0275\u0275elementStart(0,"div",27)(1,"h3"),e.\u0275\u0275text(2),e.\u0275\u0275pipe(3,"translate"),e.\u0275\u0275elementEnd()()),2&n&&(e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(3,1,"NO_IMAGES_FOUND")))}const le=function(n){return{"video-builder__image--selected":n}};function de(n,r){if(1&n){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"figure",28)(2,"img",29),e.\u0275\u0275listener("click",function(){const s=e.\u0275\u0275restoreView(t).$implicit;return e.\u0275\u0275nextContext(2).onSelectImage(s.webRes.url)}),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(3,"figcaption",30),e.\u0275\u0275text(4,"\xa0"),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementContainerEnd()}if(2&n){const t=r.$implicit,i=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(2),e.\u0275\u0275property("ngClass",e.\u0275\u0275pureFunction1(3,le,i.selectedUrls.has(t.webRes.url)))("src",t.thumbnail.url,e.\u0275\u0275sanitizeUrl)("alt",t.id)}}function pe(n,r){if(1&n){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"ui-loading-wrapper",6)(2,"h1",7),e.\u0275\u0275text(3),e.\u0275\u0275pipe(4,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"form",8),e.\u0275\u0275listener("ngSubmit",function(){return e.\u0275\u0275restoreView(t),e.\u0275\u0275nextContext().onSubmit()}),e.\u0275\u0275elementStart(6,"ui-form-group",9),e.\u0275\u0275template(7,oe,8,8,"ng-container",10),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(8,ae,15,24,"header",11),e.\u0275\u0275template(9,se,4,3,"ng-template",null,12,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275elementStart(11,"div",13),e.\u0275\u0275template(12,de,5,5,"ng-container",10),e.\u0275\u0275elementEnd()()(),e.\u0275\u0275elementContainerEnd()}if(2&n){const t=e.\u0275\u0275reference(10),i=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("loading",i.isLoading),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(4,7,"VIDEO_MAKER")),e.\u0275\u0275advance(2),e.\u0275\u0275property("formGroup",i.form),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngForOf",i.controlsData.controls),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",null==i.images?null:i.images.length)("ngIfElse",t),e.\u0275\u0275advance(4),e.\u0275\u0275property("ngForOf",i.images)}}let v=class{constructor(r){this.fb=r,this.isLoading=!1,this.renderingSuccess=!1,this.renderingError="",this.formSubmitted=new e.EventEmitter,this.form=this.fb.group({}),this.selectedUrls=new Set,this.imagesLimit=30,this.typeOptions=[{name:"Just Listed",value:1},{name:"New Listing",value:2},{name:"Sold",value:3},{name:"Open House",value:4}],this.type=new d.NI(this.typeOptions[0].value),this.isOpenHouseDisabled$=new b.X(!0)}get value(){return this.form.getRawValue()}ngOnInit(){this.imagesLimit=this.controlsData.imagesLimit,this.watchType();for(const r of this.controlsData.controls){const t=Object.values(r.validators).filter(i=>i).map(()=>d.kI.required);"typeSwitch"===r.layerName&&t.push(d.kI.min(1),d.kI.max(4)),this.form.addControl(r.layerName,this.fb.control(r.value,t))}this.form.addControl("imagesCount",this.fb.control(0,[d.kI.min(this.imagesLimit)]))}isFormValid(r,t){return r.hasError(t)&&r.invalid&&(r.dirty||r.touched)}getValidatorName(r){const t=Object.keys(r)[0];return null==t?void 0:t.toString()}formatLabel(r){return r.charAt(0).toUpperCase()+r.slice(1)}onSelectImage(r){if(this.selectedUrls.has(r))return this.selectedUrls.delete(r),void this.updateImagesCount(this.selectedUrls.size);this.selectedUrls.size!==this.imagesLimit&&(this.selectedUrls.add(r),this.updateImagesCount(this.selectedUrls.size))}

1onSubmit(){if(this.form.markAllAsTouched(),this.form.invalid)return;const i=(0,C._T)(this.form.value,["imagesCount"]),o=Object.assign(Object.assign({},i),{typeSwitch:this.type.value,urls:[...this.selectedUrls]});this.formSubmitted.emit(o)}shouldDisableControl(r){return"openHouseDate"===r||"openHouseTime"===r}watchType(){this.type.valueChanges.pipe((0,M.t)(this)).subscribe(r=>{this.isOpenHouseDisabled$.next(4!==r)})}shouldDisplayControl(r){return"text"===r.type&&"typeSwitch"!==r.layerName&&"propertyPrice"!==r.layerName}getTooltip(r){switch(r){case"openHouseDate":case"openHouseTime":return"Available if Open House type is chosen";default:return""}}updateImagesCount(r){this.form.patchValue({imagesCount:r})}};v.\u0275fac=function(r){return new(r||v)(e.\u0275\u0275directiveInject(d.qu))},v.\u0275cmp=e.\u0275\u0275defineComponent({type:v,selectors:[["tn-video-builder"]],inputs:{order:"order",property:"property",images:"images",controlsData:"controlsData",isLoading:"isLoading",renderingSuccess:"renderingSuccess",renderingError:"renderingError"},outputs:{formSubmitted:"formSubmitted"},decls:4,vars:2,consts:[[1,"video-builder"],["renderingSubmitted",""],[4,"ngIf","ngIfElse"],[1,"video-builder__success"],[1,"video-builder__paragraph"],["uiBtnSize","medium","uiBtnTheme","main","type","button",3,"routerLink"],[3,"loading"],[1,"my-16"],[3,"formGroup","ngSubmit"],[1,"video-builder__form-group"],[4,"ngFor","ngForOf"],["class","video-builder__rendering",4,"ngIf","ngIfElse"],["stub",""],[1,"video-builder__images"],[1,"video-builder__input-wrap"],["class","video-builder__input",3,"disabled","matTooltip","label","formControlName",4,"ngIf"],[4,"ngIf"],["class","video-builder__input","mask","separator.2",3,"label","suffix","formControlName",4,"ngIf"],["class","video-builder__input",3,"label","prefix","formControlName",4,"ngIf"],[1,"video-builder__error",3,"ngClass"],[1,"video-builder__input",3,"disabled","matTooltip","label","formControlName"],[1,"form__select",3,"formControl","label","items"],["mask","separator.2",1,"video-builder__input",3,"label","suffix","formControlName"],[1,"video-builder__input",3,"label","prefix","formControlName"],[1,"video-builder__rendering"],[1,"video-builder__countdown"],["uiBtnSize","small","uiBtnTheme","main","type","submit"],[1,"video-builder__stub"],[1,"video-builder__image-wrap"],[1,"video-builder__image",3,"ngClass","src","alt","click"],[1,"video-builder__icon"]],template:function(r,t){if(1&r&&(e.\u0275\u0275elementStart(0,"section",0),e.\u0275\u0275template(1,ee,10,12,"ng-template",null,1,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275template(3,pe,13,9,"ng-container",2),e.\u0275\u0275elementEnd()),2&r){const i=e.\u0275\u0275reference(2);e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",!t.renderingSuccess)("ngIfElse",i)}},directives:[z.s,k.V,I.rH,g.NgIf,X.G,d._Y,d.JL,d.sg,J.H,g.NgForOf,K.a,Y.gM,d.JJ,d.u,Q.H,d.oH,W.f,Z.TO,g.NgClass],pipes:[T.X$,g.AsyncPipe,S.FjN,S._ab],styles:['.video-builder[_ngcontent-%COMP%]{margin:0 auto;width:80%;padding:1.5rem}@media only screen and (max-width: 992px){.video-builder[_ngcontent-%COMP%]{width:100%}}.video-builder__form-group[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.video-builder__success[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.video-builder__paragraph[_ngcontent-%COMP%]{margin-top:.75rem;margin-bottom:1.5rem;font-size:1.125rem}.video-builder__input-wrap[_ngcontent-%COMP%]{position:relative}.video-builder__error[_ngcontent-%COMP%]{position:absolute;bottom:0;font-size:.75rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(20px)}.video-builder__error--shown[_ngcontent-%COMP%]{opacity:1}.video-builder__images[_ngcontent-%COMP%]{margin-top:1.5rem;display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.video-builder__rendering[_ngcontent-%COMP%]{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between}.video-builder__countdown[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;gap:.25rem}.video-builder__stub[_ngcontent-%COMP%]{margin-top:1.5rem;display:flex;justify-content:center}.video-builder__image-wrap[_ngcontent-%COMP%]{position:relative}.video-builder__image[_ngcontent-%COMP%]{height:10rem;width:100%;cursor:pointer;object-fit:cover;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.video-builder__image--selected[_ngcontent-%COMP%]{opacity:.8}.video-builder__image--selected[_ngcontent-%COMP%] + .video-builder__icon[_ngcontent-%COMP%]{opacity:1}.video-builder__icon[_ngcontent-%COMP%]{position:absolute;top:.5rem;right:.5rem;display:grid;height:1.5rem;width:1.5rem;align-items:center;justify-items:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));background-color:var(--brand-50, #228BE6);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.video-builder__icon[_ngcontent-%COMP%]:before{content:"";position:absolute;margin-bottom:.125rem;display:inline-block;height:.75rem;width:.375rem;border-bottom-width:2px;border-right-width:2px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));transform:rotate(45deg)}'],changeDetection:0}),v=(0,C.gn)([(0,M.c)(),(0,C.w6)("design:paramtypes",[d.qu])],v);var me=a(20773);function ce(n,r){if(1&n){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"tn-video-builder",4),e.\u0275\u0275listener("formSubmitted",function(o){return e.\u0275\u0275restoreView(t),e.\u0275\u0275nextContext(2).renderVideo(o)}),e.\u0275\u0275pipe(2,"async"),e.\u0275\u0275pipe(3,"async"),e.\u0275\u0275pipe(4,"async"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementContainerEnd()}if(2&n){const t=r.ngIf,i=e.\u0275\u0275nextContext().ngIf,o=e.\u0275\u0275nextContext();let s,p,m;e.\u0275\u0275advance(1),e.\u0275\u0275property("order",t.order)("property",t.property)("images",t.images)("isLoading",null!==(s=e.\u0275\u0275pipeBind1(2,7,o.isLoading$))&&void 0!==s&&s)("renderingSuccess",null!==(p=e.\u0275\u0275pipeBind1(3,9,o.renderingSuccess$))&&void 0!==p&&p)("renderingError",null!==(m=e.\u0275\u0275pipeBind1(4,11,o.renderingError$))&&void 0!==m?m:"")("controlsData",i)}}function ue(n,r){if(1&n&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275template(1,ce,5,13,"ng-container",3),e.\u0275\u0275pipe(2,"async"),e.\u0275\u0275elementContainerEnd()),2&n){const t=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",e.\u0275\u0275pipeBind1(2,1,t.vm$))}}function ge(n,r){if(1&n&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"h3",5),e.\u0275\u0275text(2),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementContainerEnd()),2&n){const t=r.ngIf;e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(t||"")}}function ve(n,r){if(1&n&&(e.\u0275\u0275template(0,ge,3,1,"ng-container",3),e.\u0275\u0275pipe(1,"async")),2&n){const t=e.\u0275\u0275nextContext();e.\u0275\u0275property("ngIf",e.\u0275\u0275pipeBind1(1,1,t.errorMessage$))}}function fe(n,r){1&n&&e.\u0275\u0275element(0,"mat-spinner",6)}let he=(()=>{class n{constructor(t,i,o,s,p,m,u,f){this.route=t,this.plainlyService=i,this.deliveryApi=o,this.propertiesStoreRepository=s,this.orderDeliveryRepository=p,this.coreRepository=m,this.uiCurrencyPipe=u,this.uiAreaPipe=f,this.errorMessage=new b.X(""),this.loading=new b.X(!1),this.renderingSucceeded=new b.X(!1),this.renderingError=new b.X(""),this.renderingSuccess$=this.renderingSucceeded.asObservable(),this.renderingError$=this.renderingError.asObservable(),this.isLoading$=this.plainlyService.isLoading$,this.errorMessage$=this.errorMessage.asObservable(),this.loading$=this.loading.asObservable(),this.orderId=this.route.

1snapshot.paramMap.get("orderId"),this.videoTemplateId=this.route.snapshot.paramMap.get("videoTemplateId"),this.videoTemplateInfo=this.coreRepository.plainlyTemplates.findUnique({where:{id:this.videoTemplateId}}),this.vm$=(0,V.aj)([this.deliveryApi.getOrder(this.orderId),this.propertiesStoreRepository.getProperty(this.orderId),this.orderDeliveryRepository.getPrioritizedImages(this.orderId)]).pipe((0,N.U)(([h,c,l])=>({order:h,property:c,images:(0,S.chk)(h.deliverablesLinks,l)})))}ngOnInit(){this.loading.next(!0),this.videoTemplateFormControlsData$=(0,V.aj)([this.videoTemplateInfo,this.plainlyService.getVideoTemplate(this.videoTemplateId),this.deliveryApi.getOrder(this.orderId),this.propertiesStoreRepository.getProperty(this.orderId)]).pipe((0,w.q)(1),(0,j.h)(([t])=>(t||this.errorMessage.next("Template not found!"),!!t)),(0,N.U)(([t,i,o,s])=>{const p=((null==o?void 0:o.listingAgents)||[])[0],m=i.layers||[],u=m.filter(c=>!c.layerName.includes("image")),f=m.filter(c=>c.layerName.includes("image")).length;return{controls:null==u?void 0:u.reduce((c,l)=>(c.push(this.getControlValues(l,o,s,p)),c),[]),imagesLimit:f}}),(0,B.K)(t=>(this.errorMessage.next(t.error.message),(0,A.of)(null))),(0,R.x)(()=>this.loading.next(!1)))}renderVideo(t){return(0,C.mG)(this,void 0,void 0,function*(){this.plainlyService.setLoading(!0);const i=yield this.videoTemplateInfo;if(!i)return this.plainlyService.setLoading(!1),void this.renderingError.next("Template information not found");this.plainlyService.renderVideo(this.mapFormData(t),this.orderId,this.videoTemplateId,i.price).pipe((0,B.K)(o=>(this.plainlyService.setLoading(!1),this.renderingError.next(o.error.message),$.E))).subscribe(()=>{this.plainlyService.setLoading(!1),this.renderingError.next(""),this.renderingSucceeded.next(!0)})})}mapFormData(t){const{propertyArea:i,propertyPrice:o}=t;return Object.assign(Object.assign({},t),{propertyArea:this.uiAreaPipe.transform(i),propertyPrice:this.uiCurrencyPipe.transform(o,"1.0-0")})}getControlValues(t,i,o,s){var p,m,u,f,h;const c=t.layerName;let l="",x="text",y={required:!0},P="The field is required";switch(c){case"agentEmail":l=(null==s?void 0:s.email)||"";break;case"agentName":l=(null==s?void 0:s.displayName)||"";break;case"agentNumber":l=(null==s?void 0:s.phone)||"";break;case"propertyBath":l=(null===(p=i.rooms)||void 0===p?void 0:p.bathrooms)||0;break;case"propertyBed":l=(null===(m=i.rooms)||void 0===m?void 0:m.bedrooms)||0;break;case"propertyDescription":l=(null==o?void 0:o.description)||"";break;case"propertyPrice":l=(null==o?void 0:o.listPrice)||0;break;case"propertyAddress":l=(null===(u=i.property_address)||void 0===u?void 0:u.formatted_address)||"";break;case"propertyCity":l=(null===(f=null==o?void 0:o.propertyAddress)||void 0===f?void 0:f.city)||"";break;case"propertyArea":l=i.property_square_footage||0,x="number";break;case"agentImage":l=(null==s?void 0:s.photoURL)||"",y={};break;case"typeSwitch":l=1,P="Value must be between 1 and 4";break;case"brokerageLogo":l=(null===(h=null==o?void 0:o.agencyLogo)||void 0===h?void 0:h.url)||"",y={};break;case"openHouseTime":{const{openHouseTimeFrom:D,openHouseTimeTo:ye}=i;l=`${D?`${D} -`:""} ${ye||""}`.trim()||"",y={};break}case"openHouseDate":l=i.openHouseDate||"",y={};break;case"music":y={}}return{layerName:c,value:l,type:x,validators:y,errorMessage:P}}}return n.\u0275fac=function(t){return new(t||n)(e.\u0275\u0275directiveInject(I.gz),e.\u0275\u0275directiveInject(F.g_7),e.\u0275\u0275directiveInject(F.f3$),e.\u0275\u0275directiveInject(H.fm),e.\u0275\u0275directiveInject(U.y2),e.\u0275\u0275directiveInject(G.AO),e.\u0275\u0275directiveInject(_._ab),e.\u0275\u0275directiveInject(_.FjN))},n.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["tn-orders-feature-video-generator"]],features:[e.\u0275\u0275ProvidersFeature([_.FjN,_._ab])],decls:6,vars:7,consts:[[4,"ngIf","ngIfElse"],["error",""],["class","spinner",4,"ngIf"],[4,"ngIf"],[3,"order","property","images","isLoading","renderingSuccess","renderingError","controlsData","formSubmitted"],[1,"m-24"],[1,"spinner"]],template:function(t,i){if(1&t&&(e.\u0275\u0275template(0,ue,3,3,"ng-container",0),e.\u0275\u0275pipe(1,"async"),e.\u0275\u0275template(2,ve,2,3,"ng-template",null,1,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275template(4,fe,1,0,"mat-spinner",2),e.\u0275\u0275pipe(5,"async")),2&t){const o=e.\u0275\u0275reference(3);e.\u0275\u0275property("ngIf",e.\u0275\u0275pipeBind1(1,3,i.videoTemplateFormControlsData$))("ngIfElse",o),e.\u0275\u0275advance(4),e.\u0275\u0275property("ngIf",e.\u0275\u0275pipeBind1(5,5,i.loading$))}},directives:[g.NgIf,v,me.Ou],pipes:[g.AsyncPipe],styles:["[_nghost-%COMP%]{display:block;height:100%;overflow-y:auto;padding-bottom:5rem}"],changeDetection:0}),n})(),_e=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.\u0275\u0275defineNgModule({type:n}),n.\u0275inj=e.\u0275\u0275defineInjector({imports:[[g.CommonModule,_.khq,_.eYi,d.u5,T.aw,I.Bz.forChild([{path:"",component:he}])]]}),n})()}}]);