{"version":3,"mappings":"8kCA6BMA,EAAwBC,EAAqB,UAAM,OAAO,qCAA4C,+cAAC,EAgCvG,CAAEC,qBAAoBC,0BAAyBC,oBAAmB,EAAIC,EAAYC,GAA2B,EAC7G,CAAEC,cAAaC,qBAAoB,EAAIH,EAAYI,GAA+B,EAClF,CAAEC,eAAcC,WAAU,EAAIN,EAAYO,GAA4B,EACtE,CAAEC,UAASC,WAAUC,gBAAe,EAAIV,EAAYW,GAAiB,EACrE,CAAEC,gCAA+B,EAAIZ,EAAYa,GAAoB,EACrE,CAAEC,aAAY,EAAId,EAAYe,GAA4B,EAG1DC,EAAsBC,IACtBC,EAAQD,EAAI,EAAE,EAEdE,EAAmBC,EAAS,IAE9BtB,EAAwBuB,QAAUC,EAAMC,KAAKC,KAC7CzB,EAAmBsB,QAAUC,EAAMC,KAAKC,KACxCrB,EAAoBkB,QAAUC,EAAMC,KAAKE,IACzCb,EAA+BS,QAAUC,EAAMC,KAAKC,GAEvD,EAEKE,EAAoBN,EAAS,IAE/BO,EAAOC,KACPlB,EAAeW,OACf,CAAC,CAACxB,EAAmBwB,OACrBQ,OAAOP,EAAMC,KAAKE,EAAE,IAAMI,OAAOhC,EAAmBwB,KAAK,CAE5D,EAEKS,EAA0BV,EAAS,IAAM,SACtC,OAAC,GAACN,IAAYO,QAAZP,QAAmBW,KAAMH,EAAMC,KAAKQ,cAAcjB,IAAYO,QAAZP,cAAmBW,GAChF,CAAC,EAEKO,EAA0BZ,EAAS,IAChCf,EAAagB,OAAUS,EAAwBT,OAASf,EAAUe,KAC1E,EAEKY,EAAgBb,EAAS,IAAM,CAC7B,MAAAc,EAAaZ,EAAMC,KAAKW,WAC9B,MAAO,CAAC,CAACA,GAAcC,EAAMD,CAAU,CACzC,CAAC,EAEKE,EAAWhB,EAAS,IAEtB,CAAC,CAACjB,EAAoBkB,OACtBlB,EAAoBkB,QAAUC,EAAMC,KAAKE,IACzCH,EAAMC,KAAKE,IAAM,MACjB,CAACY,EAAaf,EAAMC,KAAKE,GAAItB,EAAoBkB,KAAK,CAEzD,EAEKiB,EAA4BlB,EAAS,IAClCgB,EAASf,KACjB,EAEKkB,EAAUnB,EAAS,KAAO,CAC9B,eAAgB,GAChBoB,KAAM,GACN,cAAe,GACf,cAAe/B,EAASY,MACxB,aAAc,CAACZ,EAASY,MACxB,cAAeF,EAAiBE,MAChCoB,QAAStB,EAAiBE,OAASK,EAAkBL,MACrD,gBAAiBW,EAAwBX,MACzC,YAAaS,EAAwBT,MACrC,kBAAmBY,EAAcZ,MACjC,cAAeb,EAAQa,MACvB,oBAAqBC,EAAMoB,mBAC3B,qBAAsBpB,EAAMqB,OAC5B,IAGIN,EAAeA,CAACO,EAAiBC,IAEnC3C,EAAYmB,MAAMyB,OAAQC,GAErBA,EAAEC,eAAiBJ,GAAWG,EAAEE,aAAeJ,GAC/CE,EAAEC,eAAiBH,GAAWE,EAAEE,aAAeL,CAEnD,EAAEM,OAAS,EAIVC,EAAiBC,GAA4B,CACjDlC,EAAMG,MAAQ+B,EACEC,KAGZA,EAAkBA,IAAY,CAClC,MAAMD,EAAYlC,EAAMG,MACpBlB,EAAoBkB,OAAS,MAAQC,EAAMC,KAAKE,IAAM,MAC1BrB,EAAA,EAAEkD,mBAAmB,CAAEC,kBAAmBjC,EAAMC,KAAKE,GAAIP,MAAOkC,GAAa,EAAG,CAAC","names":["PostConnectionOverlay","defineAsyncComponent","postUnderActionCid","postBeingTransferredCid","postBeingCopiedCid","storeToRefs","useSurfacePostActionStore","connections","postToConnectFromId","useSurfacePostConnectionStore","canIModerate","canIWrite","useSurfacePermissionsStore","xAuthor","isStream","canPostMessage","useSurfaceStore","postWithLocationBeingEditedCid","useSurfaceMapStore","currentUser","useSurfaceCurrentUserStore","connectorLabelInput","ref","label","isBeingActedUpon","computed","value","props","post","cid","id","isAppActingOnPost","device","app","String","wasWrittenByCurrentUser","author_id","isEditableByCurrentUser","hasAttachment","attachment","isUrl","xConnect","areConnected","xConnectAndShowNewOverlay","classes","wish","pulsate","putAttachmentOnTop","xShadow","post1Id","post2Id","filter","c","from_wish_id","to_wish_id","length","handleConnect","labelText","selectToConnect","completeConnection","postToConnectToId"],"sources":["../../../app/javascript/vuecomponents/surface_post.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * This component wraps SurfacePostBeingShowed\n * SurfacePostBeingShowed should have the logic and vuex actions that related to the post\n * and interactions on the post itself:\n * - modify content of the post (including reactions, comments, moderation)\n * - change the toggle status of panels and dropdowns\n * This component should only have the logic and vuex actions that related to post appearance\n * and the interactions between posts:\n * - decide classes and styles\n * - modify size/position of post\n * - modify connections for freeform format\n */\nimport device from '@@/bits/device'\nimport { __ } from '@@/bits/intl'\nimport { isUrl } from '@@/bits/url'\nimport { defineAsyncComponent } from '@@/bits/vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceCurrentUserStore } from '@@/pinia/surface_current_user'\nimport { useSurfaceMapStore } from '@@/pinia/surface_map'\nimport { useSurfacePermissionsStore } from '@@/pinia/surface_permissions'\nimport { useSurfacePostActionStore } from '@@/pinia/surface_post_action'\nimport { useSurfacePostConnectionStore } from '@@/pinia/surface_post_connection'\nimport type { Id, Post } from '@@/types'\nimport SurfaceLazy from '@@/vuecomponents/SurfaceLazy.vue'\nimport SurfacePostBeingShowed from '@@/vuecomponents/SurfacePostBeingShowed.vue'\nimport { storeToRefs } from 'pinia'\nimport { computed, ref } from 'vue'\n\nconst PostConnectionOverlay = defineAsyncComponent(() => import('@@/vuecomponents/PostConnectionOverlay.vue'))\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    post: Post\n    isLast?: boolean\n    putAttachmentOnTop?: boolean\n    xShadow?: boolean\n    postReactionIds?: Id[]\n    postCommentIds?: Id[]\n    lazyRender?: boolean\n    minPostHeight?: number\n    minPostWidth?: number\n  }>(),\n  {\n    isLast: false,\n    putAttachmentOnTop: false,\n    xShadow: true,\n    postReactionIds: () => [],\n    postCommentIds: () => [],\n    lazyRender: false,\n    minPostHeight: 0,\n    minPostWidth: 0,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'focus'): void\n}>()\n\n// Pinia stores\nconst { postUnderActionCid, postBeingTransferredCid, postBeingCopiedCid } = storeToRefs(useSurfacePostActionStore())\nconst { connections, postToConnectFromId } = storeToRefs(useSurfacePostConnectionStore())\nconst { canIModerate, canIWrite } = storeToRefs(useSurfacePermissionsStore())\nconst { xAuthor, isStream, canPostMessage } = storeToRefs(useSurfaceStore())\nconst { postWithLocationBeingEditedCid } = storeToRefs(useSurfaceMapStore())\nconst { currentUser } = storeToRefs(useSurfaceCurrentUserStore())\n\n// Local states\nconst connectorLabelInput = ref<HTMLInputElement>()\nconst label = ref('')\n\nconst isBeingActedUpon = computed(() => {\n  return (\n    postBeingTransferredCid.value === props.post.cid ||\n    postBeingCopiedCid.value === props.post.cid ||\n    postToConnectFromId.value === props.post.id ||\n    postWithLocationBeingEditedCid.value === props.post.cid\n  )\n})\n\nconst isAppActingOnPost = computed(() => {\n  return (\n    device.app &&\n    canPostMessage.value &&\n    !!postUnderActionCid.value &&\n    String(props.post.id) === String(postUnderActionCid.value)\n  )\n})\n\nconst wasWrittenByCurrentUser = computed(() => {\n  return !!currentUser.value?.id && props.post.author_id === currentUser.value?.id\n})\n\nconst isEditableByCurrentUser = computed(() => {\n  return canIModerate.value || (wasWrittenByCurrentUser.value && canIWrite.value)\n})\n\nconst hasAttachment = computed(() => {\n  const attachment = props.post.attachment\n  return !!attachment && isUrl(attachment)\n})\n\nconst xConnect = computed(() => {\n  return (\n    !!postToConnectFromId.value &&\n    postToConnectFromId.value !== props.post.id &&\n    props.post.id != null &&\n    !areConnected(props.post.id, postToConnectFromId.value)\n  )\n})\n\nconst xConnectAndShowNewOverlay = computed(() => {\n  return xConnect.value\n})\n\nconst classes = computed(() => ({\n  'surface-post': true,\n  wish: true,\n  'select-none': true,\n  'rounded-2xl': isStream.value,\n  'rounded-xl': !isStream.value,\n  'is-animated': isBeingActedUpon.value,\n  pulsate: isBeingActedUpon.value || isAppActingOnPost.value,\n  'wish-editable': isEditableByCurrentUser.value,\n  'wish-mine': wasWrittenByCurrentUser.value,\n  'with-attachment': hasAttachment.value,\n  'with-author': xAuthor.value,\n  'attachment-on-top': props.putAttachmentOnTop,\n  'shadow-elevation-1': props.xShadow,\n}))\n\n// Methods\nconst areConnected = (post1Id: number, post2Id: number): boolean => {\n  return (\n    connections.value.filter((c) => {\n      return (\n        (c.from_wish_id === post1Id && c.to_wish_id === post2Id) ||\n        (c.from_wish_id === post2Id && c.to_wish_id === post1Id)\n      )\n    }).length > 0\n  )\n}\n\nconst handleConnect = (labelText: string): void => {\n  label.value = labelText\n  selectToConnect()\n}\n\nconst selectToConnect = (): void => {\n  const labelText = label.value\n  if (postToConnectFromId.value != null && props.post.id != null) {\n    useSurfacePostConnectionStore().completeConnection({ postToConnectToId: props.post.id, label: labelText ?? '' })\n  }\n}\n</script>\n\n<template>\n  <SurfaceLazy\n    v-if=\"lazyRender\"\n    :id=\"'wish-' + (post.id || 'new')\"\n    :min-height=\"minPostHeight\"\n    :min-width=\"minPostWidth\"\n    :class=\"classes\"\n    :data-view-mode=\"'show'\"\n    :data-post-cid=\"post.cid\"\n    :data-pinned=\"String(!!post.pinned_at)\"\n    :data-rank=\"post.sort_index\"\n    :data-index=\"index + 1\"\n    :data-section-id=\"post.wall_section_id\"\n    :data-color=\"post.color\"\n  >\n    <SurfacePostBeingShowed v-bind=\"props\" @focus=\"emit('focus')\" />\n    <PostConnectionOverlay v-if=\"xConnectAndShowNewOverlay\" @connect=\"handleConnect\" />\n    <div v-else-if=\"xConnect\" class=\"wish-selection\">\n      <form @submit.prevent=\"selectToConnect\">\n        <input\n          ref=\"connectorLabelInput\"\n          :aria-label=\"__('Connector label')\"\n          maxlength=\"50\"\n          data-testid=\"postConnectionLabelInput\"\n          :placeholder=\"__('Label (optional)')\"\n        />\n        <button class=\"raised-button\" type=\"submit\" data-testid=\"postConnectButton\">{{ __('Connect') }}</button>\n      </form>\n    </div>\n  </SurfaceLazy>\n  <div\n    v-else\n    :id=\"'wish-' + (post.id || 'new')\"\n    :class=\"classes\"\n    :data-view-mode=\"'show'\"\n    :data-post-cid=\"post.cid\"\n    :data-pinned=\"String(!!post.pinned_at)\"\n    :data-rank=\"post.sort_index\"\n    :data-index=\"index + 1\"\n    :data-section-id=\"post.wall_section_id\"\n    :data-color=\"post.color\"\n  >\n    <SurfacePostBeingShowed v-bind=\"props\" @focus=\"emit('focus')\" />\n    <PostConnectionOverlay v-if=\"xConnectAndShowNewOverlay\" @connect=\"handleConnect\" />\n    <div v-else-if=\"xConnect\" class=\"wish-selection\">\n      <form @submit.prevent=\"selectToConnect\">\n        <input\n          ref=\"connectorLabelInput\"\n          :aria-label=\"__('Connector label')\"\n          maxlength=\"50\"\n          data-testid=\"postConnectionLabelInput\"\n          :placeholder=\"__('Label (optional)')\"\n        />\n        <button class=\"raised-button\" type=\"submit\" data-testid=\"postConnectButton\">{{ __('Connect') }}</button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.attachment-on-top {\n  .real-wish {\n    display: flex;\n    flex-direction: column;\n\n    .surface-post-attachment {\n      order: -1;\n      flex-shrink: 0;\n    }\n    .surface-post-author {\n      order: -2;\n      flex-shrink: 0;\n    }\n    .words {\n      flex-grow: 1;\n    }\n  }\n}\n\n.attachment-on-top.with-attachment {\n  .real-wish {\n    .author + .words {\n      padding-top: 12px;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.full-height {\n  height: 100%;\n}\n\n// need this so dragging on fire won't leave a weird trail: https://www.loom.com/share/e5f2cd1ea25d4021b7d2c20559e1318d\n// looks like it's caused by rotating the container without rotating the child so the child is rendered in a weird way\n// => rotate the first child slightly so it will be rendered together with the container\n.wish.ui-sortable-helper {\n  .firefox & {\n    & > :first-child {\n      transform: rotate(0.1deg);\n    }\n  }\n}\n</style>\n"],"file":"assets/surface_post-1a520b7a.js"}