{"version":3,"sources":["webpack:///./src/views/Finished.vue","webpack:///./src/views/Finished.vue?3a86","webpack:///./src/views/Finished.vue?3fc3","webpack:///./src/components/BookRow.vue","webpack:///./src/components/BookRow.vue?0b1b","webpack:///./src/components/BookRow.vue?d3db","webpack:///./src/components/ListItemList.vue","webpack:///./src/machines/listMachine.ts","webpack:///./src/components/ListItemList.vue?6f83","webpack:///./src/components/ListItemList.vue?cb3b","webpack:///./src/components/BookRow.vue?f9ee","webpack:///./src/views/Finished.vue?9411","webpack:///./src/components/ListItemList.vue?bbdf"],"names":["filter","welcome","to","explore","setup","item","Boolean","finishDate","components","ListItemList","render","__scopeId","class","data-testid","isLoading","aria-label","template","variant","style","rows","animated","book","id","src","coverImageUrl","alt","title","author","synopsis","substring","buttonsRef","buttons","bookState","props","bookRef","type","Object","required","useActor","state","value","context","matches","TooltipStatus","filtteredBookRefs","length","key","listMachine","dataMachine","withConfig","services","performRequest","actions","onDone","result","ctx","event","data","map","bookMachine","Function","useMachine","listState","sendList","send","some","bookRefs","ref","listItem","BookRow"],"mappings":"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","file":"js/finished.c4bf2d26.js","sourcesContent":["<template>\n  <div>\n    <ListItemList :filter=\"filter\">\n      <template v-slot:welcome>\n        <span>\n          Hey there! This is where books will go when you've finished reading\n          them. Get started by heading over to\n          <router-link to=\"/discover\">the Discover page</router-link> to add\n          books to your list.\n        </span>\n      </template>\n\n      <template v-slot:explore>\n        <span>\n          Looks like you've got some reading to do! Check them out in your\n          <router-link to=\"/list\">reading books</router-link> or\n          <router-link to=\"/discover\">discover more</router-link>\n        </span>\n      </template>\n    </ListItemList>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport ListItemList from \"@/components/ListItemList.vue\";\nimport { item } from \"@/types\";\nexport default defineComponent({\n  setup() {\n    function filter(item: item) {\n      return Boolean(item.finishDate);\n    }\n\n    return { filter };\n  },\n  components: {\n    ListItemList,\n  },\n});\n</script>\n\n<style scoped>\n.books {\n  list-style-type: none;\n}\n</style>\n","\nimport { defineComponent } from \"vue\";\nimport ListItemList from \"@/components/ListItemList.vue\";\nimport { item } from \"@/types\";\nexport default defineComponent({\n  setup() {\n    function filter(item: item) {\n      return Boolean(item.finishDate);\n    }\n\n    return { filter };\n  },\n  components: {\n    ListItemList,\n  },\n});\n","import { render } from \"./Finished.vue?vue&type=template&id=bd13424a&scoped=true\"\nimport script from \"./Finished.vue?vue&type=script&lang=ts\"\nexport * from \"./Finished.vue?vue&type=script&lang=ts\"\n\nimport \"./Finished.vue?vue&type=style&index=0&id=bd13424a&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-bd13424a\"\n\nexport default script","<template>\n  <section class=\"book\" data-testid=\"book-row\">\n    <el-skeleton v-if=\"isLoading\" aria-label=\"loading\">\n      <template #template>\n        <div class=\"book__wrapper\">\n          <el-skeleton-item\n            variant=\"image\"\n            class=\"book__cover\"\n            style=\"height: 210px\"\n          />\n          <el-skeleton :rows=\"5\" animated />\n        </div>\n      </template>\n    </el-skeleton>\n    <router-link :to=\"`/books/${book.id}`\" class=\"book__link\" v-else>\n      <div class=\"book__wrapper\">\n        <img\n          :src=\"book.coverImageUrl\"\n          :alt=\"`${book.title} cover`\"\n          class=\"book__cover\"\n        />\n        <div class=\"book__info\">\n          <h3 class=\"book__title\">{{ book.title }}</h3>\n          <span class=\"book__author\">{{ book.author }}</span>\n          <p class=\"book__synopsis\">{{ book.synopsis.substring(0, 500) }}...</p>\n        </div>\n      </div>\n    </router-link>\n    <TooltipStatus :buttonsRef=\"buttons\" :bookState=\"bookState\" />\n  </section>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType } from \"vue\";\nimport TooltipStatus from \"@/components/TooltipStatus.vue\";\nimport { useActor } from \"@xstate/vue\";\nimport type { BookMachineActor } from \"@/machines/bookMachine\";\n\nexport default defineComponent({\n  props: {\n    bookRef: {\n      type: Object as PropType<BookMachineActor>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { state: bookState } = useActor(props.bookRef);\n    const book = computed(() => bookState.value.context?.book);\n    const buttons = computed(() => bookState.value.context?.buttons);\n    const isLoading = computed(() => bookState.value.matches(\"loadBook\"));\n\n    return { book, bookState, buttons, isLoading };\n  },\n  components: {\n    TooltipStatus,\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.book {\n  position: relative;\n  margin-top: 1rem;\n  width: 45rem;\n  display: flex;\n  height: 17.25rem;\n  &__wrapper {\n    display: flex;\n    align-items: flex-start;\n    column-gap: 1rem;\n    padding: 1rem;\n    padding-right: 2rem;\n    border: white solid 0.1em;\n  }\n  &__cover {\n    width: 140px;\n  }\n  &__info {\n    display: grid;\n    grid-template-columns: 4fr 2fr;\n  }\n  &__author {\n    align-self: center;\n  }\n  &__synopsis {\n    grid-row: 2 / 3;\n    grid-column: 1 / 3;\n    text-align: left;\n  }\n  &__link {\n    color: white;\n  }\n}\n</style>\n","\nimport { computed, defineComponent, PropType } from \"vue\";\nimport TooltipStatus from \"@/components/TooltipStatus.vue\";\nimport { useActor } from \"@xstate/vue\";\nimport type { BookMachineActor } from \"@/machines/bookMachine\";\n\nexport default defineComponent({\n  props: {\n    bookRef: {\n      type: Object as PropType<BookMachineActor>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { state: bookState } = useActor(props.bookRef);\n    const book = computed(() => bookState.value.context?.book);\n    const buttons = computed(() => bookState.value.context?.buttons);\n    const isLoading = computed(() => bookState.value.matches(\"loadBook\"));\n\n    return { book, bookState, buttons, isLoading };\n  },\n  components: {\n    TooltipStatus,\n  },\n});\n","import { render } from \"./BookRow.vue?vue&type=template&id=217616cd&scoped=true\"\nimport script from \"./BookRow.vue?vue&type=script&lang=ts\"\nexport * from \"./BookRow.vue?vue&type=script&lang=ts\"\n\nimport \"./BookRow.vue?vue&type=style&index=0&id=217616cd&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-217616cd\"\n\nexport default script","<template>\n  <div v-if=\"!isLoading\">\n    <p v-if=\"filtteredBookRefs.length === 0\">\n      <slot name=\"welcome\" />\n    </p>\n    <p v-else-if=\"filtteredBookRefs.length !== 0\">\n      <slot name=\"explore\" />\n    </p>\n\n    <ul class=\"books\">\n      <li v-for=\"bookRef in filtteredBookRefs\" :key=\"bookRef.id\">\n        <pre></pre>\n        <BookRow :bookRef=\"bookRef\" />\n      </li>\n    </ul>\n  </div>\n  <el-skeleton style=\"margin-left: 40px\" v-if=\"isLoading\" aria-label=\"loading\">\n    <template #template>\n      <div\n        class=\"book__wrapper\"\n        style=\"display: flex; gap: 1rem; width: 650px; margin-bottom: 3rem\"\n      >\n        <el-skeleton-item\n          variant=\"image\"\n          class=\"book__cover\"\n          style=\"height: 210px; width: 200px\"\n        />\n        <el-skeleton :rows=\"5\" animated />\n      </div>\n      <div\n        class=\"book__wrapper\"\n        style=\"display: flex; gap: 1rem; width: 650px; margin-bottom: 1rem\"\n      >\n        <el-skeleton-item\n          variant=\"image\"\n          class=\"book__cover\"\n          style=\"height: 210px; width: 200px\"\n        />\n        <el-skeleton :rows=\"5\" animated />\n      </div>\n    </template>\n  </el-skeleton>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType } from \"vue\";\nimport type { item } from \"@/types\";\nimport BookRow from \"@/components/BookRow.vue\";\nimport { listMachine } from \"@/machines/listMachine\";\nimport { useMachine } from \"@xstate/vue\";\n\nexport default defineComponent({\n  props: {\n    filter: {\n      type: Function as PropType<(i: item) => boolean>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { state: listState, send: sendList } = useMachine(listMachine);\n    sendList({ type: \"CLICK\" });\n    const isLoading = computed(() =>\n      ([\"loading\", \"idle\"] as [\"loading\", \"idle\"]).some(listState.value.matches)\n    );\n    const bookRefs = computed(() => listState.value.context.result);\n\n    const filtteredBookRefs = computed(() =>\n      bookRefs.value.filter((ref) => props.filter(ref.state.context.listItem))\n    );\n\n    return { filtteredBookRefs, bookRefs, isLoading };\n  },\n  components: {\n    BookRow,\n  },\n});\n</script>\n\n<style scoped>\n.books {\n  list-style-type: none;\n}\n</style>\n","/* eslint-disable @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\nimport { dataMachine } from \"./dataMachine\";\nimport { assign, spawn } from \"xstate\";\nimport { performListItems } from \"@/utils/listItems\";\nimport { bookMachine } from \"./bookMachine\";\nimport type { item } from \"@/types\";\n\nexport const listMachine = dataMachine.withConfig({\n  services: {\n    performRequest() {\n      return performListItems();\n    },\n  },\n  actions: {\n    onDone: assign({\n      result: (ctx, event: any) => {\n        return event.data.map((item: item) =>\n          spawn(bookMachine({ book: item.book, item }))\n        );\n      },\n    }),\n  },\n});\n","\nimport { computed, defineComponent, PropType } from \"vue\";\nimport type { item } from \"@/types\";\nimport BookRow from \"@/components/BookRow.vue\";\nimport { listMachine } from \"@/machines/listMachine\";\nimport { useMachine } from \"@xstate/vue\";\n\nexport default defineComponent({\n  props: {\n    filter: {\n      type: Function as PropType<(i: item) => boolean>,\n      required: true,\n    },\n  },\n  setup(props) {\n    const { state: listState, send: sendList } = useMachine(listMachine);\n    sendList({ type: \"CLICK\" });\n    const isLoading = computed(() =>\n      ([\"loading\", \"idle\"] as [\"loading\", \"idle\"]).some(listState.value.matches)\n    );\n    const bookRefs = computed(() => listState.value.context.result);\n\n    const filtteredBookRefs = computed(() =>\n      bookRefs.value.filter((ref) => props.filter(ref.state.context.listItem))\n    );\n\n    return { filtteredBookRefs, bookRefs, isLoading };\n  },\n  components: {\n    BookRow,\n  },\n});\n","import { render } from \"./ListItemList.vue?vue&type=template&id=5fe1f89f&scoped=true\"\nimport script from \"./ListItemList.vue?vue&type=script&lang=ts\"\nexport * from \"./ListItemList.vue?vue&type=script&lang=ts\"\n\nimport \"./ListItemList.vue?vue&type=style&index=0&id=5fe1f89f&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-5fe1f89f\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./BookRow.vue?vue&type=style&index=0&id=217616cd&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Finished.vue?vue&type=style&index=0&id=bd13424a&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ListItemList.vue?vue&type=style&index=0&id=5fe1f89f&scoped=true&lang=css\""],"sourceRoot":""}