{"version":3,"sources":["webpack:///./src/views/client/notification.vue?712b","webpack:///src/views/client/notification.vue","webpack:///./src/views/client/notification.vue?2e77","webpack:///./src/views/client/notification.vue","webpack:///./src/components/molecule-notification.vue?67a6","webpack:///src/components/molecule-notification.vue","webpack:///./src/components/molecule-notification.vue?9fb3","webpack:///./src/components/molecule-notification.vue","webpack:///./src/constants/miliseconds.js","webpack:///./src/components/molecule-notification.vue?12cf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","components","MoleculeNotification","component","attrs","_v","staticClass","staticStyle","fetchPopupNotification","data","value","on","handleClickNotification","isOpenModal","modalNotification","image","text","buttonText","buttonLink","buttonClose","handleCloseSuccessModal","__sfc_main","onMounted","mutation","type","title","useNotification","handleReadNotification","useActions","loadNotifications","queryKey","queryFn","staleTime","notification","NotificationItem","ModalInfo","installChakraComponents","CBox","MILISECONDS_FOR","ONE_DAY","ONE_MINUTE"],"mappings":"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","file":"js/chunk-41ac7068.0cbd1d7e.js","sourcesContent":["var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('MoleculeNotification');\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <MoleculeNotification />\n</template>\n<script>\nimport MoleculeNotification from '@/components/molecule-notification.vue'\n\nexport default {\n  components: { MoleculeNotification },\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./notification.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./notification.vue?vue&type=template&id=1924f842&\"\nimport script from \"./notification.vue?vue&type=script&lang=js&\"\nexport * from \"./notification.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('c-box', {\n    attrs: {\n      \"background-color\": ['#F2F2F2', '#FFF'],\n      \"padding-bottom\": \"16px\",\n      \"width\": \"100%\"\n    }\n  }, [_c('c-box', {\n    attrs: {\n      \"position\": \"relative\",\n      \"mx\": \"auto\",\n      \"background-color\": ['#FFF', '#FFF'],\n      \"border\": \"1px solid #f2f2f2\",\n      \"box-shadow\": ['none', '2px 2px 10px rgba(0, 0, 0, 0.15)'],\n      \"border-radius\": ['0px', '16px'],\n      \"min-height\": ['calc(100vh - 62px)', '74vh'],\n      \"width\": \"100%\",\n      \"max-width\": \"1270px\"\n    }\n  }, [_c('c-box', {\n    attrs: {\n      \"px\": ['0px', '85px']\n    }\n  }, [_c('c-box', {\n    attrs: {\n      \"pt\": \"20px\",\n      \"pb\": \"10px\",\n      \"justify-content\": \"center\",\n      \"d\": ['none', 'flex']\n    }\n  }, [_c('c-box', {\n    attrs: {\n      \"font-size\": ['18px', '28px'],\n      \"font-weight\": \"bold\"\n    }\n  }, [_vm._v(\" Notifikasi \")])], 1), _c('c-box', {\n    attrs: {\n      \"as\": \"hr\",\n      \"w\": \"100%\",\n      \"border-top\": \"1px solid #0000001A\"\n    }\n  }), _c('NotificationItem', {\n    staticClass: \"icon-notif\",\n    staticStyle: {\n      \"max-width\": \"none\"\n    },\n    attrs: {\n      \"notifications\": _vm.fetchPopupNotification.data.value,\n      \"ellipsis\": false\n    },\n    on: {\n      \"onClick\": _vm.handleClickNotification\n    }\n  })], 1), _c('ModalInfo', {\n    attrs: {\n      \"for\": \"infoNotitifcation\",\n      \"close-on-overlay-click\": false,\n      \"is-open\": _vm.isOpenModal,\n      \"image\": _vm.modalNotification.image,\n      \"text\": _vm.modalNotification.text,\n      \"button-text\": _vm.modalNotification.buttonText,\n      \"button-link\": _vm.modalNotification.buttonLink,\n      \"with-button-close\": _vm.modalNotification.buttonClose\n    },\n    on: {\n      \"close\": _vm.handleCloseSuccessModal\n    }\n  })], 1)], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <c-box\n    :background-color=\"['#F2F2F2', '#FFF']\"\n    padding-bottom=\"16px\"\n    width=\"100%\"\n  >\n    <c-box\n      position=\"relative\"\n      mx=\"auto\"\n      :background-color=\"['#FFF', '#FFF']\"\n      border=\"1px solid #f2f2f2\"\n      :box-shadow=\"['none', '2px 2px 10px rgba(0, 0, 0, 0.15)']\"\n      :border-radius=\"['0px', '16px']\"\n      :min-height=\"['calc(100vh - 62px)', '74vh']\"\n      width=\"100%\"\n      max-width=\"1270px\"\n    >\n      <c-box :px=\"['0px', '85px']\">\n        <c-box\n          pt=\"20px\"\n          pb=\"10px\"\n          justify-content=\"center\"\n          :d=\"['none', 'flex']\"\n        >\n          <c-box\n            :font-size=\"['18px', '28px']\"\n            font-weight=\"bold\"\n          >\n            Notifikasi\n          </c-box>\n        </c-box>\n        <c-box\n          as=\"hr\"\n          w=\"100%\"\n          border-top=\"1px solid #0000001A\"\n        />\n        <NotificationItem\n          :notifications=\"fetchPopupNotification.data.value\"\n          style=\"max-width: none;\"\n          class=\"icon-notif\"\n          :ellipsis=\"false\"\n          @onClick=\"handleClickNotification\"\n        />\n      </c-box>\n\n      <ModalInfo\n        for=\"infoNotitifcation\"\n        :close-on-overlay-click=\"false\"\n        :is-open=\"isOpenModal\"\n        :image=\"modalNotification.image\"\n        :text=\"modalNotification.text\"\n        :button-text=\"modalNotification.buttonText\"\n        :button-link=\"modalNotification.buttonLink\"\n        :with-button-close=\"modalNotification.buttonClose\"\n        @close=\"handleCloseSuccessModal\"\n      />\n    </c-box>\n  </c-box>\n</template>\n\n<script >\nimport ModalInfo from '@/components/widgets/modal-info/index.vue';\nimport NotificationItem from '@/components/header/elements/notification-item.vue';\nimport { useActions, useMutations } from '@/stores';\nimport { MILISECONDS_FOR } from '@/constants/miliseconds';\nimport { useQuery } from '@tanstack/vue-query';\nimport { useNotification } from '@/components/header/composables/use-notification';\nimport { onMounted, ref, reactive } from '@vue/composition-api';\nconst __sfc_main = {};\n\n__sfc_main.setup = (__props, __ctx) => {\n  const mutation = useMutations('general', ['setHeaderConfig']);\n  onMounted(() => {\n    mutation.setHeaderConfig({\n      type: 'menu-only-back',\n      title: 'Notifikasi'\n    });\n  });\n  const {\n    handleReadNotification\n  } = useNotification();\n  const {\n    loadNotifications\n  } = useActions('clients', ['loadNotifications']);\n  const fetchPopupNotification = useQuery({\n    queryKey: ['useFetchPopupNotifications'],\n    queryFn: () => loadNotifications(),\n    staleTime: MILISECONDS_FOR.ONE_DAY\n  });\n  const isOpenModal = ref(false);\n  const modalNotification = reactive({\n    image: '',\n    text: '',\n    buttonText: '',\n    buttonLink: '',\n    buttonClose: false\n  });\n\n  const handleClickNotification = notification => {\n    if (notification?.popupId || notification?.popup?.id) {\n      modalNotification.image = notification?.popup?.object?.image;\n      modalNotification.text = notification?.popup?.object?.text;\n      modalNotification.buttonText = notification?.popup?.object?.buttonText;\n      modalNotification.buttonLink = notification?.popup?.object?.buttonLink;\n      modalNotification.buttonClose = notification?.popup?.object?.buttonClose ? true : false;\n      isOpenModal.value = true;\n    }\n\n    handleReadNotification(notification);\n  };\n\n  const handleCloseSuccessModal = () => {\n    isOpenModal.value = false;\n  };\n\n  return {\n    fetchPopupNotification,\n    isOpenModal,\n    modalNotification,\n    handleClickNotification,\n    handleCloseSuccessModal\n  };\n};\n\n__sfc_main.components = Object.assign({\n  NotificationItem,\n  ModalInfo\n}, __sfc_main.components);\nexport default __sfc_main;\n</script>\n\n<style scoped>\n.icon-notif::v-deep li div div svg{\n  height: 16px;\n  width: 16px;\n}\n\n@media(min-width: 767px) {\n  .icon-notif::v-deep li div div svg{\n    height: 22px;\n    width: 22px;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./molecule-notification.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./molecule-notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./molecule-notification.vue?vue&type=template&id=69b91f49&scoped=true&\"\nimport script from \"./molecule-notification.vue?vue&type=script&lang=js&\"\nexport * from \"./molecule-notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./molecule-notification.vue?vue&type=style&index=0&id=69b91f49&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"69b91f49\",\n  null\n  \n)\n\nexport default component.exports\n\n/* chakra-loader */\nconst installChakraComponents = require(\"!../../node_modules/chakra-loader/lib/install-components.js\")\ninstallChakraComponents(component, {CBox: require('@chakra-ui/vue').CBox})\n","export const MILISECONDS_FOR = {\n  ONE_DAY: 1000 * 60 * 60 * 24,\n  ONE_MINUTE: 1000 * 60 * 1,\n}\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/unplugin/dist/webpack/loaders/transform.js??ref--34-0!./molecule-notification.vue?vue&type=style&index=0&id=69b91f49&scoped=true&lang=css&\""],"sourceRoot":""}