| 1 |
- "use strict";(self["webpackChunk_zoom_client_email_desktop"]=self["webpackChunk_zoom_client_email_desktop"]||[]).push([[438],{32438:function(t,e,o){o.d(e,{Z:function(){return O}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"senders-list",attrs:{tabindex:"0",role:"list","aria-activedescendant":"".concat(t.ariaActiveDescendantPrefix,"-").concat(t.focusedEmail)},on:{keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"up",38,e.key,["Up","ArrowUp"])?null:(e.stopPropagation(),t.focusSender("prev"))},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"down",40,e.key,["Down","ArrowDown"])?null:(e.stopPropagation(),t.focusSender("next"))},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])||"button"in e&&0!==e.button?null:(e.stopPropagation(),t.focusSender("prev"))},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])||"button"in e&&2!==e.button?null:(e.stopPropagation(),t.focusSender("next"))},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:(e.stopPropagation(),t.handleSelect(t.focusedEmail))},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:(e.stopPropagation(),t.handleSelect(t.focusedEmail))}],focus:t.handleFocus,focusout:t.handleFocusOut}},[e("TransitionGroup",{ref:"list",class:["card-holder",{horizontal:t.horizontal,vertical:!t.horizontal,carousel:t.carousel}],attrs:{name:"card-transition",tag:"div"}},[t._l(t.items,(function(o,n){var a=o.username,i=o.email,s=o.subject,r=o.status;return e("div",{key:i,staticClass:"card-holder-item"},[e("sender-card",{ref:"senderCard",refInFor:!0,attrs:{id:"".concat(t.ariaActiveDescendantPrefix,"-").concat(i),tabindex:"-1",type:t.cardType,name:a,email:i,isFirstHorizontalCard:0===n&&t.horizontal,subject:s,locked:r!==t.SCREENER_SENDER_STATUS.READY,selected:i===t.selectedEmail,focused:i===t.focusedEmail},on:{select:function(e){return t.handleSelect(i)}}})],1)})),e("div",{key:"footer",staticClass:"card-holder-item footer"},[t.isFetching?e("i",{staticClass:"zm-icon-loading small"}):t.isInitialized&&!t.canFetchMore?e("span",[t._v(t._s(t.$t("common.end")))]):t.isInitialized&&t.canFetchMore?e("zm-button",{attrs:{type:"link"},on:{click:function(e){return t.$emit("fetch")}}},[t._v(" "+t._s(t.$t("common.loadMore"))+" ")]):t.fetchFailed?e("zm-button",{attrs:{type:"link"},on:{click:function(e){return t.$emit("fetch")}}},[t._v(" "+t._s(t.$t("operation.reload"))+" ")]):t._e()],1)],2),t.carousel?e("div",{staticClass:"carousel-buttons"},[e("zm-button",{class:["carousel-button",t.horizontal?"left":"top",t.scrollPosFromStart>0?"show":"hide"],attrs:{tabindex:"-1"},on:{click:function(e){return t.scrollCarousel("prev")}}},[e("SvgIcon",{attrs:{iconClass:t.horizontal?"chevron-left":"chevron-up"}})],1),e("zm-button",{class:["carousel-button",t.horizontal?"right":"bottom",t.scrollPosFromEnd>0?"show":"hide"],attrs:{tabindex:"-1"},on:{click:function(e){return t.scrollCarousel("next")}}},[e("SvgIcon",{attrs:{iconClass:t.horizontal?"chevron-right":"chevron-down"}})],1)],1):t._e()],1)},a=[],i=o(32682),s=o(37761),r=o.n(s),l=o(33223),c=o(10100),d=(o(77950),function(){var t=this,e=t._self._c;return e("zm-tooltip",{attrs:{disabled:!t.isAvatarOnlyStyle,enterable:!1,placement:"right",transition:"none","popper-class":"multiline"}},[e("div",{attrs:{slot:"content"},slot:"content"},[e("div",[t._v(t._s(t.name))]),e("div",[t._v(t._s(t.email))])]),e("div",{class:["sender-card","transition-style","tab-focus",{full:t.isFullStyle,compact:t.isCompactStyle,"avatar-only":t.isAvatarOnlyStyle,selected:t.selected,focused:t.focused}],attrs:{tabindex:"0","aria-label":t.ariaLabel,"aria-selected":t.selected,role:"option"},on:{click:function(e){return t.$emit("select")},keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("select")},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:t.$emit("select")}]}},[e("div",{staticClass:"info"},[e("div",{staticClass:"sender"},[e("Avatar",{staticClass:"sender-avatar",attrs:{email:t.email,name:t.name,tabindex:"-1","aria-hidden":!0}}),t.isAvatarOnlyStyle?t._e():e("div",{staticClass:"sender-right"},[e("div",{staticClass:"username no-text-overflow"},[t._v(t._s(t.name))]),e("div",{staticClass:"email no-text-overflow"},[t._v(t._s(t.email))])])],1),t.isAvatarOnlyStyle?t._e():e("div",{staticClass:"subject"},[e("SvgIcon",{staticClass:"mail-icon",attrs:{iconClass:"mail"}}),e("div",{staticClass:"subject-text no-text-overflow"},[t._v(t._s(t.displayedSubjectLine))])],1)]),t.isAvatarOnlyStyle?t._e():e("div",{staticClass:"action-buttons"},[e("zm-button-group",[e("zm-tooltip",{attrs:{placement:"bottom",manual:"",value:t.approveOnboardingTipVisible}},[e("div",{staticClass:"tips approver-tips",attrs:{slot:"content"},slot:"content"},[t._v(" "+t._s(t.$t("approver.approveButtonOnboardingTip"))+" "),e("span",{staticClass:"ok-button"},[e("zm-button",{attrs:{type:"plain","zm-ta":"onboarding-tooltip-block-btn-ok"},on:{click:t.handleOnboardApproveButton}},[t._v(" "+t._s(t.$t("common.ok"))+" ")])],1)]),e("zm-button",{staticClass:"action-button",attrs:{type:"plain",tabindex:t.focused?"0":"-1"},on:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.handleApprove.apply(null,arguments)}}},[e("SvgIcon",{attrs:{iconClass:"approve"}}),t.isFullStyle?e("span",[t._v(t._s(t.$t("operation.approve")))]):t._e()],1)],1),t.isCompactStyle?t._e():e("zm-dropdown",{on:{command:function(e){return t.handleApprove({spamRange:"Domain"})}}},[e("zm-button",{staticClass:"action-button",attrs:{type:"plain",disabled:!t.screenActionPermission,tabindex:t.focused?"0":"-1"}},[e("SvgIcon",{attrs:{iconClass:"chevron-small-down"}})],1),e("zm-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[e("zm-dropdown-item",[t._v(" "+t._s(t.$t("approver.approveByDomain",[t.email.split("@")[1]])))])],1)],1)],1),e("zm-button-group",[e("zm-tooltip",{attrs:{placement:"bottom",manual:"",value:t.blockOnboardingTipVisible}},[e("div",{staticClass:"tips approver-tips",attrs:{slot:"content"},slot:"content"},[t._v(" "+t._s(t.$t("approver.blockButtonOnboardingTip"))+" "),e("span",{staticClass:"ok-button"},[e("zm-button",{attrs:{type:"plain","zm-ta":"onboarding-tooltip-block-btn-ok"},on:{click:t.handleOnboardBlockButton}},[t._v(" "+t._s(t.$t("common.ok"))+" ")])],1)]),e("zm-button",{staticClass:"action-button",attrs:{type:"plain"},on:{click:function(e){return e.stopPropagation(),e.preventDefault(),t.$emit("approve")}}},[e("SvgIcon",{attrs:{iconClass:"block"}}),t.isFullStyle?e("span",[t._v(t._s(t.$t("operation.block")))]):t._e()],1)],1),t.isCompactStyle?t._e():e("zm-dropdown",{on:{command:function(e){return t.handleBlock({spamRange:"Domain"})}}},[e("zm-button",{staticClass:"action-button",attrs:{disabled:!t.screenActionPermission,type:"plain"}},[e("SvgIcon",{attrs:{iconClass:"chevron-small-down"}})],1),e("zm-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[e("zm-dropdown-item",[t._v(" "+t._s(t.$t("approver.blockByDomain",[t.email.split("@")[1]])))])],1)],1)],1)],1)])])}),u=[],p=o(70021),m=o(56706),h=o(34948),f=o(97626),v=o(90479),b=o(29648),y=o(22468),S=o(84878),k={components:{Avatar:v.Z,SvgIcon:f.Z,"zm-button-group":y.Z},props:{name:{type:String,default:""},email:{type:String,default:""},subject:{type:String,default:""},locked:{type:Boolean,default:!1},type:{type:String,default:"full",validator:function(t){return["full","compact","avatar-only"].includes(t)}},selected:{type:Boolean,default:!1},focused:{type:Boolean,default:!1},isFirstHorizontalCard:{type:Boolean,required:!0}},data:function(){return{visible:!0}},computed:(0,h.Z)((0,h.Z)((0,h.Z)({},(0,b.Se)("delegate",["permissionRole"])),(0,b.rn)("onboard",["approverOnboardStates"])),{},{approveOnboardingTipVisible:function(t){var e=t.isFirstHorizontalCard,o=t.approverOnboardStates;return e&&o.previewHeader&&!o.approveButton},blockOnboardingTipVisible:function(t){var e=t.isFirstHorizontalCard,o=t.approverOnboardStates;return e&&o.approveButton&&!o.blockButton},isFullStyle:function(t){var e=t.type;return"full"===e},isCompactStyle:function(t){var e=t.type;return"compact"===e},isAvatarOnlyStyle:function(t){var e=t.type;return"avatar-only"===e},displayedSubjectLine:function(t){var e=t.locked,o=t.subject;return e?this.$t("operation.emailLocked"):o||this.$t("common.noSubject")},ariaLabel:function(t){var e=t.name,o=t.email,n=t.displayedSubjectLine;return[e,o,n].join(", ")},screenActionPermission:function(t){var e=t.permissionRole;return(0,S.yz)(e,S.Vn.SCREEN_SENDER)}}),methods:(0,h.Z)((0,h.Z)((0,h.Z)({},(0,b.nv)("onboard",["onboardApproverApproveButton","addApproverTooltip"])),(0,b.nv)("approver",["updateSenders"])),{},{handleOnboardApproveButton:function(){this.onboardApproverApproveButton()},handleOnboardBlockButton:function(){this.addApproverTooltip()},handleApprove:function(t){var e=this;return(0,m.Z)((0,p.Z)().mark((function o(){var n,a;return(0,p.Z)().wrap((function(o){while(1)switch(o.prev=o.next){case 0:return n=t.spamRange,a=void 0===n?"SingleUser":n,o.next=3,e.updateSenders({addresses:[e.email],spamType:"ALLOWLIST",spamRange:a});case 3:case"end":return o.stop()}}),o)})))()},handleBlock:function(t){var e=this;return(0,m.Z)((0,p.Z)().mark((function o(){var n,a;return(0,p.Z)().wrap((function(o){while(1)switch(o.prev=o.next){case 0:return n=t.spamRange,a=void 0===n?"SingleUser":n,o.next=3,e.updateSenders({addresses:[e.email],spamType:"BLOCK",spamRange:a});case 3:case"end":return o.stop()}}),o)})))()}})},g=k,_=o(93483),z=(0,_.Z)(g,d,u,!1,null,"0d9aedc6",null),C=z.exports,E={components:{SenderCard:C,SvgIcon:f.Z},props:{horizontal:{type:Boolean,default:!1},carousel:{type:Boolean,default:!1},cardType:{type:String,default:"full"},selectedEmail:{type:String,default:null},isInitialized:{type:Boolean,default:!1},isFetching:{type:Boolean,default:!1},canFetchMore:{type:Boolean,default:!1},fetchFailed:{type:Boolean,default:!1},items:{type:Array,default:function(){return[]}}},emits:["select","fetch"],data:function(){return{SCREENER_SENDER_STATUS:c.SCREENER_SENDER_STATUS,maxScrollPosToLoad:100,scrollPosFromStart:0,scrollPosFromEnd:0,scrollEndPos:0,jumpDistance:0,ariaActiveDescendantPrefix:(0,i.Z)(),focusedEmail:null}},watch:{selectedEmail:function(t){this.scrollIntoView(t)},focusedEmail:function(t){this.scrollIntoView(t)},horizontal:"handleResizeOrScroll",carousel:"handleResizeOrScroll",items:function(){this.debouncedResizeHandler()}},created:function(){this.throttledResizeHandler=r().throttle(this.handleResizeOrScroll,16),this.debouncedResizeHandler=r().debounce(this.handleResizeOrScroll,250)},mounted:function(){this.resizeObserver=new l.Z(this.throttledResizeHandler);var t=this.getListRef();t&&(this.resizeObserver.observe(t),t.addEventListener("scroll",this.handleResizeOrScroll))},beforeDestroy:function(){var t;this.throttledResizeHandler.cancel(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.getListRef().removeEventListener("scroll",this.handleResizeOrScroll)},methods:{handleFocus:function(){var t;this.focusedEmail=(null===(t=this.items[0])||void 0===t?void 0:t.email)||null},handleFocusOut:function(t){this.$el.contains(t.relatedTarget)||(this.focusedEmail=null)},getListRef:function(){var t;return null===(t=this.$refs.list)||void 0===t?void 0:t.$el},handleSelect:function(t){this.scrollIntoView(t),this.$emit("select",t)},handleResizeOrScroll:function(){this.updateScrollPosValues(),this.checkForFetchMore()},updateScrollPosValues:function(){var t=this.getListRef();if(t){this.scrollEndPos=this.horizontal?t.scrollWidth-t.clientWidth:t.scrollHeight-t.clientHeight,this.scrollPosFromStart=this.horizontal?t.scrollLeft:t.scrollTop,this.scrollPosFromEnd=this.scrollEndPos-this.scrollPosFromStart;var e=this.horizontal?t.clientWidth:t.clientHeight;this.jumpDistance=Math.max(0,e-100)}},checkForFetchMore:function(){if(0!==this.scrollPosFromEnd&&this.canFetchMore&&!this.isFetching){var t=this.scrollPosFromEnd<this.maxScrollPosToLoad;t&&this.$emit("fetch")}},scrollIntoView:function(t){var e,o=this.items.findIndex((function(e){var o=e.email;return o===t})),n=null===(e=this.$refs.senderCard[o])||void 0===e?void 0:e.$el;null===n||void 0===n||n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},scrollCarousel:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"next",e="next"===t?this.jumpDistance:-this.jumpDistance,o={top:this.horizontal?0:e,left:this.horizontal?e:0,behavior:"smooth"};this.getListRef().scrollBy(o)},scrollToLeft:function(){this.getListRef().scrollTo({left:0})},focusSender:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"next",o=0,n=this.items.findIndex((function(e){var o=e.email;return o===t.focusedEmail}));n>-1&&(o="next"===e?n+1:n-1,o<0?o=this.items.length-1:o>=this.items.length&&(o=0)),this.focusedEmail=this.items[o].email}}},w=E,x=(0,_.Z)(w,n,a,!1,null,"58f93f7b",null),O=x.exports}}]);
|
