{"version":3,"file":"ProfilePopover-fb3b44d3.js","sources":["../../../app/javascript/components/profile/ProfileFollower.vue","../../../app/javascript/components/profile/ProfilePopover.vue"],"sourcesContent":["<template>\n  <auth-gate :notice=\"authGateMessage\">\n    <div v-if=\"profile['is_current_user']\">\n      <a :href=\"profileSettingsPath\" :class='styles'>Edit Profile</a>\n    </div>\n    <div v-else>\n      <button v-if='isFollowing' @click.stop=\"unfollowProfile\" :class='styles'>\n        <span class=\"group-hover:hidden\">Following</span>\n        <span class=\"hidden group-hover:block px-0.5\">Unfollow</span>\n      </button>\n      <button v-else @click.stop=\"followProfile\" :class='styles'>\n        Follow\n      </button>\n    </div>\n  </auth-gate>\n</template>\n\n<script>\nimport { post } from '@rails/request.js'\n\nexport default {\n  props: {\n    profile: {\n      type: Object,\n      required: true\n    },\n    followPath: {\n      type: String,\n      default(props) {\n        return `/${props.profile.handle}/follow`\n      }\n    },\n    unfollowPath: {\n      type: String,\n      default(props) {\n        return `/${props.profile.handle}/unfollow`\n      }\n    },\n    classes: String\n  },\n\n  data() {\n    return {\n      profileSettingsPath: '/settings/profile',\n      isFollowing: this.profile['is_following'],\n      authGateMessage: 'You must be logged to follow a profile.'\n    }\n  },\n\n  computed: {\n    styles() {\n      return {\n        \"group w-full inline-flex justify-center items-center font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500\": true,\n        \"border border-purple-700 hover:border-purple-700 bg-transparent hover:bg-gray-50 text-purple-700 hover:text-purple-900\": !this.isFollowing || this.profile['is_current_user'],\n        \"bg-purple-700 hover:bg-purple-800 text-white hover:text-gray-100\": this.isFollowing && !this.profile['is_current_user'],\n        [this.classes]: this.classes,\n        \"px-3 py-1 text-xs rounded-full\": !this.classes\n      }\n    }\n  },\n\n  methods: {\n    async followProfile() {\n      const { response } = await post(this.followPath, { responseKind: 'json' })\n      if (response.ok) {\n        const result = await response.json()\n        console.debug('followProfile response', result)\n        this.isFollowing = result['is_following']\n        this.$store.commit('pushNotification', '<div>👋🏿 Successfully followed!</div>')\n      }\n    },\n    async unfollowProfile() {\n      const { response } = await post(this.unfollowPath, { responseKind: 'json' })\n      if (response.ok) {\n        const result = await response.json()\n        console.debug('unfollowProfile response', result)\n        this.isFollowing = result['is_following']\n        this.$store.commit('pushNotification', '<div>👍🏿 Successfully unfollowed.</div>')\n      }\n    }\n  }\n}\n</script>","<template>\n  <tippy delay=\"500\">\n    <slot></slot>\n\n    <template v-slot:content>\n      <div\n        style=\"min-width: 18.5rem\"\n        class=\"p-5 bg-white border border-gray-200 shadow-lg rounded-md space-y-2\"\n      >\n        <div class=\"w-full flex justify-between items-center space-x-2\">\n          <div>\n            <a :href=\"profile['path']\" target=\"_blank\">\n              <avatar-viewer :url=\"profile['avatar_url']\"\n                             :classes='\"rounded-full h-16 w-16\"'></avatar-viewer>\n            </a>\n          </div>\n          <div>\n            <profile-follower :profile='profile' classes='px-5 py-2 text-lg rounded-md'></profile-follower>\n          </div>\n        </div>\n        <div>\n          <a :href=\"profile['path']\" target=\"_blank\">\n            <div class=\"flex items-center space-x-1\">\n              <div class=\"text-lg font-medium text-black\">\n                {{ profile['user_name'] }}\n              </div>\n              <div v-if=\"profile['verified']\">\n                <svg\n                  class=\"text-blue-600 h-5 w-5\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"currentColor\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    fill-rule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clip-rule=\"evenodd\"\n                  />\n                </svg>\n              </div>\n            </div>\n          </a>\n          <a :href=\"profile['path']\" target=\"_blank\">\n            <div class=\"text-sm text-gray-700\">\n              {{ profile['display_name'] }}\n            </div>\n          </a>\n        </div>\n        <div class=\"w-full grid grid-cols-12 gap-1\">\n          <div class=\"col-span-6 flex items-center space-x-1\">\n            <div class=\"text-base text-black font-medium\">\n              {{ profile['followers_count'] }}\n            </div>\n            <div class=\"text-base text-gray-700 font-normal\">Followers</div>\n          </div>\n          <div class=\"col-span-6 flex items-center space-x-1\">\n            <div class=\"text-base text-black font-medium\">\n              {{ profile['following_count'] }}\n            </div>\n            <div class=\"text-base text-gray-700 font-normal\">Following</div>\n          </div>\n        </div>\n        <div v-if=\"profile['bio']\" class=\"py-1.5\">\n          <div class=\"border-t border-gray-200\"></div>\n        </div>\n        <div v-if=\"profile['bio']\">\n          <div class=\"text-sm text-gray-700 line-clamp-2\">\n            {{ profile['bio'] }}\n          </div>\n        </div>\n      </div>\n    </template>\n  </tippy>\n</template>\n\n<script>\nimport ProfileFollower from \"./ProfileFollower.vue\"\n\nexport default {\n  components: { ProfileFollower },\n\n  props: {\n    profile: {\n      type: Object,\n      required: true\n    }\n  },\n}\n</script>"],"names":["_sfc_main","props","response","post","result","_hoisted_4","_createElementVNode","_hoisted_5","_createBlock","_component_auth_gate","$data","$props","_createElementBlock","_hoisted_1","$options","_hoisted_2","_hoisted_3","args","ProfileFollower","_hoisted_6","_hoisted_8","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_23","_component_tippy","_createVNode","_component_avatar_viewer","_component_profile_follower","_toDisplayString","_hoisted_7","_hoisted_9","_openBlock","_hoisted_19","_hoisted_21","_hoisted_22","_renderSlot","_ctx"],"mappings":"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"}