{"version":3,"sources":["webpack:///./src/components/GroupPage/GroupRightSideBar.vue?2217","webpack:///./src/components/GroupPage/GroupRightSideBar.vue?baed","webpack:///src/components/GroupPage/GroupRightSideBar.vue","webpack:///./src/components/GroupPage/GroupRightSideBar.vue?4856","webpack:///./src/components/GroupPage/GroupRightSideBar.vue","webpack:///./src/common/utils/cloudinaryUtils.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_e","staticRenderFns","component","addHeightWidthToUrl","urlFrag","height","width","sizeFormattedImageUrl","url","result","imageUploadString","length","includes","urlFrags","split","stringUpdated","sizeFormattedImageUrlWithFaceFocused","sanitizeVideoUrl","replace"],"mappings":"kHAAA,yBAAgkB,EAAG,G,kECAnkB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAAEJ,EAAa,UAAEI,EAAG,mBAAmB,CAACE,YAAY,aAAaC,MAAM,CAAC,yBAAwB,KAASP,EAAIQ,KAAKJ,EAAG,0BAA0B,CAACE,YAAY,eAAgBN,EAAY,SAAEI,EAAG,kBAAkB,CAACE,YAAY,8BAA8BN,EAAIQ,MAAM,IAC5WC,EAAkB,G,+uBCgBtB,OACE,KAAF,oBACE,WAAF,CACI,sBAAJ,OACI,gBAAJ,OACI,gBAAJ,QAEE,QAPF,WAOI,IAAJ,OACI,KAAJ,mBAAM,OACN,8DACQ,EAAR,qBAIE,KAdF,WAeI,MAAJ,CACM,WAAN,EACM,uBAAN,SAGE,QAAF,CACI,aADJ,SACA,GACM,KAAN,cAGE,SAAF,KACA,gBACI,YAAJ,wCACI,cAAJ,0CACI,qBAAJ,iDAJA,CAMI,SANJ,WAMM,IAAN,OACM,OACN,2BACA,gCACA,4CAAQ,OAAR,gDAGI,UAbJ,WAcM,OAAN,gCAEI,eAhBJ,WAiBM,OAAN,8EC3D0W,I,wBCQtWC,EAAY,eACd,EACAX,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CClBf,0GAAMC,EAAsB,SAACC,EAASC,EAAQC,GAK1C,OAJID,IAAQD,EAAU,GAAH,OAAMA,EAAN,aAAkBC,IACjCC,IAAUD,EAAQD,EAAU,GAAH,OAAMA,EAAN,aAAkBE,GACtCA,IAAOF,EAAU,GAAH,OAAMA,EAAN,cAAmBE,IAC1CF,EAAU,GAAH,OAAMA,EAAN,KACAA,GAGEG,EAAwB,SAACC,EAAKH,EAAQC,GAC/C,IAAIG,EAASD,EACPE,EAAoB,iBAC1B,GAAIF,GAAOA,EAAIG,QAAUH,EAAII,SAASF,GAAoB,CACtD,IAAMG,EAAWL,EAAIM,MAAMJ,GAC3B,GAAwB,IAApBG,EAASF,OAAc,CACvB,IAAII,EAAgB,UAAqBL,EAArBL,GAAUC,EAAV,6BACpBS,EAAgBZ,EAAoBY,EAAeV,EAAQC,GAC3DG,EAAS,GAAH,OAAMI,EAAS,IAAf,OAAoBE,GAApB,OAAoCF,EAAS,KAG3D,OAAOJ,GAGEO,EAAuC,SAACR,EAAKH,EAAQC,GAC9D,IAAIG,EAASD,EACPE,EAAoB,iBAC1B,GAAIF,GAAOA,EAAIG,QAAUH,EAAII,SAASF,GAAoB,CACtD,IAAMG,EAAWL,EAAIM,MAAMJ,GAC3B,GAAwB,IAApBG,EAASF,OAAc,CACvB,IAAII,EAAgBV,GAAUC,EAAV,UAAqBI,EAArB,0BAAiEA,EACrFK,EAAgBZ,EAAoBY,EAAeV,EAAQC,GAC3DG,EAAS,GAAH,OAAMI,EAAS,IAAf,OAAoBE,GAApB,OAAoCF,EAAS,KAG3D,OAAOJ,GAGEQ,EAAmB,SAACT,GAC7B,OAAOA,EAAII,SAAS,iBAAmBJ,EAAIU,QAAQ,gBAAiB,iBAAmBV","file":"js/chunk-e251ffea.088e9a3e.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupRightSideBar.vue?vue&type=style&index=0&id=7ab5786c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupRightSideBar.vue?vue&type=style&index=0&id=7ab5786c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-flex',[(_vm.isVisible)?_c('related-networks',{staticClass:\"panelBlock\",attrs:{\"can-view-sub-networks\":false}}):_vm._e(),_c('community-officers-list',{staticClass:\"panelBlock\"}),(_vm.isMember)?_c('RequestNewGroup',{staticClass:\"panelBlock text-xs-center\"}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-flex>\r\n        <related-networks v-if=\"isVisible\" class=\"panelBlock\" :can-view-sub-networks=\"false\"> </related-networks>\r\n        <community-officers-list class=\"panelBlock\"></community-officers-list>\r\n        <RequestNewGroup v-if=\"isMember\" class=\"panelBlock text-xs-center\"></RequestNewGroup>\r\n    </v-flex>\r\n</template>\r\n\r\n<script>\r\nimport { storeGetters } from '@/store/storeGetters.constant';\r\nimport { upcomingEventsConstant } from '@/components/ChapterPage/communityCommon.constant';\r\nimport CommunityOfficersList from '../CommunityOfficersList/CommunityOfficersList';\r\nimport RequestNewGroup from '@/components/GroupPage/RequestNewGroup';\r\nimport { mapGetters } from 'vuex';\r\n\r\nimport RelatedNetworks from '../NetworkPage/RelatedNetworks.vue';\r\n\r\nexport default {\r\n    name: 'GroupRightSidebar',\r\n    components: {\r\n        CommunityOfficersList,\r\n        RelatedNetworks,\r\n        RequestNewGroup,\r\n    },\r\n    created() {\r\n        this.$watch(() =>\r\n            this.$store.getters[storeGetters.communityIdPromise].then((c) => {\r\n                this.hasEvents = !!c;\r\n            }),\r\n        );\r\n    },\r\n    data() {\r\n        return {\r\n            hasEvents: false,\r\n            upcomingEventsConstant,\r\n        };\r\n    },\r\n    methods: {\r\n        checkForData(value) {\r\n            this.hasEvents = value;\r\n        },\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            ypoNetworks: `network/${[storeGetters.ypoNetworks]}`,\r\n            communityInfo: `chapter/${[storeGetters.communityInfo]}`,\r\n            usersCommunitiesList: `chapter/${storeGetters.usersCommunitiesList}`,\r\n        }),\r\n        isMember() {\r\n            return (\r\n                this.usersCommunitiesList &&\r\n                this.$route.params.communityId &&\r\n                this.usersCommunitiesList.some((u) => u.communityId === this.$route.params.communityId)\r\n            );\r\n        },\r\n        isVisible() {\r\n            return this.$route.params.communityId;\r\n        },\r\n        isPrivateGroup() {\r\n            return this.communityInfo && this.communityInfo.category.toLowerCase() === 'private';\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../common/styles/_colors.scss';\r\n\r\n.time_block {\r\n    margin: 20px 10px 10px 10px;\r\n    padding: 10px 5px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 1px 3px 0 rgba($black, 0.18);\r\n    border: 1px solid rgba($ypo-gray, 0.4);\r\n\r\n    .date {\r\n        color: $ypo-dark-background-gray;\r\n        line-height: 12px;\r\n        padding-left: 5px;\r\n\r\n        span {\r\n            font-size: 12px;\r\n            display: block;\r\n            font-weight: 600;\r\n            line-height: normal;\r\n        }\r\n\r\n        strong {\r\n            color: $ypo_blue;\r\n            font-family: 'Noto Sans';\r\n            font-size: 28px;\r\n            display: block;\r\n            line-height: normal;\r\n            padding: 4px 0;\r\n            font-weight: 400;\r\n        }\r\n\r\n        small {\r\n            color: $ypo-dark-background-gray;\r\n            font-size: 10px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n\r\n    .desc {\r\n        color: $ypo_blue;\r\n        font-family: 'Noto Sans';\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        letter-spacing: -0.15px;\r\n        line-height: 17px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .v-avatar {\r\n        border: 1px solid $ypo-medium-gray;\r\n    }\r\n\r\n    .member__deatils {\r\n        span {\r\n            color: $ypo-dark-background-gray;\r\n            font-size: 12px;\r\n            letter-spacing: -0.15px;\r\n            line-height: 15px;\r\n            padding-left: 5px;\r\n        }\r\n\r\n        .v-btn {\r\n            width: auto;\r\n            height: auto;\r\n            color: $ypo-dark-background-gray;\r\n            font-size: 12px;\r\n            letter-spacing: 0.4px;\r\n            line-height: 16px;\r\n            text-align: right;\r\n\r\n            &:hover {\r\n                &:before {\r\n                    background-color: transparent;\r\n                }\r\n\r\n                &:active {\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n\r\n            &:focus {\r\n                background-color: transparent;\r\n            }\r\n        }\r\n    }\r\n\r\n    .action-btns {\r\n        border-top: 1px solid $ypo-medium-gray;\r\n        margin-top: 10px;\r\n        padding-top: 5px;\r\n        text-align: center;\r\n\r\n        .v-btn {\r\n            padding: 0;\r\n            text-transform: capitalize;\r\n            min-width: auto;\r\n            background: transparent !important;\r\n            box-shadow: none !important;\r\n            height: auto;\r\n            color: $ypo-dark-background-gray;\r\n            font-size: 12px;\r\n            margin: 0;\r\n\r\n            &.active {\r\n                color: $ypo-green;\r\n\r\n                i {\r\n                    color: $ypo-green;\r\n                    margin-top: 0;\r\n                    font-size: 14px;\r\n                    margin-right: 3px;\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                &:before {\r\n                    background-color: transparent;\r\n                }\r\n\r\n                &:active {\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n\r\n            &:focus {\r\n                background-color: transparent;\r\n            }\r\n        }\r\n\r\n        i {\r\n            font-size: 20px;\r\n            color: $ypo-cta;\r\n            margin-top: 5px;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}\r\n\r\n.rec_events {\r\n    .v-card {\r\n        margin: 10px;\r\n        border: 1px solid rgba($ypo-gray, 0.2);\r\n        border-radius: 4px;\r\n        background-color: rgba($ypo-gray, 0.1);\r\n        box-shadow: none;\r\n        min-height: 230px;\r\n        font-size: 12px;\r\n\r\n        span {\r\n            color: $ypo-blue;\r\n        }\r\n\r\n        .headline {\r\n            color: white;\r\n            position: relative;\r\n            font-size: 16px !important;\r\n            left: 10px;\r\n            top: 5px;\r\n        }\r\n    }\r\n\r\n    .image-overlay {\r\n        &:before {\r\n            background: linear-gradient(0deg, rgba($black, 0) 0%, $black 100%);\r\n            content: '';\r\n            width: 100%;\r\n            height: 100%;\r\n            left: 0;\r\n            top: 0;\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    .fill-height {\r\n        padding: 0;\r\n\r\n        .v-icon {\r\n            font-size: 14px;\r\n            color: $white;\r\n            position: absolute;\r\n            right: 5px;\r\n            top: 5px;\r\n            cursor: pointer;\r\n            opacity: 0.3;\r\n        }\r\n    }\r\n\r\n    .v-card__title {\r\n        min-height: 100px;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupRightSideBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupRightSideBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupRightSideBar.vue?vue&type=template&id=7ab5786c&scoped=true&\"\nimport script from \"./GroupRightSideBar.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupRightSideBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupRightSideBar.vue?vue&type=style&index=0&id=7ab5786c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ab5786c\",\n  null\n  \n)\n\nexport default component.exports","\r\nconst addHeightWidthToUrl = (urlFrag, height, width) => {\r\n    if (height) urlFrag = `${urlFrag}h_${height}`;\r\n    if (width && !height) urlFrag = `${urlFrag}w_${width}`;\r\n    else if (width) urlFrag = `${urlFrag},w_${width}`;\r\n    urlFrag = `${urlFrag}/`;\r\n    return urlFrag;\r\n};\r\n\r\nexport const sizeFormattedImageUrl = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fit,` : `${imageUploadString}c_limit,`;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sizeFormattedImageUrlWithFaceFocused = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fill,g_face,` : imageUploadString;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sanitizeVideoUrl = (url) => {\r\n    return url.includes('/image/upload') ? url.replace(\"/image/upload\", \"/video/upload\") : url;\r\n};\r\n"],"sourceRoot":""}