https://www.mychinaroots.com/static/js/1866.f5d755bf.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2031c712-9389-4a83-80e4-6dc3b008e08f",e._sentryDebugIdIdentifier="sentry-dbid-2031c712-9389-4a83-80e4-6dc3b008e08f")}catch(e){}}(),(self["webpackChunkorq_web"]=self["webpackChunkorq_web"]||[]).push([[1866],{4857:function(e,t,i){i.d(t,{A:function(){return h}});var s=function(){var e=this,t=e._self._c;return t("div",{staticClass:"breadcrumbs-view"},e._l(e.steps,function(i,s){return t("span",{staticClass:"step"},[i.route?t("router-link",{staticClass:"link-underlined",attrs:{to:i.route}},[e._v(e._s(i.label))]):t("span",[e._v(e._s(i.label))]),s!==e.steps.length-1?t(e.separatorComponent,{tag:"component",attrs:{size:16}}):e._e()],1)}),0)},o=[],r=i(26861),a=i(32822),n={props:{steps:Array,separator:{type:String,default:"arrow"}},computed:{separatorComponent(){const e={arrow:r.A,slash:a.A};return e[this.separator]||r.A}},components:{ChevronRight:r.A,SlashIcon:a.A}},l=n,c=i(81656),d=(0,c.A)(l,s,o,!1,null,"60f825de",null),h=d.exports},28210:function(e,t,i){i.d(t,{A:function(){return H}});var s=function(){var e=this,t=e._self._c;return t("images-gallery-overlay-container",{ref:"container",staticClass:"library-gallery-overlay-container",attrs:{"allow-touch":!e.isModalShown,"is-mode-area-selection":e.isOcrSelectionMode},on:{"area-selected":e.onAreaSelected,"area-selection-cancelled":e.cancelOcrSelection,"click-close":e.cropCancel,"hide-image":e.hideDetails,"display-item-changed":e.displayItemChanged,"image-loaded":e.onImageLoad,"highlight-area-click":e.onHighlightAreaClick},scopedSlots:e._u([{key:"absolute-actions",fn:function(i){return[t("div",{staticClass:"mobile-title"},[t("div",{staticClass:"heading-6 text-md-mobile main-title"},[e._v(e._s(i.item.mainTitle))]),t("div",{staticClass:"photo-count text-sm-mobile"},[e._v(e._s(i.currentIndex+1)+" of "+e._s(i.itemsCount)+" files")])])]}},{key:"image-port-actions",fn:function(){return[t("extract-text-prompt",{attrs:{shown:e.isOcrSelectionMode,disabled:e.isOcrConfirmDisabled},on:{dismiss:e.toggleExtractText,confirm:e.onExtractTextConfirm}})]},proxy:!0},{key:"info-bar",fn:function(i){return[t("div",{staticClass:"info-bar-content"},[t("div",{staticClass:"heading-6 main-title"},[e._v(e._s(i.item.mainTitle))]),t("p",{staticClass:"photo-count text-sm-mobile"},[e._v(e._s(i.currentIndex+1)+" of "+e._s(i.itemsCount)+" files")]),e.isOcrSelectionMode?t("div",{staticClass:"info-bar-actions"},[t("mcr-button",{staticClass:"white small",on:{click:e.toggleExtractText}},[t("ocr-icon",{attrs:{size:24}}),t("span",[e._v("Done Extracting")])],1)],1):e.areDetailsShown?t("div",{staticClass:"info-bar-actions"},[e.isFileImage(i.item)?t("mcr-button",{staticClass:"white small square",on:{click:function(t){return e.toggleExtractText(i.item)}}},[t("ocr-icon",{attrs:{size:24}}),t("span",[e._v("Extract Text")])],1):e._e(),e.isEditAllowed?t("mcr-button",{staticClass:"white small square desktop-only",on:{click:function(t){return e.openMobileDetails(i.item,"edit")}}},[e.isEditAllowed?t("edit-icon",{attrs:{size:22}}):e._e(),e.isEditAllowed?t("span",[e._v("Edit")]):e._e()],1):e._e(),t("mcr-button",{staticClass:"white small square mobile-only",on:{click:function(t){return e.openMobileDetails(i.item,"view")}}},[t("info-icon",{attrs:{size:22}}),t("span",{staticClass:"se-hidden"},[e._v("Details")])],1),e.currentItem&&e.isValidImage(i.item)?t("asset-download-button",{attrs:{href:e.currentItem.attachment,filename:e.currentItem.filename}}):e._e(),e.canMakeProfilePicture(i.item)||e.canRemovePicture(i.item)?t("dropdown-button",{attrs:{placement:"bottom-end"},scopedSlots:e._u([{key:"control",fn:function(){return[t("mcr-button",{staticClass:"control-button white small square"},[t("dots-vertical-icon",{attrs:{size:24}})],1)]},proxy:!0},{key:"actions",fn:function(){return[e.canMakeProfilePicture(i.item)?t("div",{staticClass:"sub-action text-md",on:{click:function(t){return e.makeProfilePictureClick(i.item)}}},[t("account-box-multiple-outline-icon"),t("span",[e._v("Set as Profile Picture")])],1):e._e(

1),e.canRemovePicture(i.item)?t("div",{staticClass:"sub-action text-md",on:{click:function(t){return e.removePictureClick(i.item)}}},[t("delete-icon",{attrs:{size:24}}),t("span",[e._v("Delete")])],1):e._e()]},proxy:!0}],null,!0)}):e._e()],1):e._e(),e.isDetailsBlockShown&&e.currentItem?t("asset-details-block",{attrs:{"is-edit-allowed":e.isEditAllowed,"is-user-owner":e.isUserOwner,"asset-details":e.currentItem,"is-asset-image":e.isFileImage(i.item)},on:{"edit-asset":function(t){return e.openMobileDetails(i.item,"edit")},"add-highlight":e.openAddHighlightModal,"edit-highlight":e.openEditHighlightModal,"highlight-hover-start":e.onHighlightHoverStart,"highlight-hover-end":e.onHighlightHoverEnd}}):e._e()],1)]}},{key:"modals",fn:function(i){return[t("modal",{staticClass:"mobile_bottom",attrs:{name:e.profilePictureDeleteModalName,classes:"clear_modal white_modal"},on:{opened:e.setModalOpened,closed:e.setModalClosed}},[t("delete-confirm-modal-content",{attrs:{"modal-name":e.profilePictureDeleteModalName,loading:e.familyTreePersonDeleteAssetLoadingState},on:{confirm:function(t){return e.deleteAsset(i.item)}}},[t("h5",[e._v("Are you sure you want to delete this photo?")])])],1)]}}])})},o=[],r=i(48873),a=i(77984),n=i(97887),l=i(42106),c=i(57940),d=i(98800),h=i(34789),m=i(37173),u=i(41589),p=i(55950),g=i(89027),f=i(44956),_=i(57317),C=i(95353),I=i(18169),v=i(4017),b=i(17471),A=i(72980),y=i(61539),w=i(72884),S=i(3868),k=i(27439),D={props:{showDeleteAction:{type:Boolean,default:!0}},data(){return{cropModalRef:"crop-modal",profilePictureDeleteModalName:"profile-picture-delete-modal",areDetailsHidden:!1,isOcrSelectionMode:!1,isOcrConfirmDisabled:!0,isModalShown:!1}},computed:{...(0,C.L8)(["galleryDisplayItemState","familyTreePersonProfilePictureLoadingState","familyTreePersonDeleteAssetLoadingState","familyTreeAssetDetailsLoadingState","familyTreeAssetDetailsByIdState","windowWidthState"]),currentItem(){return this.familyTreeAssetDetailsByIdState[this.galleryDisplayItemState.object_id]},profilePictureCropModalName(){return"profile-picture-crop-modal"},isEditAllowed(){return!!this.currentItem&&(this.currentItem.is_owner||this.currentItem.is_editor)},isUserOwner(){return this.currentItem&&this.currentItem.is_owner},personId(){return this.galleryDisplayItemState.personId},isDesktop(){return this.windowWidthState>=this.$breakpoints.desktop},areDetailsShown(){return!this.areDetailsHidden&&this.currentItem},isDetailsBlockShown(){return!this.areDetailsHidden&&this.currentItem&&!this.isOcrSelectionMode}},methods:{canMakeProfilePicture(e){return this.isValidImage(e)&&(0,l.u)(e.filename)&&this.isEditAllowed&&this.personId},isFileImage(e){return this.isValidImage(e)&&(0,l.u)(e.filename)},canRemovePicture(e){return this.isValidImage(e)&&this.isEditAllowed&&this.showDeleteAction},isValidImage(e){return!e.error&&!e.uploading},makeProfilePictureClick(e){if(!this.personId)return;const t={personId:this.personId,src:e.src,assetId:e.object_id},i={name:this.profilePictureCropModalName,class:"profile-picture-crop-modal over-gallery-overlay",classes:"clear_modal white_modal",height:"auto",scrollable:!0},s={opened:this.setModalOpened,closed:this.onCropClosed};this.$modal.show(k.A,t,i,s)},removePictureClick(e){this.$modal.show(this.profilePictureDeleteModalName)},onCropClosed(){this.$store.commit("mutateProfileCropImageUrl",{url:null}),this.setModalClosed()},cropCancel(){this.$modal.hide(this.profilePictureCropModalName)},setModalOpened(){this.isModalShown=!0},setModalClosed(){this.isModalShown=!1},deleteAsset(e){e.object_id&&this.personId&&this.$store.dispatch("deletePersonAssetAction",{assetId:e.object_id,personId:this.personId}).then(()=>{this.$modal.hide(this.profilePictureDeleteModalName)})},async getAssetDetails(e){this.currentItem&&this.currentItem.object_id===e||await this.$store.dispatch("getAssetDetailsAction",{assetId:e}),this.$store.commit("mutateGalleryItemState",{_id:e,...this.currentItem})},openMobileDetails(e,t){const i={isEditAllowed:this.isEditAllowed,isUserOwner:this.isUserOwner,initialMode:t,assetId:e.object_id,addHighlightHandler:this.openAddHighlightModal,editHighlightHandler:this.openEditHighlightModal,highlightHoverStartHandler:this.onHighlightHoverStart,highlightHoverEndHandler:this.onHighlightHoverEnd},s={classes:"clear_modal white_modal",class:"mobile_bottom over-gallery-overlay",name:"asset-edit",height:"auto",scrollable:!0};this.$modal.show(A.A,i,s)},hideDetails(){this.areDetailsHidden=!0},displayItemChanged(e){this.areDetailsHidden=!1,this.isOcrSelectionMode=!1,this.cropCancel(),e.object_id&&this.getAssetDetails(e.object_id)},onImageLoad(){if(this.$store.getters.galleryHasNextItemState){const e=this.$store.getters.galleryItemsState[this.$store.getters.galleryCurrentIndexState+1].src;(0,h.uv)([e])}},onAreaSelected(e){this.isOcrConfirmDisabled=!1},cancelOcrSelection(){this.isOcrSelectionMode=!1,this.isOcrConfirmDisabled=!0},toggleExtractText(e){if(this.isOcrSelectionMode||c.A.trackClickSelectToOcrEvent((0,d.getRoutePageName)(this.$route)),!this.isDesktop&&!this.isOcrSelectionMode){const t={src:e.src};return void this.$modal.show(w.A,t,{height:"auto",scrollable:!0,classes:"clear_modal white_modal",class:"over-gallery-overlay",name:"ocr"})}this.isOcrSelectionMode=!this.isOcrSelectionMode,this.isOcrConfirmDisabled=!0},onExtractTextConfirm(e){this.$refs.container&&this.$refs.container.$refs.gallery&&this.$refs.container.$refs.gallery.confirmOcrSelection(e)},openAddHighlightModal({person:e}){(0,v.un)(e,this.currentItem.attachment,this.currentItem.persons,this.currentItem.fam

1ily_tree_id,this.currentItem.object_id,this)},openEditHighlightModal(e){(0,v.DW)(e.object_id,this.currentItem.attachment,e.bounding_box,e.description,e.person,this.currentItem.persons,this.currentItem.highlights,this.currentItem.family_tree_id,this.currentItem.object_id,this)},onHighlightAreaClick({highlight:e}){this.openEditHighlightModal(e)},onHighlightHoverStart(e){(0,v.GL)(this,e)},onHighlightHoverEnd(){(0,v.ll)(this)}},components:{DropdownButton:r.A,AccountBoxMultipleOutlineIcon:m.A,DeleteIcon:u.A,OcrIcon:_.A,EditIcon:f.A,DeleteConfirmModalContent:I.A,AssetDetailsBlock:b.A,AssetDownloadButton:y.A,DotsVerticalIcon:p.A,ExtractTextPrompt:S.A,imagesGalleryOverlayContainer:n.A,McrButton:a.A,InfoIcon:g.A}},P=D,M=i(81656),x=(0,M.A)(P,s,o,!1,null,"e744ea32",null),H=x.exports},41076:function(e,t,i){i.d(t,{A:function(){return C}});var s=function(){var e=this,t=e._self._c;return t("div",{staticClass:"person-profile-picture-crop with-sticky-buttons"},[t("close-button",{on:{click:e.cancelClick}}),t("div",{staticClass:"content"},[t("div",{staticClass:"heading-5"},[e._v("Drag and zoom to crop this picture.")]),t("actions-helper"),e.loading||e.imgLoading?t("div",{staticClass:"loading-container"},[t("mcr-loading-indicator",{attrs:{loading:!0}})],1):e._e(),t("div",{staticClass:"cropper-wrapper",class:{loaded:!e.loading&&!e.imgLoading}},[t("cropper",{ref:"cropper",staticClass:"cropper",attrs:{src:e.initialImageSrc,"min-width":120,"stencil-props":{aspectRatio:1},canvas:{height:512,width:512}},on:{change:e.onChange,ready:e.onImageLoaded}})],1)],1),t("div",{staticClass:"action-buttons"},[t("mcr-button",{staticClass:"full-width",attrs:{loading:e.saveLoading},on:{click:e.okClick}},[e._v("Save")])],1)],1)},o=[],r=i(21774),a=i(77984),n=i(30967),l=function(){var e=this,t=e._self._c;return t("div",{staticClass:"family-tree-actions-helper"},[t("div",{staticClass:"action-helper"},[t("img",{attrs:{src:e.$getAsset("/assets/icons/mouse_interactions/left_click_drag.png"),alt:"Left click & drag"}}),t("span",[e._v("Pan")])]),t("div",{staticClass:"action-helper"},[t("img",{attrs:{src:e.$getAsset("/assets/icons/mouse_interactions/middle_mouse.png"),alt:"Mouse wheel"}}),t("span",[e._v("Zoom")])]),t("div",{staticClass:"action-helper quick-actions"},[t("img",{attrs:{src:e.$getAsset("/assets/icons/mouse_interactions/right_click.png"),alt:"Right click"}}),t("span",[e._v("Actions")])]),t("div",{staticClass:"action-helper quick-actions"},[t("img",{attrs:{src:e.$getAsset("/assets/icons/mouse_interactions/double_click_7.png"),alt:"Double click"}}),t("span",[e._v("Edit")])])])},c=[],d={name:"actionsHelper"},h=d,m=i(81656),u=(0,m.A)(h,l,c,!1,null,"2e9122ae",null),p=u.exports,g={props:{initialImageSrc:String,loading:Boolean,saveLoading:Boolean,onCrop:{type:Function,required:!1}},data(){return{croppa:{},imgLoading:!0,result:{coordinates:null,image:null}}},methods:{onChange({coordinates:e,image:t}){this.result={coordinates:e,image:t}},onImageLoaded(){this.imgLoading=!1},okClick(){const{canvas:e}=this.$refs.cropper.getResult();e&&e.toBlob(e=>{this.$emit("cropped",e),this.onCrop&&this.onCrop(e)})},cancelClick(){this.$emit("close")}},components:{McrButton:a.A,ActionsHelper:p,CloseButton:r.A,Cropper:n.IO},name:"personProfilePictureCrop"},f=g,_=(0,m.A)(f,s,o,!1,null,"0229d467",null),C=_.exports},27439:function(e,t,i){i.d(t,{A:function(){return m}});var s=function(){var e=this,t=e._self._c;return t("person-profile-picture-crop",{attrs:{"initial-image-src":e.initialImageSrc,loading:e.profileCropImageLoadingState,"save-loading":e.familyTreePersonProfilePictureLoadingState},on:{cropped:e.imageCropped,close:e.cropCancel}})},o=[],r=i(95353),a=i(41076);const n="profile-picture-crop-modal";var l={modalName:n,props:{personId:{type:[String,Number]},src:String,assetId:String},mounted(){this.src||this.$store.dispatch("getProfileCropImageUrl",{assetId:this.assetId}).then(e=>{this.initialImageSrc=e.url})},data(){return{initialImageSrc:this.src,modalName:n}},computed:{...(0,r.L8)(["profileCropImageLoadingState","profileCropImageUrlState","familyTreePersonProfilePictureLoadingState"])},methods:{cropCancel(){this.$emit("close")},imageCropped(e){const t={personId:this.personId,assetId:this.assetId,file:e};this.$store.dispatch("setFamilyTreePersonProfilePictureAction",t).then(()=>{this.$toasted.success("Profile picture updated!"),this.cropCancel()})}},components:{PersonProfilePictureCrop:a.A}},c=l,d=i(81656),h=(0,d.A)(c,s,o,!1,null,"aab58d72",null),m=h.exports}}]);
2//# sourceMappingURL=1866.f5d755bf.js.map