"use strict";(self.webpackChunkFotoReactLibrary=self.webpackChunkFotoReactLibrary||[]).push([["258"],{33574:function(e,t,i){i.r(t),i.d(t,{default:function(){return eI}});var n=i(24460),r=i(45697),o=i.n(r),a=i(67294),l=i(94184),s=i.n(l),d=i(22902),c=i(15593),m=i(96904),u=i(7409),f=i(99282),g=i(98848),p=i(78787),v=function(e){var t=e.children,i=e.className,n=e.setIsScrollBarDragging,r=(0,g._)(e,["children","className","setIsScrollBarDragging"]),o=(0,a.useRef)(null),l=(0,a.useRef)(null),s=(0,a.useCallback)(function(){l.current&&l.current.classList.add("large-thumb")},[]),d=(0,a.useCallback)(function(){l.current&&l.current.classList.remove("large-thumb")},[]),c=(0,a.useCallback)(function(){n(!0);var e=function(){n(!1),document.removeEventListener("pointerup",e)};document.addEventListener("pointerup",e)},[n]);return a.createElement(p.LW,(0,u._)({translateContentSizesToHolder:!0,disableTracksWidthCompensation:!0,noScrollY:!0,onScrollStart:s,onScrollStop:d,ref:o,onWheel:function(e){o.current&&(o.current.scrollLeft+=e.deltaY)},className:i,trackXProps:{renderer:function(e){var t=e.elementRef,i=e.style,n=(0,g._)(e,["elementRef","style"]),r=(0,f._)((0,u._)({},i),{borderRadius:0,alignContent:"end",width:"100%",left:0,bottom:-10,background:"none"});return a.createElement("div",(0,f._)((0,u._)({},n),{ref:t,style:r}))}},thumbXProps:{renderer:function(e){var t=e.elementRef;return a.createElement("div",{ref:function(e){t(e),l.current=e},onPointerDown:c,className:"synofoto-custom-scrollbar-thumb","data-testid":"horizontal-scrollbar-thumb"})}}},r),t)};v.propTypes={children:o().node.isRequired,className:o().string,setIsScrollBarDragging:o().func},v.defaultProps={className:"",setIsScrollBarDragging:function(){}};var h=i(23930),I=i.n(h),_=i(68776),w=i(82052),b=i(79905),E=i(89243),y=i(25480),T=i(67479),k=i(22287),P=i(51383),R=function(e){var t=e.item,i=e.width,n=t.get("owner_user_id"),r=(0,y.Z)(n),o=(0,P.vT)()&&(0,k.nw)(),l=t.getIn(["additional","folder"],"");l&&o&&(l="/".concat((0,b.n6)("app",r)).concat(l));var s=t.get("filename",""),d=(0,E.Z)(t.get("time",0),!0),c=(0,T.u6)(t.get("time",0),{showDayOfWeek:!1}),u=(0,b.D9)(t.get("filesize",0)),f="".concat(d," ").concat(c,", ").concat(u),g=(0,w.Z)({tooltipStr:s}),p=g.tooltipTitle,v=g.setTooltipTargetRef,h=(0,w.Z)({tooltipStr:f,precise:!0}),I=h.tooltipTitle,R=h.setTooltipTargetRef,Z=(0,w.Z)({tooltipStr:l}),C=Z.tooltipTitle,S=Z.setTooltipTargetRef;return a.createElement(a.Fragment,null,a.createElement(_.Z,{item:t}),a.createElement("div",{className:"synofoto-grid-view-info",style:{width:i},"data-testid":"grid-view-info"},a.createElement("div",{className:"synofoto-grid-view-info-filename","data-tooltip-id":m.ZP.GLOBAL_TOOLTIP_ID,"data-tooltip-content":p,ref:v},s),a.createElement("div",{className:"synofoto-grid-view-info-takentime-and-filesize","data-tooltip-id":m.ZP.GLOBAL_TOOLTIP_ID,"data-tooltip-content":I,ref:R},f),a.createElement("div",{className:"synofoto-grid-view-info-file-location","data-tooltip-id":m.ZP.GLOBAL_TOOLTIP_ID,"data-tooltip-content":C,ref:S},l)))};R.propTypes={item:I().map.isRequired,width:o().number.isRequired};var Z=i(27412),C=i(57263),S=i(47407),N=i(34774),O=i(87827),L=function(e){var t,i=e.item,n=e.enablePreview,r=e.bottomPos,o=(0,c.v9)(O.Z.getTopPick),l=i.get("id"),d=i.get("owner_user_id"),u=i.get("additional").toJS(),f=o===l,g=!0===u.favorite,p=(0,y.Z)(d),v=u.thumbnailUnitId,h=(0,C.Z)({thumbnailUnitId:v,thumbnailLibrary:p}),I=(0,N.AJ)(l,h,"item","xl",{passphrase:void 0,albumId:void 0},p),_=(0,N.MS)(I),w=s()("synofoto-grid-view-item-bottom-info",{"show-gradient":g});return a.createElement("div",{className:w,style:{bottom:r},"data-testid":"grid-view-item-bottom-info"},g||f?a.createElement("div",{className:"synofoto-grid-view-item-left-bottom-info","data-testid":"grid-view-item-left-bottom-info"},g?a.createElement("div",{role:"img",className:"synofoto-indicator-favorite","data-testid":"grid-view-item-left-bottom-info-favorite-icon"}):null,f?a.createElement("div",{className:"synofoto-similar-top-pick"},a.createElement("div",{className:"synofoto-indicator-similar-top-pick","data-testid":"grid-view-item-left-bottom-info-top-pick-icon"}),a.createElement("div",{className:"synofoto-similar-top-pick-text"},(0,b.n6)("app","stack_cover"))):null):null,_&&n?a.createElement("div",(t={className:"synofoto-image-preview-zooming","data-testid":"grid-view-item-bottom-info-image-preview-zooming","data-tooltip-id":m.B8.TOOLTIP_ID},(0,Z._)(t,m.B8.TOOLTIP_IMAGE_HEIGHT_ATTRIBUTE,u.resolution.height),(0,Z._)(t,m.B8.TOOLTIP_IMAGE_WIDTH_ATTRIBUTE,u.resolution.width),(0,Z._)(t,m.B8.TOOLTIP_IMAGE_URL_ATTRIBUTE,I),t),a.createElement(S.Z,{className:"synofoto-image-preview-button",iconCls:"zoom-btn-icon",handler:function(){}})):null)};L.propTypes={item:I().map.isRequired,enablePreview:o().bool,bottomPos:o().number},L.defaultProps={enablePreview:!0,bottomPos:0};var D=i(88215),G=i(36931),A=function(e){var t=e.children,i=(0,g._)(e,["children"]);return a.createElement(G.Z,(0,u._)({selectableRowType:m.a6.SIMILAR},i),t)};A.propTypes={children:o().node.isRequired};var z=function(e){var t=e.item,i=e.size,n=e.style;return a.createElement("div",{style:n},a.createElement(D.Z,{key:"link_album_".concat(t.get("id")),itemClassName:"synofoto-similar-grid-view-item",SelectableEl:A,item:t,allowSelect:!0,width:i.get("width"),height:i.get("height"),time:t.get("time"),getItemThumbnailURL:function(e){var t=e.id,i=e.thumbnailInfo,n=e.type,r=void 0===n?m.Zk.ITEM:n,o=e.preferSize,a=e.library;return(0,N.AJ)(t,i,r,void 0===o?"sm":o,{},void 0===a?"":a)},embeddedInDialog:!0},a.createElement(L,{item:t,enablePreview:!0})),a.createElement(R,{item:t,width:i.get("width")}))};z.propTypes={item:I().map.isRequired,size:I().map.isRequired,style:o().shape({marginLeft:o().string,display:o().string})},z.defaultProps={style:void 0};var V=i(8057),B=i(8768),M=(0,a.forwardRef)(function(e,t){var i=e.item,n=e.onClick,r=e.isTopPick,o=e.isCurrentPick,l=i.get("id"),s=0===i.get("owner_user_id")?B.Z.TEAM_SPACE:B.Z.PERSONAL_SPACE,d=(0,a.useRef)(null),c=i.getIn(["additional","thumbnail","unit_id"]),u=(0,C.Z)({thumbnailUnitId:c,thumbnailLibrary:s}),f=u?(0,N.AJ)(l,u,"item","sm",void 0,s):m.yL.None;return(0,a.useImperativeHandle)(t,function(){return{scrollIntoViewStart:function(){d.current&&d.current.scrollIntoView({inline:"start",block:"end",behavior:"instant"})}}}),(0,a.useEffect)(function(){o&&d.current&&d.current.scrollIntoView({inline:"nearest",block:"end",behavior:"instant"})},[o]),a.createElement("div",{className:"synofoto-similar-item",onClick:n,ref:d,"data-testid":"synofoto-similar-item"},a.createElement(V.Z,{imageHeight:64,imageWidth:64,imageUrl:f,imageId:l}),o&&a.createElement("div",{className:"synofoto-similar-item-current-pick-frame","data-testid":"current-pick-frame"}),r&&a.createElement("div",{className:"synofoto-similar-item-top-pick-mark","data-tooltip-id":m.ZP.GLOBAL_TOOLTIP_ID,"data-tooltip-content":(0,b.n6)("app","similar_top_pick"),"data-testid":"top-pick-mark"}))});M.propTypes={item:I().map.isRequired,onClick:o().func,isTopPick:o().bool,isCurrentPick:o().bool},M.defaultProps={onClick:function(){},isTopPick:!1,isCurrentPick:!1};var x=i(73935),q=i(37276),F=i(37865),U=i(59435),W=i(38709),H=i(72793),X=i(74766),J=i(88699),Y=i(32626),K=function(){return{minWidth:m.ZP.ITEMROW_MEDIUM_SUB_FOLDER_WIDTH,maxWidth:m.ZP.ITEMROW_MEDIUM_SUB_FOLDER_MAX_WIDTH,margin:m.ZP.ITEMROW_MEDIUM_SUB_FOLDER_MARGIN,infoHeight:70}},Q=function(e){var t=e.items,i=e.rows,r=e.ItemElem,o=e.className,l=(0,c.I0)(),u=(0,a.useRef)(null),f=(0,n._)((0,a.useState)(0),2),g=f[0],p=f[1],v=s()("synofoto-grid-view-list",o),h=(0,W.Z)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width;if(u.current){var i=K(),n=i.minWidth,r=i.maxWidth,o=i.margin,a=(0,Y.tT)((void 0===t?null:t)||g,n,o,r);l((0,J.eU)(a.count,o,a.size))}},200),I=(0,d.Z)(function(e){p(e.width),h({width:e.width})},30);return((0,a.useEffect)(function(){u.current&&h()},[t]),0===t.size)?a.createElement("div",{className:v},a.createElement(H.Z,null)):a.createElement(X.Z,{ref:u,className:v,handleResize:I,widthPadding:14,widthPaddingLeft:24,bottomPadding:m.ZP.FOLDER_VIEW_BOTTOM_PADDING,threshold:1e3,listType:"variable",rowPadding:32,firstRowPadding:0,rows:i,renderItem:function(e,t){var n=i.get(e),o=n.getIn(["list",t]);if(!o)return null;var l={marginLeft:0===t?"0":"".concat(n.get("margin"),"px"),display:"inline-block"};return a.createElement(r,{key:"grid_view_item_".concat(o.get("id")),item:o,size:n.get("size"),style:l})},itemSizeGetter:function(e){var t=K();return(0,Y.Me)(t,g)+(0===e?0:32)}})};Q.propTypes={items:I().list.isRequired,rows:I().list.isRequired,ItemElem:o().elementType.isRequired,className:o().string},Q.defaultProps={className:""};var j=i(79113),$=i(65716),ee=i(92987),et=i(96690),ei=function(e){var t,i=e.description,n=e.title,r=e.toolbar,o=e.handleClose,l=e.getItemSelector,s=e.getRowsSelector,d=e.headerRightTextBtnProp,u=e.ItemElem,f=e.closeOnEmptyItem,g=(0,c.I0)(),p=(0,c.v9)(l),v=(0,c.v9)(s),h=(0,c.v9)(ee.Z.getSelectedSet).get("item").size,I=p.size,_=(0,a.useCallback)(function(){g((0,$.M$)()),o()},[g,o]);(0,a.useEffect)(function(){return g((0,et.G)(m.ZP.NOTIFICATION_ANCHOR_ID.DEFAULT)),function(){g((0,et.G)(m.ZP.NOTIFICATION_ANCHOR_ID.LIGHTBOX))}},[g]),(0,a.useEffect)(function(){f&&!I&&_()},[I,_,f]);var w=(0,a.useMemo)(function(){return d&&0===h?a.createElement(j.Z,{className:"synofoto-grid-view-dialog-header-right-text-button",text:d.text,handler:d.handler}):null},[d,h]);return a.createElement(U.Z,{className:"synofoto-grid-view-dialog",isOpen:!0,title:p.size>0?"".concat(n," (").concat((0,b.Xp)("app","num_item",p.size),")"):n,content:a.createElement("div",{className:"synofoto-grid-view-dialog-body"},a.createElement("div",{className:"synofoto-grid-view-dialog-banner"},i?a.createElement("div",{className:"synofoto-grid-view-dialog-description"},i):null,r),a.createElement("div",{className:"synofoto-grid-view-dialog-content"},a.createElement(Q,{items:p,rows:v,ItemElem:u}))),showClose:!0,showCancel:!0,cancelText:(0,b.n6)("action","close"),showConfirm:!1,handleClose:_,handleCancel:_,footerMessage:(t=a.createElement(q.Z,{text:(0,b.Xp)("app","num_selected",h)}),a.createElement(F.Z,{message:t,iconType:"success"})),contentPadding:m.k3.TOP_AND_BOTTOM,headerRightContent:w})};ei.propTypes={getItemSelector:o().func.isRequired,toolbar:o().node,getRowsSelector:o().func.isRequired,handleClose:o().func.isRequired,title:o().string.isRequired,description:o().string,headerRightTextBtnProp:o().shape({text:o().string,handler:o().func}),ItemElem:o().elementType.isRequired,closeOnEmptyItem:o().bool},ei.defaultProps={toolbar:null,description:"",headerRightTextBtnProp:null,closeOnEmptyItem:!1};var en=i(83797),er=i(60253),eo=i(38962),ea=i(69253),el=i(47307),es=i(84402),ed=function(e){var t={handleCreateTempSharedAlbumInGridView:el.b_,handleAddToAlbumInGridView:el.tp,handleEditGeneralTagInGridView:el.Pi,handleEditRatingInGridView:el.vn,handleEditDateTimeInGridView:el.h3,handleRegeneratePreviewInGridView:el.zH,handleAddToFavoriteInGridView:el.cp,handleRemoveFromFavoriteInGridView:el.yY};return e?(0,f._)((0,u._)({},t),{handleDeleteInGridView:el.g8,handleDownloadInGridView:el.P4}):(0,f._)((0,u._)({},t),{handleDeleteInGridView:el.dX,handleDownloadInGridView:el.Jd})},ec=function(e){var t=e.library,i=(0,c.I0)(),n=(0,c.v9)(ee.Z.getSelectedMap),r=(0,c.v9)(ee.Z.getSelectType),o=(0,c.v9)(O.Z.getSimilarItemCount),l=(0,c.v9)(O.Z.getTopPick),s=n.filter(function(e){return!e.get("favorite")}).size>0,d=(0,a.useMemo)(function(){return a.createElement(a.Fragment,null,a.createElement(en.Z,{className:"synofoto-similar-grid-view-toolbar-icon-text-button",iconCls:"set_as_stack_cover",text:(0,b.n6)("action","set_as_stack_cover"),handler:(0,ea.f)(i,t,el.yP,el.QK),disabled:1!==n.size||1===n.size&&n.has(String(l))}),a.createElement(en.Z,{className:"synofoto-similar-grid-view-toolbar-icon-text-button",iconCls:"remove_from_stack",text:(0,b.n6)("action","remove_from_stack"),handler:(0,ea.f)(i,t,el.vw,el.Qj),disabled:0===n.size}),a.createElement(en.Z,{className:"synofoto-similar-grid-view-toolbar-icon-text-button",iconCls:"keep_selected_delete_rest",text:(0,b.Xp)("action","keep_selected_delete_rest",n.size),handler:(0,ea.f)(i,t,el.ff,el.oq),disabled:0===n.size||n.size===o}))},[i,t,n,o,l]),m=(0,a.useMemo)(function(){var e=ed((0,es.E0)(t)),i=(0,eo.Z)({menuItems:[{key:"create_shared_link",action:"handleCreateTempSharedAlbumInGridView"},{key:"add_to_album",action:"handleAddToAlbumInGridView"},{key:"download",action:"handleDownloadInGridView"},{key:"divider"},s?{key:"add_to_favorite",action:"handleAddToFavoriteInGridView"}:{key:"remove_from_favorite",action:"handleRemoveFromFavoriteInGridView"},{key:"edit_general_tag",action:"handleEditGeneralTagInGridView"},{key:"edit_rating",action:"handleEditRatingInGridView"},{key:"edit_date_time",action:"handleEditDateTimeInGridView"},{key:"regenerate_preview",action:"handleRegeneratePreviewInGridView"},{key:"divider"},{key:"delete",action:"handleDeleteInGridView"}],actionCreatorMap:e,downloadInfo:{selectedCount:n.size,selectType:r,selectedMap:n}});return a.createElement(er.Z,{key:"new_button",menu:i,className:"synofoto-similar-grid-view-toolbar-more-button",iconCls:"more-btn-icon",title:(0,b.n6)("action","more"),menuListStyle:{maxWidth:"none"},dataTestId:"grid-view-toolbar-more-button",disabled:0===n.size})},[n,r,t,s]);return a.createElement("div",{className:"synofoto-similar-grid-view-toolbar"},d,m)};ec.propTypes={library:o().string.isRequired};var em=i(47524),eu=i(94057),ef=i(28851),eg=i(85672),ep=i(94101),ev=(0,d.Z)(function(e,t,i){(0,ea.f)(i,t,eg.F8,eg.ER)(e)},200),eh=function(e){var t=e.hidden,i=e.library,r=e.openGridViewHandler,o=e.setIsScrollBarDragging,l=(0,c.I0)(),d=(0,c.v9)(O.Z.getSimilarItemCount),u=(0,c.v9)(O.Z.getSimilarItems),f=(0,c.v9)(O.Z.getTopPick),g=(0,c.v9)(O.Z.getCurrentPick),p=(0,n._)((0,a.useState)(u.findIndex(function(e){return e.get("id")===g})),2),h=p[0],I=p[1],_=(0,a.useRef)(null);(0,a.useEffect)(function(){_.current&&_.current.scrollIntoViewStart()},[f]),(0,a.useEffect)(function(){I(u.findIndex(function(e){return e.get("id")===g}))},[g,u]);var w=(0,a.useCallback)(function(e,t){I(t),(0,ea.f)(l,i,eg.F8,eg.ER)(e)},[l,i]),E=(0,a.useCallback)(function(e){var t=u.getIn([e,"id"]);I(e),ev(t,i,l)},[u,i,l]),y=s()("synofoto-similar-item-gallery-container",{hidden:t});return a.createElement("div",{className:y,"data-testid":"synofoto-similar-item-gallery"},a.createElement(en.Z,{className:"synofoto-similar-item-gallery-open-grid-button",iconCls:"grid-icon",text:"".concat(d),handler:function(){var e,t;r(),e=document.body.appendChild(document.createElement("div")),t=em.Z.getStore(),new Promise(function(n){var r={handleClose:function(){n({action:"close"})},getItemSelector:O.Z.getSimilarItems,getRowsSelector:O.Z.getSimilarRows,title:(0,b.n6)("app","similar_grid_view_dialog_title"),description:(0,b.n6)("app","similar_grid_view_dialog_description"),headerRightTextBtnProp:{text:(0,b.n6)("action","unstack_all"),handler:function(){var e=(0,ef.Z)();(0,ea.f)(e,i,el.sc,el.Uv)()}},toolbar:a.createElement(ec,{library:i}),ItemElem:z,closeOnEmptyItem:!0};x.render(a.createElement(c.zt,{store:t},a.createElement(ei,r)),e)}).then(function(e){return e}).catch(function(e){throw e}).finally(function(){(0,eu.P)(e)}),l((0,ep.q)(m.Cm.CLICK_GRID_VIEW))},title:(0,b.n6)("action","open_similar_grid_view"),tipId:m.ZP.GLOBAL_TOOLTIP_ID,dataTestId:"open-similar-grid-view-button"}),a.createElement(S.Z,{iconCls:"similar-previous-btn-icon",handler:function(){return E(h-1)},disabled:0===h,dataTestId:"similar-previous-btn"}),a.createElement(v,{className:"synofoto-similar-item-gallery-scrollbar",setIsScrollBarDragging:o},a.createElement("div",{className:"synofoto-similar-item-gallery"},u.map(function(e,t){var i=e.get("id");return a.createElement(M,{key:"similar_item_".concat(i),item:e,isCurrentPick:t===h,isTopPick:i===f,onClick:function(){return w(i,t)},ref:i===f?_:null})}))),a.createElement(S.Z,{iconCls:"similar-next-btn-icon",handler:function(){return E(h+1)},disabled:h===u.size-1,dataTestId:"similar-next-btn"}))};eh.propTypes={library:o().string.isRequired,hidden:o().bool,openGridViewHandler:o().func,setIsScrollBarDragging:o().func},eh.defaultProps={hidden:!1,openGridViewHandler:function(){},setIsScrollBarDragging:function(){}};var eI=eh}}]);