{"version":3,"file":"CommentForm-1cd0501b.js","sources":["../../../app/javascript/components/CommentForm.vue"],"sourcesContent":["<template>\n<!--  <auth-gate notice='You must be logged in to reply to a comment.'>-->\n    <div :class='{\n            \"flex space-x-2.5\": true,\n            \"px-4 mt-5\": !isReply\n          }'>\n      <div class=\"flex-shrink-0\">\n        <avatar-viewer :url='commenterAvatarUrl' :classes='avatarClasses'></avatar-viewer>\n      </div>\n      <div class=\"flex-1\">\n        <text-editor @submit=\"postComment\"\n                     :field-name='\"content\"'\n                     :placeholder='isReply ? \"Reply to comment\" : \"Leave a comment\"'>\n        </text-editor>\n      </div>\n    </div>\n<!--  </auth-gate>-->\n</template>\n\n<script>\nimport { post } from '@rails/request.js'\nimport { useStore } from 'vuex'\n\nexport default {\n  props: {\n    commenterAvatarUrl: String,\n    commentsUrl: String,\n    commentableDigest: String,\n    nestingLevel: Number,\n    parentId: Number\n  },\n\n  emits: ['postComment'],\n\n  computed: {\n    avatarClasses() {\n      return \"rounded-full inline-block bg-gray-100 h-8 w-8\"\n    }\n  },\n\n  setup(props, context) {\n    const { nestingLevel, parentId, commentsUrl, commentableDigest } = props\n    const isReply = nestingLevel > 0\n    const store = useStore()\n\n    const postComment = async (commentText) => {\n      const requestPayload = {\n        comment: {\n          digest: commentableDigest,\n          content: commentText,\n        }\n      }\n      if (isReply) {\n        requestPayload['comment']['parent_id'] = parentId\n      }\n      const { response } = await post(commentsUrl, {\n        responseKind: 'json',\n        body: { ...requestPayload }\n      })\n      if (response.ok) {\n        const { comment } = await response.json()\n        context.emit('postComment', comment)\n        store.commit('pushNotification', '<div>🗣 Comment created!</div>')\n      } else {\n        console.error('Something went wrong', response)\n      }\n    }\n\n    return { isReply, postComment }\n  }\n}\n</script>"],"names":["_sfc_main","props","context","nestingLevel","parentId","commentsUrl","commentableDigest","isReply","store","useStore","commentText","requestPayload","response","post","comment","_hoisted_1","_hoisted_2","_createElementBlock","_normalizeClass","$setup","_createElementVNode","_createVNode","_component_avatar_viewer","$props","$options","_component_text_editor"],"mappings":"2JAuBA,MAAKA,EAAU,CACb,MAAO,CACL,mBAAoB,OACpB,YAAa,OACb,kBAAmB,OACnB,aAAc,OACd,SAAU,MACX,EAED,MAAO,CAAC,aAAa,EAErB,SAAU,CACR,eAAgB,CACd,MAAO,+CACT,CACD,EAED,MAAMC,EAAOC,EAAS,CACpB,KAAM,CAAE,aAAAC,EAAc,SAAAC,EAAU,YAAAC,EAAa,kBAAAC,CAAoB,EAAEL,EAC7DM,EAAUJ,EAAe,EACzBK,EAAQC,EAAS,EAyBvB,MAAO,CAAE,QAAAF,EAAS,YAvBE,MAAOG,GAAgB,CACzC,MAAMC,EAAiB,CACrB,QAAS,CACP,OAAQL,EACR,QAASI,CACX,CACF,EACIH,IACFI,EAAe,QAAW,UAAeP,GAE3C,KAAM,CAAE,SAAAQ,CAAO,EAAM,MAAMC,EAAKR,EAAa,CAC3C,aAAc,OACd,KAAM,CAAE,GAAGM,CAAe,EAC3B,EACD,GAAIC,EAAS,GAAI,CACf,KAAM,CAAE,QAAAE,CAAQ,EAAI,MAAMF,EAAS,KAAK,EACxCV,EAAQ,KAAK,cAAeY,CAAO,EACnCN,EAAM,OAAO,mBAAoB,gCAAgC,OAEjE,QAAQ,MAAM,uBAAwBI,CAAQ,CAElD,CAE8B,CAChC,CACF,EAhEWG,EAAA,CAAA,MAAM,eAAe,EAGrBC,EAAA,CAAA,MAAM,QAAQ,mFAPrBC,EAaM,MAAA,CAbA,MAAKC,EAAA,oCAAoEC,EAAO,YAIpFC,EAEM,MAFNL,EAEM,CADJM,EAAkFC,EAAA,CAAlE,IAAKC,EAAkB,mBAAG,QAASC,EAAa,2CAElEJ,EAKM,MALNJ,EAKM,CAJJK,EAGcI,EAAA,CAHA,SAAQN,EAAW,YACnB,aAAY,UACZ,YAAaA,EAAO,QAAA,mBAAA"}