1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[4493],{24493:(A,c,i)=>{i.r(c),i.d(c,{OrdersFeatureVideoInstructionsModule:()=>$});var a=i(69808),f=i(93075),l=i(74202),s=i(51062),p=i(96410),u=i(658),e=i(5e3),v=i(255),r=i(88279),_=i(1297),g=i(66809),I=i(72751);function C(t,o){1&t&&(e.\u0275\u0275elementStart(0,"th",21),e.\u0275\u0275text(1,"Rendered At"),e.\u0275\u0275elementEnd())}function h(t,o){if(1&t&&(e.\u0275\u0275elementStart(0,"td",22),e.\u0275\u0275text(1),e.\u0275\u0275pipe(2,"date"),e.\u0275\u0275elementEnd()),2&t){const n=o.$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",e.\u0275\u0275pipeBind1(2,1,n.createdDate)," ")}}function y(t,o){1&t&&(e.\u0275\u0275elementStart(0,"th",21),e.\u0275\u0275text(1,"Video Link"),e.\u0275\u0275elementEnd())}function V(t,o){if(1&t&&(e.\u0275\u0275elementStart(0,"a",26),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&t){const n=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275property("href",null==n?null:n.videoSource,e.\u0275\u0275sanitizeUrl),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",n.videoSource," ")}}function x(t,o){1&t&&e.\u0275\u0275text(0," --- ")}function b(t,o){if(1&t&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275element(1,"ui-copy-to-clipboard",27),e.\u0275\u0275elementContainerEnd()),2&t){const n=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275advance(1),e.\u0275\u0275property("value",null==n?null:n.videoSource)}}function S(t,o){if(1&t&&(e.\u0275\u0275elementStart(0,"td",23),e.\u0275\u0275template(1,V,2,2,"a",24),e.\u0275\u0275template(2,x,1,0,"ng-template",null,9,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275template(4,b,2,1,"ng-container",25),e.\u0275\u0275elementEnd()),2&t){const n=o.$implicit,d=e.\u0275\u0275reference(3);e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",null==n?null:n.videoSource)("ngIfElse",d),e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",null==n?null:n.videoSource)}}function E(t,o){1&t&&(e.\u0275\u0275elementStart(0,"th",21),e.\u0275\u0275text(1,"Status"),e.\u0275\u0275elementEnd())}function O(t,o){if(1&t&&(e.\u0275\u0275elementStart(0,"td",23)(1,"span",28),e.\u0275\u0275text(2),e.\u0275\u0275elementEnd()()),2&t){const n=o.$implicit;e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate1(" ",n.state," ")}}function T(t,o){1&t&&e.\u0275\u0275element(0,"tr",29)}function w(t,o){1&t&&e.\u0275\u0275element(0,"tr",30)}function D(t,o){if(1&t&&(e.\u0275\u0275elementStart(0,"div",10)(1,"div",11)(2,"table",12),e.\u0275\u0275elementContainerStart(3,13),e.\u0275\u0275template(4,C,2,0,"th",14),e.\u0275\u0275template(5,h,3,3,"td",15),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275elementContainerStart(6,16),e.\u0275\u0275template(7,y,2,0,"th",14),e.\u0275\u0275template(8,S,5,3,"td",17),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275elementContainerStart(9,18),e.\u0275\u0275template(10,E,2,0,"th",14),e.\u0275\u0275template(11,O,3,1,"td",17),e.\u0275\u0275elementContainerEnd(),e.\u0275\u0275template(12,T,1,0,"tr",19),e.\u0275\u0275template(13,w,1,0,"tr",20),e.\u0275\u0275elementEnd()()()),2&t){const n=e.\u0275\u0275nextContext();e.\u0275\u0275advance(2),e.\u0275\u0275property("dataSource",n.renderedVideos),e.\u0275\u0275advance(10),e.\u0275\u0275property("matHeaderRowDef",n.displayedColumns),e.\u0275\u0275advance(1),e.\u0275\u0275property("matRowDefColumns",n.displayedColumns)}}function M(t,o){1&t&&(e.\u0275\u0275elementStart(0,"div",31)(1,"h3"),e.\u0275\u0275text(2,"No videos have been created for this order"),e.\u0275\u0275elementEnd()())}const F=function(t){return["/order-dashboard",t,"delivery","video-templates"]};let k=(()=>{class t{constructor(){this.orderId="",this.renderedVideos=[],this.displayedColumns=["renderedAt","link","status"]}}return t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=e.\u0275\u0275defineComponent({type:t,selectors:[["tn-video-info"]],inputs:{orderId:"orderId",renderedVideos:"renderedVideos"},decls:16,vars:10,consts:[[1,"section-md"],[1,"m-2"],[1,"video-info__block","video-info__block--icon"],["uiIcon","info",1,"video-info__block-icon",3,"size"],["class","video-info__table",4,"ngIf","ngIfElse"],[1,"flex","justify-end"],["type","button","uiBtnSize","small","uiBtnTheme","main",3,"routerLink"],["createVideoButton","btnSize"],["uiIcon","add",3,"size"],["stub",""],[1,"video-info__table"],[1,"video-info__table-container"],["mat-table","",1,"video-info__table",3,"dataSource"],["matColumnDef","renderedAt"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","link"],["mat-cell","","class","relative",4,"matCellDef"],["matColumnDef","status"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],["mat-header-cell",""],["mat-cell",""],["mat-cell","",1,"relative"],["target","_blank","class","video-info__content",3,"href",4,"ngIf","ngIfElse"],[4,"ngIf"],["target","_blank",1,"video-info__content",3,"href"],[1,"video-info__icon",3,"value"],[1,"video-info__content"],["mat-header-row",""],["mat-row",""],[1,"video-builder__stub"]],template:function(n,d){if(1&n&&(e.\u0275\u0275elementStart(0,"section",0)(1,"h1",1),e.\u0275\u0275text(2),e.\u0275\u0275pipe(3,"translate"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(4,"div",2),e.\u0275\u0275element(5,"i",3),e.\u0275\u0275elementStart(6,"span"),e.\u0275\u0275text(7," Use Tonomo to automatically generate marketing videos from listing's photos and branding information. Select the templates that you want and generate the videos. Once they are completed, a link to the video will be automatically added to your dropbox project folder and synced to the delivery page. You will also receive a notification within Tonomo once its completed. "),e.\u0275\u0275elementEnd()(),e.\u0275\u0275template(8,D,14,3,"div",4),e.\u0275\u0275elementStart(9,"div",5)(10,"button",6,7),e.\u0275\u0275element(12,"i",8),e.\u0275\u0275text(13," Create Video "),e.\u0275\u0275elementEnd()(),e.\u0275\u0275template(14,M,3,0,"ng-template",null,9,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275elementEnd()),2&n){const m=e.\u0275\u0275reference(11),j=e.\u0275\u0275reference(15);e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(3,6,"VIDEO_INSTRUCTIONS")),e.\u0275\u0275advance(3),e.\u0275\u0275property("size",24),e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",d.renderedVideos.length)("ngIfElse",j),e.\u0275\u0275advance(2),e.\u0275\u0275property("routerLink",e.\u0275\u0275pureFunction1(8,F,d.orderId)),e.\u0275\u0275advance(2),e.\u0275\u0275property("size",m.iconSize)}},directives:[v.a,a.NgIf,r.BZ,r.w1,r.fO,r.ge,r.Dz,r.ev,_.F,r.as,r.XQ,r.nj,r.Gk,g.s,I.V,l.rH],pipes:[s.X$,a.DatePipe],styles:["[_nghost-%COMP%]{display:block;height:100%;overflow-y:auto;padding-bottom:5rem}.video-info__block[_ngcontent-%COMP%]{display:block;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;font-size:1rem}.video-info__block[_ngcontent-%COMP%]:not(:last-child){margin-bottom:1rem}.video-info__block--icon[_ngcontent-%COMP%]{display:grid;align-items:flex-start;grid-gap:.5rem;gap:.5rem;grid-template-columns:max-content 1fr}.video-info__block-icon[_ngcontent-%COMP%]{margin-left:auto;color:var(--brand-50, #228BE6)}.video-info__table-container[_ngcontent-%COMP%]{display:block;overflow-x:auto;white-space:nowrap}.video-info__table[_ngcontent-%COMP%]{margin-bottom:.5rem;width:100%;overflow:hidden;border-radius:.5rem}.video-info__content[_ngcontent-%COMP%]{display:block;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info__icon[_ngcontent-%COMP%]{position:absolute;right:.5rem;top:.5rem;padding:.25rem .25rem .25rem .5rem}"],changeDetection:0}),t})();var z=i(20773);
1function P(t,o){if(1&t&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275element(1,"tn-video-info",2),e.\u0275\u0275elementContainerEnd()),2&t){const n=o.ngIf,d=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("orderId",d.orderId)("renderedVideos",n)}}function R(t,o){1&t&&e.\u0275\u0275element(0,"mat-spinner",3)}let B=(()=>{class t{constructor(n,d){this.route=n,this.deliveryApi=d,this.orderId=this.route.snapshot.paramMap.get("orderId"),this.renderedVideos$=this.deliveryApi.getRenderedVideos(this.orderId)}}return t.\u0275fac=function(n){return new(n||t)(e.\u0275\u0275directiveInject(l.gz),e.\u0275\u0275directiveInject(u.f3$))},t.\u0275cmp=e.\u0275\u0275defineComponent({type:t,selectors:[["tn-orders-feature-video-instructions"]],decls:4,vars:4,consts:[[4,"ngIf","ngIfElse"],["loading",""],[3,"orderId","renderedVideos"],[1,"spinner"]],template:function(n,d){if(1&n&&(e.\u0275\u0275template(0,P,2,2,"ng-container",0),e.\u0275\u0275pipe(1,"async"),e.\u0275\u0275template(2,R,1,0,"ng-template",null,1,e.\u0275\u0275templateRefExtractor)),2&n){const m=e.\u0275\u0275reference(3);e.\u0275\u0275property("ngIf",e.\u0275\u0275pipeBind1(1,2,d.renderedVideos$))("ngIfElse",m)}},directives:[a.NgIf,k,z.Ou],pipes:[a.AsyncPipe],styles:[""],changeDetection:0}),t})(),$=(()=>{class t{}return t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=e.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=e.\u0275\u0275defineInjector({imports:[[a.CommonModule,p.khq,p.eYi,f.u5,s.aw,l.Bz.forChild([{path:"",component:B}])]]}),t})()}}]);
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.