{"version":3,"sources":["webpack:///./src/views/pages/notifications/Index.vue?d955","webpack:///src/views/pages/notifications/Notifications.vue","webpack:///./src/views/pages/notifications/Notifications.vue?4411","webpack:///./src/views/pages/notifications/Notifications.vue","webpack:///./src/views/pages/notifications/Notifications.vue?c0d7","webpack:///src/views/pages/notifications/Index.vue","webpack:///./src/views/pages/notifications/Index.vue?ad24","webpack:///./src/views/pages/notifications/Index.vue","webpack:///./src/views/NewLoadingSpinner.vue?4be3","webpack:///./src/views/NewLoadingSpinner.vue?5079","webpack:///src/views/NewLoadingSpinner.vue","webpack:///./src/views/NewLoadingSpinner.vue","webpack:///./src/views/Loading.vue?014c","webpack:///./src/views/Loading.vue?f994","webpack:///src/views/Loading.vue","webpack:///./src/views/Loading.vue","webpack:///./src/views/NoSuggestion.vue?d9d2","webpack:///./src/views/NoDataTemp.vue?ebf7","webpack:///./src/views/NoDataTemp.vue?c3cd","webpack:///src/views/NoDataTemp.vue","webpack:///./src/views/NoDataTemp.vue","webpack:///./src/views/NewLoadingSpinner.vue?3ac0","webpack:///./src/views/pages/notifications/Notifications.vue?89a8","webpack:///./src/views/NoSuggestion.vue?c835","webpack:///./src/views/NoSuggestion.vue?eac1","webpack:///src/views/NoSuggestion.vue","webpack:///./src/views/NoSuggestion.vue","webpack:///./src/assets/images/svg/no-data.svg","webpack:///./src/assets/images/svg/no-data-w.svg"],"names":["components","BBadge","BCardText","BModal","BCol","BRow","BCard","vSelect","BButton","BCardTitle","noSuggestion","BCollapse","BCardBody","BFormTextarea","BFormCheckbox","directives","VBModal","VBTooltip","VBToggle","Ripple","props","notifications","type","Array","required","numberOfNotifications","Number","data","options","title","isRejectModal","rejectReason","selectedAction","selectedItem","selectedIndex","currentKey","modalContent","body","selectedCollapse","suggestions","id","description","platform","date","status","readStatus","fields","key","label","suggList","methods","isSwitchChange","event","params","notificationId","action","$http","get","then","handleCardClick","notification","el","document","createElement","value","appendChild","select","execCommand","removeChild","loadMore","$emit","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","staticStyle","_l","item","index","class","priority","priorityLevel","on","$event","content","_s","source","notificationDate","length","noDataTemp","Loading","FiltersV2","Notifications","noData","recData","filterParams","isLoading","postParams","brand_id","brand","adin_id","campaigns","join","notificationType","priorityLevels","numberOfNotification","startDate","endDate","post","catch","e","finally","increaseNotifications","getMetrics","ref","_e","staticRenderFns","_m","BSpinner","NewLoadingSpinner","loadingStatus","String","default","noDataSvg","NoData","noDataSvgWhite","NoDataWhite","module","exports"],"mappings":"qJAAA,I,qQCyGA,GACAA,WAAA,CACAC,WACAC,cACAC,WACAC,SACAC,SACAC,UACAC,YACAC,YACAC,eACAC,iBACAC,cACAC,cACAC,kBACAC,mBAEAC,WAAA,CACA,UAAAC,IACA,YAAAC,IACA,WAAAC,IACAC,YAEAC,MAAA,CACAC,cAAA,CACAC,KAAAC,MACAC,aAEAC,sBAAA,CACAH,KAAAI,OACAF,cAGAG,UACA,CACAC,QAAA,EAAAC,MAAA,aAAAA,MAAA,YACAC,iBACAC,aAAA,GACAC,eAAA,GACAC,aAAA,KACAC,cAAA,KACAC,WAAA,EACAC,aAAA,CACAP,MAAA,GACAQ,KAAA,IAEAC,iBAAA,KACAC,YAAA,CACA,CACAC,GAAA,EACAX,MACA,6DACAY,YACA,wEACAC,SAAA,aACAC,KAAA,SACAC,OAAA,OACAC,eAEA,CACAL,GAAA,EACAX,MAAA,kDACAY,YACA,wEACAC,SAAA,SACAC,KAAA,QACAC,OAAA,UACAC,eAEA,CACAL,GAAA,EACAX,MAAA,uDACAY,YACA,wEACAC,SAAA,SACAC,KAAA,QACAC,OAAA,YAEA,CACAJ,GAAA,EACAX,MAAA,wEACAY,YACA,wEACAC,SAAA,SACAC,KAAA,QACAC,OAAA,SAGAE,OAAA,CACA,CAAAC,IAAA,aAAAC,MAAA,cACA,CAAAD,IAAA,YAAAC,MAAA,YACA,CAAAD,IAAA,eAAAC,MAAA,KAEAC,SAAA,KAGAC,QAAA,CACAC,eAAAC,EAAAZ,GAEA,MAAAa,EAAA,CACAC,eAAAd,EACAe,OAAAH,EAAA,mBAEA,KAAAI,MAAAC,IAAA,wBACAJ,WACAK,MAAA,EAAA/B,WACAA,KAGAgC,gBAAAC,GACA,MAAAC,EAAAC,SAAAC,cAAA,YACAF,EAAAG,MAAAJ,EACAE,SAAAzB,KAAA4B,YAAAJ,GACAA,EAAAK,SACAJ,SAAAK,YAAA,QACAL,SAAAzB,KAAA+B,YAAAP,IAEAQ,WACA,KAAAC,MAAA,6BC/NoX,I,wBCQhXC,EAAY,YACd,GCTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,eAAe,CAACG,YAAY,oEAAoE,CAACH,EAAG,OAAO,CAACJ,EAAIQ,GAAG,qBAAqBJ,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,aAAa,KAAO,aAAa,CAACF,EAAG,MAAM,CAACK,YAAY,CAAC,aAAa,UAAU,CAACL,EAAG,QAAQJ,EAAIU,GAAIV,EAAiB,wBAAWW,EAAKC,GAAO,OAAOR,EAAG,QAAQ,CAAC7B,IAAIoC,EAAK7B,eAAewB,MAAM,CAAC,GAAK,OAAO,CAACF,EAAG,SAAS,CAACG,YAAY,0CAA0CM,MAAM,CACxkB,aAAgC,QAAlBF,EAAKG,SACnB,YAA+B,aAAlBH,EAAKG,SAClB,aAAgC,WAAlBH,EAAKG,SACnB,gBAAwC,aAAvBH,EAAKI,cACtB,iBAAyC,WAAvBJ,EAAKI,cACvB,iBAAyC,QAAvBJ,EAAKI,eACvBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIb,gBAAgBwB,EAAKO,QAAQA,IAAI,CAACd,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,eAAe,CAACG,YAAY,cAAcD,MAAM,CAAC,KAAO,eAAe,GAAGF,EAAG,KAAK,CAACK,YAAY,CAAC,YAAY,WAAW,CAACT,EAAIQ,GAAG,IAAIR,EAAImB,GAAGR,EAAKO,SAAS,OAAOd,EAAG,UAAU,CAACE,MAAM,CAAC,QAAU,YAAY,CAACF,EAAG,OAAO,CAACG,YAAY,kCAAkC,CAACP,EAAIQ,GAAGR,EAAImB,GAAGR,EAAKS,WAAWhB,EAAG,OAAO,CAACG,YAAY,oCAAoC,CAACP,EAAIQ,GAAGR,EAAImB,GAAGR,EAAKU,uBAAuBjB,EAAG,MAAM,CAACG,YAAY,qDAAqD,CAACH,EAAG,MAAM,CAACA,EAAG,OAAO,CAACG,YAAY,oCAAoC,CAACP,EAAIQ,GAAG,SAASR,EAAImB,GAAGR,EAAK7D,SAASsD,EAAG,OAAO,CAACG,YAAY,oCAAoC,CAACP,EAAIQ,GAAG,aAAaR,EAAImB,GAAGR,EAAKI,oBAAoBX,EAAG,kBAAkB,CAACG,YAAY,yBAAyBD,MAAM,CAAC,OAAS,GAAG,QAA8B,WAApBK,EAAKtC,YAAyB2C,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOjB,EAAIrB,eAAesC,EAAQN,EAAK7B,eAAeA,IAAI,CAACsB,EAAG,OAAO,CAACG,YAAY,oBAAoB,CAACH,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,cAAc,GAAGF,EAAG,OAAO,CAACG,YAAY,qBAAqB,CAACH,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,iBAAiB,MAAM,IAAI,IAAI,EAAG,IAAE,IAAI,KAAKF,EAAG,MAAM,CAACG,YAAY,sCAAsC,CAACH,EAAG,WAAW,CAACE,MAAM,CAAC,QAAU,kBAAkB,SAAWN,EAAI/C,sBAAwB+C,EAAInD,cAAcyE,QAAQN,GAAG,CAAC,MAAQhB,EAAIH,WAAW,CAACG,EAAIQ,GAAG,iBAAiB,MAAM,EAAE,GAC57C,IDGpB,EAEA,KACA,WACA,MAIa,EAAAT,E,QEgBA,GACfvE,WAAA,CACA+F,eACAC,YACAC,cACAC,iBAEAvE,UACA,CACAwE,UACAC,QAAA,KACAjE,WAAA,EACAkE,oBACAC,aACA7E,sBAAA,KAGAyB,QAAA,CACA,iBAAAG,GACA,KAAAiD,aACA,KAAAD,aAAAhD,EAEA,MAAAkD,EAAA,CACAC,SAAAnD,EAAAoD,MAAAzC,MACA0C,QAAArD,EAAAsD,UAAAC,KAAA,KACAhB,OAAAvC,EAAAuC,OAAAgB,KAAA,KACAC,iBAAAxD,EAAAwD,iBAAAD,KAAA,KACAE,eAAAzD,EAAAiC,SAAAsB,KAAA,KACAG,qBAAA,KAAAtF,sBACAoE,iBAAAxC,EAAAV,KAAAqE,UAAA,IAAA3D,EAAAV,KAAAsE,eAEA,KAAAzD,MAAA0D,KACA,oBAAAX,GACA7C,MAAA,EAAA/B,WAEA,KAAAyE,QAAAzE,EACA,KAAAwE,SAAA,IACAgB,OAAAC,IACA,KAAAjB,SAAA,IACAkB,SAAA,KACA,KAAAf,YAAA,KAGAgB,wBACA,KAAA7F,uBAAA,GACA,KAAA8F,WAAA,KAAAlB,iBChF4W,ICOxW,EAAY,YACd,GPRW,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,YAAY,CAAC4C,IAAI,YAAY1C,MAAM,CAAC,KAAO,oBAAoB,cAAcN,EAAI+C,cAA+B,OAAhB/C,EAAI4B,SAAoB5B,EAAI4B,QAAQN,OAAS,IAAMtB,EAAI8B,UAAW1B,EAAG,OAAO,CAAC7B,IAAIyB,EAAIrC,YAAY,CAACyC,EAAG,gBAAgB,CAACE,MAAM,CAAC,cAAgBN,EAAI4B,QAAQ,0BAA0B5B,EAAI/C,uBAAuB+D,GAAG,CAAC,yBAAyBhB,EAAI8C,0BAA0B,GAAG9C,EAAIiD,KAAuB,OAAhBjD,EAAI4B,SAA2C,IAAvB5B,EAAI4B,QAAQN,QAAkBtB,EAAI8B,UAAqL9B,EAAIiD,KAA9K7C,EAAG,OAAO,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,8BAA8B,KAAO,sFAAsF,GAAaN,EAAI8B,YAAc9B,EAAI2B,OAAQvB,EAAG,OAAO,CAACA,EAAG,YAAY,GAAGJ,EAAIiD,MAAM,EAAE,GAClxB,IOSpBC,EAEA,KACA,KACA,MAIa,Y,6CClBf,ICA0V,ECS3U,CACf/F,UACA,K,wBCHI4C,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAAYD,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,GAAcJ,EAAImD,GAAG,EAAE,GACnF,CAAC,WAAa,IAAiBjD,EAATD,KAAgBE,eAAmBC,EAAnCH,KAA0CI,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQH,EAAG,MAAM,CAACG,YAAY,QAAQH,EAAG,MAAM,CAACG,YAAY,SAAS,IGUjP2C,EAEA,KACA,WACA,MAIa,IAAAnD,E,+FCnBf,I,wBCAgV,ECoBjU,CACfvE,WAAA,CACA4H,aACAC,uBAEAzG,MAAA,CACA0G,cAAA,CACAxG,KAAAyG,OACAC,QAAA,WAEAhF,MAAA,CACA1B,KAAAyG,OACAC,QAAA,iB,YCzBIzD,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,wDAAwDE,YAAY,CAAC,OAAS,OAAO,aAAa,QAAQ,QAAU,SAAS,CAAwB,YAAtBT,EAAIsD,cAA6BlD,EAAG,OAAO,CAACK,YAAY,CAAC,aAAa,WAAW,CAACL,EAAG,wBAAwB,GAAGJ,EAAIiD,QAAQA,GACrW,IGSpBC,EAEA,KACA,KACA,MAIa,IAAAnD,E,6CClBf,W,kCCAA,I,0CCAmV,ECcpU,CACf5C,UACA,CACAsG,UAAAC,IACAC,eAAAC,O,YCXI7D,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,iEAAiE,CAACH,EAAG,MAAM,CAACG,YAAY,YAAYD,MAAM,CAAC,IAAMN,EAAIyD,UAAU,IAAM,aAAarD,EAAG,KAAK,CAACJ,EAAIQ,GAAG,mCAAmCJ,EAAG,KAAK,CAACG,YAAY,0BAA0B,CAACP,EAAIQ,GAAG,qEAAqEJ,EAAG,KAAK,CAACG,YAAY,qBAAqB,CAACP,EAAIQ,GAAG,qDAAqD,GACxgB,IGSpB0C,EAEA,KACA,WACA,MAIa,IAAAnD,E,uEClBf,W,oCCAA,Y,kCCAA,I,YCAqV,G,UCoBtU,CACfvE,WAAA,CACAC,c,wBCdIsE,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,OAAO,CAACA,EAAG,eAAe,CAACG,YAAY,OAAOD,MAAM,CAAC,KAAO,oBAAoB,KAAO,KAAK,QAAU,eAAeN,EAAIQ,GAAG,KAAKJ,EAAG,MAAMA,EAAG,UAAU,CAACE,MAAM,CAAC,QAAU,oBAAoB,CAACN,EAAIQ,GAAG,iDAAiD,IAAI,GAC7W,IGUpB0C,EAEA,KACA,WACA,MAIa,IAAAnD,E,8BCnBf8D,EAAOC,QAAU,IAA0B,0BAA0B,E,qBCArED,EAAOC,QAAU,IAA0B,4BAA4B","file":"js/chunk-3ec82afc.b2238d74.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('filtersV2',{ref:\"filtersV2\",attrs:{\"name\":\"notificationsPage\",\"get-metrics\":_vm.getMetrics}}),(_vm.recData !== null && _vm.recData.length > 0 && !_vm.isLoading)?_c('span',{key:_vm.currentKey},[_c('notifications',{attrs:{\"notifications\":_vm.recData,\"number-of-notifications\":_vm.numberOfNotifications},on:{\"increase-notifications\":_vm.increaseNotifications}})],1):_vm._e(),((_vm.recData === null || _vm.recData.length === 0) && !_vm.isLoading)?_c('span',[_c('no-data-temp',{attrs:{\"name\":\"Choose your filter options.\",\"text\":\"Choose your filter options and click to apply button to see your notifications.\"}})],1):_vm._e(),(_vm.isLoading && !_vm.noData)?_c('span',[_c('loading')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-title class=\"mb-2 mt-2 ml-2 d-flex justify-content-between align-items-center\">\n      <span>Notifications</span>\n    </b-card-title>\n    <div class=\"mx-2\">\n      <div\n        :id=\"'accordion-'\"\n        role=\"tabpanel\"\n      >\n        <div style=\"min-height: 200px;\">\n          <b-row>\n            <b-col\n              v-for=\"(item, index) in notifications\"\n              :key=\"item.notificationId\"\n              lg=\"12\"\n            >\n              <b-card\n                class=\"mb-2 suggestion-item selected hoverable\"\n                :class=\"{\n                  'bg-success': item.priority === 'Low',\n                  'bg-danger': item.priority === 'Critical',\n                  'bg-warning': item.priority === 'Normal',\n                  'border-danger': item.priorityLevel === 'CRITICAL',\n                  'border-warning': item.priorityLevel === 'NORMAL',\n                  'border-success': item.priorityLevel === 'LOW',\n                }\"\n                @click=\"handleCardClick(item.content)\"\n              >\n                <div class=\"feather-icon-container\">\n                  <feather-icon\n                    icon=\"CopyIcon\"\n                    class=\"custom-icon\"\n                  />\n                </div>\n                <h5 style=\"max-width: 1000px;\">\n                  {{ item.content }}\n                </h5>\n                <b-badge variant=\"primary\">\n                  <span class=\"suggestion-label platform-name\">{{ item.source }}</span>\n                  <span class=\"suggestion-label suggestion-date\">{{ item.notificationDate }}</span>\n                </b-badge>\n                <div class=\"d-flex justify-content-between align-items-center\">\n                  <div>\n                    <span class=\"suggestion-label suggestion-date\">Type: {{ item.type }}</span>\n                    <span class=\"suggestion-label suggestion-date\">Priority: {{ item.priorityLevel }}</span>\n                  </div>\n                  <b-form-checkbox\n                    class=\"custom-control ml-auto\"\n                    switch\n                    :checked=\"item.readStatus === 'READED' \"\n                    @change=\"isSwitchChange($event, item.notificationId)\"\n                  >\n                    <span class=\"switch-icon-left\">\n                      <feather-icon icon=\"EyeIcon\" />\n                    </span>\n                    <span class=\"switch-icon-right\">\n                      <feather-icon icon=\"EyeOffIcon\" />\n                    </span>\n                  </b-form-checkbox>\n                </div>\n              </b-card>\n            </b-col>\n          </b-row>\n        </div>\n      </div>\n      <div class=\"d-flex justify-content-center mb-2\">\n        <b-button\n          variant=\"outline-primary\"\n          :disabled=\"numberOfNotifications > notifications.length\"\n          @click=\"loadMore\"\n        >\n          See More\n        </b-button>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script>\n  import {\n    BButton,\n    BCard,\n    BCardTitle,\n    BCol,\n    BFormInput,\n    BModal,\n    BRow,\n    BTable,\n    VBModal,\n    VBToggle,\n    VBTooltip,\n    BCollapse,\n    BCardHeader,\n    BBadge,\n    BCardText,\n    BFormTextarea,\n    BCardBody,\n    BFormCheckbox\n  } from \"bootstrap-vue\";\n\n  import Ripple from \"vue-ripple-directive\";\n  import vSelect from \"vue-select\";\n  import noSuggestion from \"@/views/NoSuggestion.vue\";\n\n  export default {\n    components: {\n      BBadge,\n      BCardText,\n      BModal,\n      BCol,\n      BRow,\n      BCard,\n      vSelect,\n      BButton,\n      BCardTitle,\n      noSuggestion,\n      BCollapse,\n      BCardBody,\n      BFormTextarea,\n      BFormCheckbox\n    },\n    directives: {\n      \"b-modal\": VBModal,\n      \"b-tooltip\": VBTooltip,\n      \"b-toggle\": VBToggle,\n      Ripple,\n    },\n    props: {\n      notifications: {\n        type: Array,\n        required: true\n      },\n      numberOfNotifications: {\n        type: Number,\n        required: true\n      }\n    },\n    data() {\n      return {\n        options: [{ title: 'Standard' }, { title: 'Dynamic' }],\n        isRejectModal: false,\n        rejectReason: \"\",\n        selectedAction: \"\",\n        selectedItem: null,\n        selectedIndex: null,\n        currentKey: 0,\n        modalContent: {\n          title: \"\",\n          body: \"\",\n        },\n        selectedCollapse: null,\n        suggestions: [\n          {\n            id: 1,\n            title:\n                \"Increase the viewability rate by optimizing ad performance\",\n            description:\n                \"Based on the positive correlation between viewability and conversions\",\n            platform: \"Google Ads\",\n            date: \"10 Feb\",\n            status: \"none\",\n            readStatus: false,\n          },\n          {\n            id: 2,\n            title: \"Increase the bid on platforms with a higher CTR\",\n            description:\n                \"Based on the positive correlation between viewability and conversions\",\n            platform: \"TikTok\",\n            date: \"7 Feb\",\n            status: \"applied\",\n            readStatus: false,\n          },\n          {\n            id: 3,\n            title: \"Increase the CPC bid to improve the number of clicks\",\n            description:\n                \"Based on the positive correlation between viewability and conversions\",\n            platform: \"TikTok\",\n            date: \"7 Feb\",\n            status: \"rejected\",\n          },\n          {\n            id: 4,\n            title: \"Increase the viewability rate by optimizing ad placements and formats\",\n            description:\n                \"Based on the positive correlation between viewability and conversions\",\n            platform: \"TikTok\",\n            date: \"7 Feb\",\n            status: \"none\",\n          },\n        ],\n        fields: [\n          { key: \"suggestion\", label: \"Suggestion\" },\n          { key: \"placement\", label: \"Platform\" },\n          { key: \"show_details\", label: \"\" },\n        ],\n        suggList: [],\n      };\n    },\n    methods: {\n      isSwitchChange(event,id) {\n        console.log(event)\n        const params = {\n          notificationId: id,\n          action: event ? 'READED' : 'UNREAD'\n        }\n        this.$http.get('notifications/update', {\n          params: params\n        }).then(({ data }) => {\n          console.log(data)\n        })\n      },\n      handleCardClick(notification) {\n        const el = document.createElement('textarea');\n        el.value = notification;\n        document.body.appendChild(el);\n        el.select();\n        document.execCommand('copy');\n        document.body.removeChild(el);\n        },\n      loadMore() {\n        this.$emit('increase-notifications')\n      }\n    },\n  };\n  </script>\n  <style lang=\"scss\" scoped>\n  .scrollable-container {\n    max-height: 800px;\n    overflow-y: scroll;\n  }\n  .suggestion-table td:first-child {\n    min-width: 200px;\n  }\n  .suggestion-table td:last-child {\n    max-width: 100px;\n  }\n  /* Üstü Çizili Metin İçin */\n  .text-decoration-line-through {\n    text-decoration: line-through;\n  }\n\n  /* İtalik Metin İçin */\n  .font-italic {\n    font-style: italic;\n  }\n\n  /* Kalın Metin İçin */\n  .font-bold {\n    font-weight: bold;\n  }\n\n  .suggestion-item {\n    position: relative;\n\n    .suggestion-label {\n      margin-right: 1rem;\n    }\n  }\n\n  .selected {\n    transition: all 1s ease;\n    background: rgb(94,60,134);\n    background: linear-gradient(120deg, rgba(94,60,134,1) 0%, rgba(82,14,168,1) 100%);\n  }\n\n  .hoverable:hover {\n    cursor: pointer;\n  }\n\n  .hoverable {\n    transition: all 0.3s, opacity 0.3s;\n  }\n\n  .selected .collapse-area {\n    opacity: 1;\n    transition: all .3s ease;\n  }\n\n  .collapse-area {\n    opacity: 0;\n    transition: all .3s ease;\n  }\n\n  .not-collapsed.hoverable {\n    border: 1px solid #925bd5;\n  }\n\n  .bg-success,\n  .btn-success {\n    background: rgb(100,194,96);\n    border: rgb(100,194,96);\n    transition: all 1s ease;\n    background: linear-gradient(120deg, rgba(86,179,129,1) 0%, rgba(100,194,96,1) 100%);\n  }\n\n  .bg-warning,\n  .btn-warning {\n    background: rgb(254,181,0);\n    border: rgb(254,181,0);\n    transition: all 1s ease;\n    background: linear-gradient(120deg,  rgba(233,127,1,1) 0%, rgba(254,181,0,1) 100%);\n  }\n\n  .bg-danger,\n  .btn-danger {\n    background: rgb(255,0,0);\n    border: rgb(255,0,0);\n    transition: all 1s ease;\n    background: linear-gradient(120deg, rgba(150,0,0,1) 0%, rgba(255,0,0,1) 100%);\n  }\n\n\n\n  .collapsed button {\n    opacity: 0;\n  }\n\n  .collapsed button {\n    transition: all 1s ease;\n  }\n  .read-status {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    top: 5px;\n    right: 5px;\n    border-radius: 50%;\n    display: none;\n\n    &.unread{\n      background: rgb(100,194,96);\n      background: linear-gradient(120deg, rgba(86,179,129,1) 0%, rgba(100,194,96,1) 100%);\n      display: block;\n    }\n\n    &.read {\n      background: grey;\n      display: block;\n    }\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .status-indicator {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    margin-left: 8px;\n    border-radius: 50%;\n  }\n\n  .created-status {\n    background-color: darkgray;\n  }\n\n  .readed-status {\n    background-color: #39FD2F;\n  }\n  .feather-icon-container {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n  .custom-icon {\n    stroke: #6222b6;\n    width: 24px;\n    height: 24px;\n  }\n  .card-body {\n    padding: 0.8rem !important;\n  }\n\n  </style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Notifications.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Notifications.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=299f4f7e&scoped=true\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js\"\nimport style0 from \"./Notifications.vue?vue&type=style&index=0&id=299f4f7e&prod&lang=scss&scoped=true\"\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  \"299f4f7e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-title',{staticClass:\"mb-2 mt-2 ml-2 d-flex justify-content-between align-items-center\"},[_c('span',[_vm._v(\"Notifications\")])]),_c('div',{staticClass:\"mx-2\"},[_c('div',{attrs:{\"id\":'accordion-',\"role\":\"tabpanel\"}},[_c('div',{staticStyle:{\"min-height\":\"200px\"}},[_c('b-row',_vm._l((_vm.notifications),function(item,index){return _c('b-col',{key:item.notificationId,attrs:{\"lg\":\"12\"}},[_c('b-card',{staticClass:\"mb-2 suggestion-item selected hoverable\",class:{\n                'bg-success': item.priority === 'Low',\n                'bg-danger': item.priority === 'Critical',\n                'bg-warning': item.priority === 'Normal',\n                'border-danger': item.priorityLevel === 'CRITICAL',\n                'border-warning': item.priorityLevel === 'NORMAL',\n                'border-success': item.priorityLevel === 'LOW',\n              },on:{\"click\":function($event){return _vm.handleCardClick(item.content)}}},[_c('div',{staticClass:\"feather-icon-container\"},[_c('feather-icon',{staticClass:\"custom-icon\",attrs:{\"icon\":\"CopyIcon\"}})],1),_c('h5',{staticStyle:{\"max-width\":\"1000px\"}},[_vm._v(\" \"+_vm._s(item.content)+\" \")]),_c('b-badge',{attrs:{\"variant\":\"primary\"}},[_c('span',{staticClass:\"suggestion-label platform-name\"},[_vm._v(_vm._s(item.source))]),_c('span',{staticClass:\"suggestion-label suggestion-date\"},[_vm._v(_vm._s(item.notificationDate))])]),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('div',[_c('span',{staticClass:\"suggestion-label suggestion-date\"},[_vm._v(\"Type: \"+_vm._s(item.type))]),_c('span',{staticClass:\"suggestion-label suggestion-date\"},[_vm._v(\"Priority: \"+_vm._s(item.priorityLevel))])]),_c('b-form-checkbox',{staticClass:\"custom-control ml-auto\",attrs:{\"switch\":\"\",\"checked\":item.readStatus === 'READED'},on:{\"change\":function($event){return _vm.isSwitchChange($event, item.notificationId)}}},[_c('span',{staticClass:\"switch-icon-left\"},[_c('feather-icon',{attrs:{\"icon\":\"EyeIcon\"}})],1),_c('span',{staticClass:\"switch-icon-right\"},[_c('feather-icon',{attrs:{\"icon\":\"EyeOffIcon\"}})],1)])],1)],1)],1)}),1)],1)]),_c('div',{staticClass:\"d-flex justify-content-center mb-2\"},[_c('b-button',{attrs:{\"variant\":\"outline-primary\",\"disabled\":_vm.numberOfNotifications > _vm.notifications.length},on:{\"click\":_vm.loadMore}},[_vm._v(\" See More \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <filtersV2\n      ref=\"filtersV2\"\n      name=\"notificationsPage\"\n      :get-metrics=\"getMetrics\"\n    />\n    <span\n      v-if=\"recData !== null && recData.length > 0 && !isLoading\"\n      :key=\"currentKey\"\n    >\n      <notifications\n        :notifications=\"recData\"\n        :number-of-notifications=\"numberOfNotifications\"\n        @increase-notifications=\"increaseNotifications\"\n      />\n    </span>\n    <span v-if=\"(recData === null || recData.length === 0) && !isLoading\">\n      <no-data-temp\n        name=\"Choose your filter options.\"\n        text=\"Choose your filter options and click to apply button to see your notifications.\"\n      />\n    </span>\n    <span v-if=\"isLoading && !noData\">\n      <loading />\n    </span>\n  </section>\n</template>\n\n<script>\nimport Loading from \"@/views/Loading.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Notifications from \"@/views/pages/notifications/Notifications.vue\";\n\nexport default {\n  components: {\n    noDataTemp,\n    Loading,\n    FiltersV2,\n    Notifications\n  },\n  data () {\n    return {\n      noData: false,\n      recData: null,\n      currentKey: 0,\n      filterParams: undefined,\n      isLoading: false,\n      numberOfNotifications: 10\n    }\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true\n      this.filterParams = params\n      console.log(params.campaigns)\n      const postParams= {\n        brand_id: params.brand.value,\n        adin_id: params.campaigns.join(','),\n        source: params.source.join(','),\n        notificationType: params.notificationType.join(','),\n        priorityLevels: params.priority.join(','),\n        numberOfNotification: this.numberOfNotifications,\n        notificationDate: params.date.startDate + \"_\" + params.date.endDate\n      }\n      await this.$http.post(\n          'notifications/get',postParams\n      ).then(({ data }) => {\n        console.log(params)\n        this.recData = data\n        this.noData = false\n      }).catch(e => {\n        this.noData = true\n      }).finally(() => {\n        this.isLoading = false\n      })\n    },\n    increaseNotifications() {\n      this.numberOfNotifications += 10;\n      this.getMetrics(this.filterParams);\n    }\n  }\n};\n</script>\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=78e3a094\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hollow-dots-spinner\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"})])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NewLoadingSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NewLoadingSpinner.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"hollow-dots-spinner\">\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n    };\n  },\n};\n</script>\n\n<style scoped>\n.hollow-dots-spinner, .hollow-dots-spinner * {\n  box-sizing: border-box;\n}\n\n.hollow-dots-spinner {\n  height: 15px;\n  width: calc(30px * 3);\n}\n\n.hollow-dots-spinner .dot {\n  width: 15px;\n  height: 15px;\n  margin: 0 calc(15px / 2);\n  border: calc(15px / 5) solid #fff;\n  border-radius: 50%;\n  float: left;\n  transform: scale(0);\n  animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;\n}\n\n.hollow-dots-spinner .dot:nth-child(1) {\n  animation-delay: calc(300ms * 1);\n}\n\n.hollow-dots-spinner .dot:nth-child(2) {\n  animation-delay: calc(300ms * 2);\n}\n\n.hollow-dots-spinner .dot:nth-child(3) {\n  animation-delay: calc(300ms * 3);\n}\n\n@keyframes hollow-dots-spinner-animation {\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n</style>\n\n","import { render, staticRenderFns } from \"./NewLoadingSpinner.vue?vue&type=template&id=5db0d5ca&scoped=true\"\nimport script from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&prod&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  \"5db0d5ca\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mb-1\",staticStyle:{\"height\":\"100%\",\"min-height\":\"500px\",\"display\":\"flex\"}},[(_vm.loadingStatus === 'loading')?_c('span',{staticStyle:{\"text-align\":\"center\"}},[_c('new-loading-spinner')],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./Loading.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./Loading.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <div\n      style=\"height: 100%; min-height: 500px; display: flex\"\n      class=\"d-flex justify-content-center align-items-center mb-1\"\n    >\n      <span\n        v-if=\"loadingStatus === 'loading'\"\n        style=\"text-align: center\"\n      >\n        <new-loading-spinner />\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BSpinner } from 'bootstrap-vue'\nimport NewLoadingSpinner from \"@/views/NewLoadingSpinner.vue\";\n\nexport default {\n  components: {\n    BSpinner,\n    NewLoadingSpinner\n  },\n  props: {\n    loadingStatus: {\n      type: String,\n      default: 'loading',\n    },\n    label: {\n      type: String,\n      default: 'Please Wait',\n    },\n  },\n}\n</script>\n","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=77246907\"\nimport script from \"./Loading.vue?vue&type=script&lang=js\"\nexport * from \"./Loading.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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NoSuggestion.vue?vue&type=style&index=0&id=109747d6&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center \"},[_c('img',{staticClass:\"w-25 h-25\",attrs:{\"src\":_vm.noDataSvg,\"alt\":\"No Data\"}}),_c('h1',[_vm._v(\"Almost There! Adjust Filters \")]),_c('h5',{staticClass:\"font-weight-light mt-1\"},[_vm._v(\" It seems there’s no data available for your current selection.\")]),_c('h5',{staticClass:\"font-weight-light\"},[_vm._v(\"Try different filters to reveal more insights.\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NoDataTemp.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NoDataTemp.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"d-flex flex-column justify-content-center align-items-center \">\n    <img :src=\"noDataSvg\" alt=\"No Data\" class=\"w-25 h-25\" >\n    <h1>Almost There! Adjust Filters\n      </h1>\n      <h5 class=\"font-weight-light mt-1\">\n        It seems there’s no data available for your current selection.</h5>\n        <h5 class=\"font-weight-light\">Try different filters to reveal more insights.</h5>\n    </div>\n</template>\n<script>\nimport NoData from \"@/assets/images/svg/no-data.svg\";\nimport NoDataWhite from \"@/assets/images/svg/no-data-w.svg\";\n\nexport default {\n  data() {\n    return {\n      noDataSvg: NoData,\n      noDataSvgWhite: NoDataWhite\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.no-data{\n  position: absolute;\n  width: 96%;\n  height: 100%;\n  background: rgba(45, 17, 70, 0.85);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  justify-content: center;\n  justify-items: stretch;\n  display: flex;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    background: rgba(22, 4, 38, 0.9);\n    padding: 2rem;\n    border-radius: 1.125rem;\n    margin: 7rem 0;\n    text-align: center;\n    align-self: start;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</styl>\n","import { render, staticRenderFns } from \"./NoDataTemp.vue?vue&type=template&id=49a7c048&scoped=true\"\nimport script from \"./NoDataTemp.vue?vue&type=script&lang=js\"\nexport * from \"./NoDataTemp.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  \"49a7c048\",\n  null\n  \n)\n\nexport default component.exports","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!./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=style&index=0&id=299f4f7e&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coming-soon\"},[_c('span',[_c('feather-icon',{staticClass:\"mb-1\",attrs:{\"icon\":\"MessageCircleIcon\",\"size\":\"48\",\"variant\":\"secondary\"}}),_vm._v(\" \"),_c('br'),_c('b-badge',{attrs:{\"variant\":\"light-secondary\"}},[_vm._v(\"There is no suggestion for this campaign. \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NoSuggestion.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../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!./NoSuggestion.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"coming-soon\">\n    <span>\n      <feather-icon\n        icon=\"MessageCircleIcon\"\n        size=\"48\"\n        variant=\"secondary\"\n        class=\"mb-1\"\n      /> <br>\n      <b-badge variant=\"light-secondary\">There is no suggestion for this campaign.\n      </b-badge>\n    </span>\n  </div>\n</template>\n<script>\nimport {\n  BBadge\n} from 'bootstrap-vue'\nimport { $themeColors } from '@themeConfig'\n\nexport default {\n  components: {\n    BBadge\n  }\n\n}\n</script>\n<style lang=\"scss\" scoped>\n.coming-soon{\n  z-index: 99;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: rgba(45, 17, 70, 0.7);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  justify-items: center;\n  display: flex;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    text-align: center;\n    align-self: center;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./NoSuggestion.vue?vue&type=template&id=109747d6&scoped=true\"\nimport script from \"./NoSuggestion.vue?vue&type=script&lang=js\"\nexport * from \"./NoSuggestion.vue?vue&type=script&lang=js\"\nimport style0 from \"./NoSuggestion.vue?vue&type=style&index=0&id=109747d6&prod&lang=scss&scoped=true\"\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  \"109747d6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/no-data.c3d73be7.svg\";","module.exports = __webpack_public_path__ + \"img/no-data-w.46a90350.svg\";"],"sourceRoot":""}