{"version":3,"file":"BlockButton-CEx9p5e5.js","sources":["../../../app/javascript/icons/solid/ban.svg","../../../app/javascript/icons/solid/arrows-rotate.svg","../../../app/javascript/queries/user_blocks/getBlock.ts","../../../app/javascript/queries/user_blocks/createBlock.ts","../../../app/javascript/queries/user_blocks/deleteBlock.ts","../../../app/javascript/components/users/BlockButton.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgBan = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 512 512\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M367.2 412.5 99.5 144.8A190.4 190.4 0 0 0 64 256c0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5m45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0\" }));\nexport default SvgBan;\n","import * as React from \"react\";\nconst SvgArrowsRotate = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 512 512\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8 62.5-62.5 163.8-62.5 226.3 0l17.1 17.2H336c-17.7 0-32 14.3-32 32s14.3 32 32 32h127.9c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2l-17.5-17.6c-87.5-87.5-229.3-87.5-316.8 0-24.4 24.4-42 53.1-52.8 83.8-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2-4 4-6.7 8.8-8.1 14-.3 1.2-.6 2.5-.8 3.8-.3 1.7-.4 3.4-.4 5.1V448c0 17.7 14.3 32 32 32s32-14.3 32-32v-51.1l17.6 17.5c87.5 87.4 229.3 87.4 316.7 0a223.4 223.4 0 0 0 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8-62.5 62.5-163.8 62.5-226.3 0l-.1-.1-17.1-17.1H176c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4q-2.4 0-4.8.3c-2.4.3-3.1.5-4.6 1\" }));\nexport default SvgArrowsRotate;\n","import { gql } from \"graphql-tag\";\n\nexport const findBlock = gql`\n query FindBlock($userId: Int!, $blockedUserId: Int!) {\n userBlocks: user_blocks(\n where: {\n user_id: { _eq: $userId }\n blocked_user_id: { _eq: $blockedUserId }\n }\n ) {\n ...UserBlockFragment\n }\n }\n`;\n","import { gql } from \"graphql-tag\";\n\nexport const insertBlock = gql`\n mutation CreateBan($blockedUserId: Int!) {\n blockResponse: insert_block(blocked_user_id: $blockedUserId) {\n error\n userBlock: user_block {\n ...UserBlockFragment\n }\n }\n }\n`;\n","import { gql } from \"graphql-tag\";\n\nexport const deleteBlock = gql`\n mutation DestroyUserBlock($id: bigint!) {\n delete_user_blocks_by_pk(id: $id) {\n id\n }\n }\n`;\n","import { useEffect, useState } from \"react\";\nimport { useMutation, useLazyQuery } from \"lib/apollo/client\";\nimport Icon from \"hardcover-ui/components/Icon\";\nimport faBan from \"icons/solid/ban.svg\";\nimport faRefresh from \"icons/solid/arrows-rotate.svg\";\nimport Button from \"hardcover-ui/components/Button\";\nimport { toast } from \"sonner\";\nimport { findBlock } from \"queries/user_blocks/getBlock\";\nimport { insertBlock } from \"queries/user_blocks/createBlock\";\nimport { deleteBlock } from \"queries/user_blocks/deleteBlock\";\nimport UserBlockType from \"types/UserBlockType\";\nimport useCurrentUserId from \"hooks/user/useCurrentUserId\";\n\nexport interface Props {\n userId: number;\n block?: UserBlockType;\n}\n\nexport default function BlockButton({ userId, block }: Props) {\n const currentUserId = useCurrentUserId();\n const [currentBlock, setCurrentBlock] = useState(\n block || null\n );\n const [getBlock, { loading: loadingBlock }] = useLazyQuery(findBlock, {\n onCompleted: (result) => {\n if (result?.userBlocks?.length > 0) {\n setCurrentBlock(result.userBlocks[0]);\n }\n },\n });\n const [createBan, { loading: createLoading }] = useMutation(insertBlock, {\n onCompleted: (result) => {\n setCurrentBlock(result.blockResponse.userBlock);\n },\n onError: () => {\n toast.error(\n \"There was a problem blocking this user. Can you refresh and try again?\"\n );\n },\n });\n const [destroyBan, { loading: deleteLoading }] = useMutation(deleteBlock, {\n onCompleted: () => {\n setCurrentBlock(null);\n },\n onError: () => {\n toast.error(\n \"There was a problem unblocking this user. Can you refresh and try again?\"\n );\n },\n });\n useEffect(() => {\n if (!block) {\n getBlock({\n variables: {\n userId: currentUserId,\n blockedUserId: userId,\n },\n });\n }\n }, []);\n\n const toggleBan = () => {\n if (currentBlock) {\n destroyBan({\n variables: {\n id: currentBlock.id,\n },\n });\n } else {\n createBan({\n variables: {\n blockedUserId: userId,\n },\n });\n }\n };\n\n if (loadingBlock) {\n return <>;\n }\n\n return (\n \n );\n}\n"],"names":["SvgBan","props","React.createElement","SvgArrowsRotate","findBlock","gql","insertBlock","deleteBlock","BlockButton","userId","block","currentUserId","useCurrentUserId","currentBlock","setCurrentBlock","useState","getBlock","loadingBlock","useLazyQuery","result","_a","createBan","createLoading","useMutation","toast","destroyBan","deleteLoading","useEffect","toggleBan","jsx","Fragment","Button","Icon","faBan","faRefresh"],"mappings":"uTACA,MAAMA,EAAUC,GAA0BC,EAAmB,cAAC,MAAO,CAAE,MAAO,6BAA8B,QAAS,cAAe,GAAGD,CAAO,EAAkBC,gBAAoB,OAAQ,CAAE,EAAG,2OAA2O,CAAE,CAAC,ECAzaC,EAAmBF,GAA0BC,EAAmB,cAAC,MAAO,CAAE,MAAO,6BAA8B,QAAS,cAAe,GAAGD,CAAO,EAAkBC,gBAAoB,OAAQ,CAAE,EAAG,6sBAA6sB,CAAE,CAAC,ECC74BE,EAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAZC,EAAcD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAdE,EAAcF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECgB3B,SAAwBG,EAAY,CAAE,OAAAC,EAAQ,MAAAC,GAAgB,CAC5D,MAAMC,EAAgBC,IAChB,CAACC,EAAcC,CAAe,EAAIC,EAAA,SACtCL,GAAS,IAAA,EAEL,CAACM,EAAU,CAAE,QAASC,EAAc,EAAIC,EAAad,EAAW,CACpE,YAAce,GAAW,SACnBC,EAAAD,GAAA,YAAAA,EAAQ,aAAR,YAAAC,EAAoB,QAAS,GACfN,EAAAK,EAAO,WAAW,CAAC,CAAC,CAExC,CAAA,CACD,EACK,CAACE,EAAW,CAAE,QAASC,EAAe,EAAIC,EAAYjB,EAAa,CACvE,YAAca,GAAW,CACPL,EAAAK,EAAO,cAAc,SAAS,CAChD,EACA,QAAS,IAAM,CACPK,EAAA,MACJ,wEAAA,CAEJ,CAAA,CACD,EACK,CAACC,EAAY,CAAE,QAASC,EAAe,EAAIH,EAAYhB,EAAa,CACxE,YAAa,IAAM,CACjBO,EAAgB,IAAI,CACtB,EACA,QAAS,IAAM,CACPU,EAAA,MACJ,0EAAA,CAEJ,CAAA,CACD,EACDG,EAAAA,UAAU,IAAM,CACTjB,GACMM,EAAA,CACP,UAAW,CACT,OAAQL,EACR,cAAeF,CACjB,CAAA,CACD,CAEL,EAAG,CAAE,CAAA,EAEL,MAAMmB,EAAY,IAAM,CAClBf,EACSY,EAAA,CACT,UAAW,CACT,GAAIZ,EAAa,EACnB,CAAA,CACD,EAESQ,EAAA,CACR,UAAW,CACT,cAAeZ,CACjB,CAAA,CACD,CACH,EAGF,OAAIQ,EACOY,EAAA,IAAAC,WAAA,CAAA,CAAA,SAIRC,EAAO,CAAA,QAAQ,QAAQ,KAAK,KAAK,QAASH,EACzC,SAAA,CAAAC,EAAA,IAACG,EAAK,CAAA,KAAMC,EAAO,KAAK,KAAK,EAC5BpB,EAAe,UAAY,SAC1Ba,GAAiBJ,IAAkBO,EAAAA,IAACG,GAAK,KAAME,EAAW,KAAK,KAAK,CACxE,CAAA,CAAA,CAEJ"}