{"version":3,"sources":["webpack:///./src/components/payment/PaymentStatus.vue?c87f","webpack:///./src/views/LaunchInfo.vue?55c6","webpack:///src/views/LaunchInfo.vue","webpack:///./src/views/LaunchInfo.vue?3180","webpack:///./src/views/LaunchInfo.vue?4edd","webpack:///./src/views/MapExplorer.vue?5444","webpack:///./src/components/clickspexReport/Report.vue?6e7a","webpack:///./src/views/GlobalErrorPage.vue?32e4","webpack:///./src/views/ClickspexReport.vue?a81b","webpack:///./src/utils/wsUtilsClickspexReport.js","webpack:///./src/components/clickspexReport/Filters.vue?da7c","webpack:///src/components/clickspexReport/Filters.vue","webpack:///./src/components/clickspexReport/Filters.vue?46c3","webpack:///./src/components/clickspexReport/Filters.vue?a763","webpack:///./src/components/clickspexReport/Report.vue?35dd","webpack:///src/components/clickspexReport/Report.vue","webpack:///./src/components/clickspexReport/Report.vue?fad7","webpack:///./src/components/clickspexReport/Report.vue?9cd0","webpack:///src/views/ClickspexReport.vue","webpack:///./src/views/ClickspexReport.vue?7276","webpack:///./src/views/ClickspexReport.vue","webpack:///./src/views/GlobalErrorPage.vue?c3aa","webpack:///src/views/GlobalErrorPage.vue","webpack:///./src/views/GlobalErrorPage.vue?67cd","webpack:///./src/views/GlobalErrorPage.vue","webpack:///./src/mixins/priceFormating.js","webpack:///./src/views/MapExplorer.vue?9669","webpack:///./src/utils/wsUtilsMapExplorer.js","webpack:///src/views/MapExplorer.vue","webpack:///./src/views/MapExplorer.vue?ab20","webpack:///./src/views/MapExplorer.vue","webpack:///./src/views/LaunchInfo.vue?f50e","webpack:///./src/views/SamlssosSingout.vue?e506","webpack:///./src/views/ClickspexReport.vue?c5e2","webpack:///./src/components/clickspexReport/Filters.vue?b1f3","webpack:///./src/views/LaunchInfo.vue?2394","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/views/PaymentConfirmation.vue?fee7","webpack:///./src/components/payment/PaymentStatus.vue?d057","webpack:///./src/views/ErrorPage.vue?a773","webpack:///src/views/ErrorPage.vue","webpack:///./src/views/ErrorPage.vue?b6e8","webpack:///./src/views/ErrorPage.vue","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./src/views/PaymentConfirmation.vue?74f6","webpack:///./src/components/payment/PaymentStatus.vue?67a1","webpack:///src/components/payment/PaymentStatus.vue","webpack:///./src/components/payment/PaymentStatus.vue?93f5","webpack:///./src/components/payment/PaymentStatus.vue?23bb","webpack:///src/views/PaymentConfirmation.vue","webpack:///./src/views/PaymentConfirmation.vue?3de1","webpack:///./src/views/PaymentConfirmation.vue","webpack:///./src/views/ErrorPage.vue?0d3f","webpack:///./src/views/SamlssosSingout.vue?b9d4","webpack:///src/views/SamlssosSingout.vue","webpack:///./src/views/SamlssosSingout.vue?7e4b","webpack:///./src/views/SamlssosSingout.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","attrs","_s","studyName","studyCountry","studyCategory","studyBrand","_l","item","index","key","projectSummary","legsName","length","_e","deepDiveProductsName","studyCommunicationObjective1","chosenCommunicationObjective2","studyCommunicationObjective2","studySampleSize","studyCostCenter","estimateCompletionDate","user","SkinIdentifier","reportOption","implicitComponent","surveyType","customQuestions","formatPrice","studyPrice","studyId","projectName","on","dashboardUrl","priceInfoText","$event","$refs","getPdf","submit","ref","apiUrl","domProps","$route","params","id","staticRenderFns","name","mixins","priceFormating","data","editableSurvey","computed","message","country","brand","studyDeepDive","studyLegsName","studyAllCommunicationObjective","allCommunication","push","undefined","audience","methods","window","open","$router","getDateAfter10Days","futureDate","toLocaleDateString","activated","jsUtils","component","showFilters","activeFiltersLength","staticStyle","class","activeFilter","filtersLength","location","hostname","wsStudioHeader","apiStudio","axios","create","baseURL","headers","Accept","getComments","callback","post","JSON","stringify","then","response","comments","error","console","log","getClickspexUnderCip","clickspexs","resetAllFilters","$emit","directives","rawName","value","checkboxFilters","expression","Array","isArray","gender","_i","$$a","$$el","target","$$c","checked","$$v","$$i","$set","concat","slice","setCommentsFilter","yrs","$$selectedVal","prototype","filter","call","options","o","selected","map","val","_value","iconID","multiple","clickOrder","isActive","activeComment","comment","exportReport","components","props","type","String","watch","newVal","split","join","setTimeout","forEach","parse","likeDislike","getFilteredComments","store","getUniqeClickOrder","resArr","i","findIndex","getImageData","imageURL","imageName","imageWidth","style","left","xPos","top","yPos","imageHeight","currentTarget","spexID","dotsLoader","immediate","handler","$nextTick","deep","mounted","getAllComments","commentsList","getImage","image","e","SurveyCellID","query","needTranslate","backToHome","surveyId","ErrorCode","Description","SurveyId","description","wsUtils","price","Object","keys","toLocaleString","minimumFractionDigits","maximumFractionDigits","pageTitle","Math","random","selectFilter","filterName","model","showLabels","showStrategicPins","getReport","mapExplorerImage","showPin","strategic","mapExplorerValues","attribute","Score","BaseSize","toFixed","getMapExplorerImage","getMapExplorerFilterList","getMapExplorerValues","mapExplorerFilterList","activeSurveyCellID","activePin","circleValues","round","attr","Filter","assign","setActivePin","pinId","Title","$","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","ES3_STRINGS","STRICT_METHOD","proto","forced","separator","$findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","callbackfn","arguments","paymentInformations","langObj","videoItems","surveyTypeID","Status","setImageUrl","summaryProjectName","summaryCategory","category","CategoryName","summaryAudience","summaryTotalSampleSize","sampleSize","creativesCount","summaryCustomQuestions","hideOnSinglePage","summaryVideoName","summaryThumbnail","scopedSlots","_u","fn","text","record","coverImage","summaryDuration","summarySampleSize","AmountPaid","TransactionDate","InvoiceId","transactionDetailsData","default","Number","url","PaymentStatus","getSurveyPaymetStatus","creatives","created","loginUrl","dashboardURL"],"mappings":"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","file":"js/payment-confirmation.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./PaymentStatus.vue?vue&type=style&index=0&id=b7419f1c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-status body-bcg\"},[_c('div',{staticClass:\"payment-status__wrapper flex\"},[_vm._m(0),_c('div',{staticClass:\"payment-status__details\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Study details\")]),_c('a-descriptions',{attrs:{\"bordered\":\"\",\"column\":2}},[_c('a-descriptions-item',{attrs:{\"label\":\"Name\"}},[_vm._v(\" \"+_vm._s(_vm.studyName)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Country\"}},[_vm._v(\" \"+_vm._s(_vm.studyCountry)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Category\"}},[_vm._v(\" \"+_vm._s(_vm.studyCategory)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Brand\"}},[_vm._v(\" \"+_vm._s(_vm.studyBrand)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Legs(s)\"}},[_c('ul',{staticClass:\"mb-0 pl-0\"},_vm._l((_vm.studyLegsName),function(item,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(item)+\" \"),(index < _vm.projectSummary.legsName.length)?_c('br'):_vm._e()])}),0)]),_c('a-descriptions-item',{attrs:{\"label\":\"Deep Dive Product(s)\"}},[_c('ul',{staticClass:\"mb-0 pl-0\"},_vm._l((_vm.studyDeepDive),function(item,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(item)),(index + 1 < _vm.projectSummary.deepDiveProductsName.length)?_c('span',[_vm._v(\",\")]):_vm._e(),(index < _vm.projectSummary.deepDiveProductsName.length)?_c('br'):_vm._e()])}),0)]),_c('a-descriptions-item',{attrs:{\"label\":\"Communication Objective(s)\"}},[_vm._v(\" \"+_vm._s(_vm.studyCommunicationObjective1)),(\n              _vm.projectSummary !== null &&\n              _vm.projectSummary.chosenCommunicationObjective2 !== -1\n            )?_c('span',[_vm._v(\",\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.studyCommunicationObjective2)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Sample per deep dive\"}},[_vm._v(\" \"+_vm._s(_vm.studySampleSize)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Cost center\"}},[_vm._v(\" \"+_vm._s(_vm.studyCostCenter)+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":\"Estimate completion date\"}},[_vm._v(\" \"+_vm._s(_vm.estimateCompletionDate)+\" \")]),(_vm.user && _vm.user.SkinIdentifier !== 'pg')?_c('a-descriptions-item',{attrs:{\"label\":\"Report option\"}},[_vm._v(\" \"+_vm._s(_vm.reportOption)+\" \")]):_vm._e(),(_vm.user && _vm.user.SkinIdentifier !== 'pg')?_c('a-descriptions-item',{attrs:{\"label\":\"Implicit component\"}},[_vm._v(\" \"+_vm._s(_vm.implicitComponent ? \"Enabled\" : \"Disabled\")+\" \")]):_vm._e(),(\n            _vm.user &&\n            _vm.user.SkinIdentifier !== 'pg' &&\n            _vm.surveyType !== 'packtestextend'\n          )?_c('a-descriptions-item',{attrs:{\"label\":\"Custom Questions\"}},[_c('ol',{staticClass:\"mb-0 pl-15\"},_vm._l((_vm.customQuestions),function(item,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0),(_vm.customQuestions.length === 0)?_c('span',[_vm._v(\"/\")]):_vm._e()]):_vm._e()],1),_c('div',{staticClass:\"payment-status__total\"},[_c('a-descriptions',{attrs:{\"bordered\":\"\",\"column\":2}},[_c('a-descriptions-item',{attrs:{\"label\":\"Total price\"}},[_c('span',{staticClass:\"flex items-center\"},[_vm._v(\" $\"+_vm._s(_vm.formatPrice(_vm.studyPrice))+\" \")])])],1)],1),_c('div',{staticClass:\"flex justify-between items-center\"},[_c('p',{staticClass:\"payment-status__details-invoice-id\"},[_vm._v(\" Invoice ID: \"+_vm._s(_vm.studyId)+\" \")])])],1)]),_c('div',{staticClass:\"payment-status__info-details justify-center\"},[_c('p',[_vm._v(\" Your study titled \\\"\"+_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.projectName : \"/\")+\"\\\" has been successfully queued for fielding and a confirmation email has been sent. Once QA is complete, fielding will begin and progress details can be viewed from within your \"),_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":_vm.dashboardUrl}},[_c('strong',[_vm._v(\"Dashboard\")])]),_vm._v(\". \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.priceInfoText)+\" \"),_c('br'),_c('br'),_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":function($event){return _vm.$refs.getPdf.submit()}}},[_c('u',[_vm._v(\"Download a PDF copy of this confirmation.\")])])])]),_c('div',{staticClass:\"payment-status__cta flex justify-center\"},[_c('a-button',{on:{\"click\":_vm.dashboardUrl}},[_vm._v(\" Return to Dashboard \")])],1),_c('form',{ref:\"getPdf\",attrs:{\"action\":_vm.apiUrl,\"method\":\"POST\"}},[_c('input',{attrs:{\"id\":\"surveyId\",\"name\":\"surveyId\",\"type\":\"hidden\"},domProps:{\"value\":_vm.$route.params.id}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-status__info text-center\"},[_c('img',{attrs:{\"src\":\"/images/pay-success-1.png\",\"alt\":\"\"}}),_c('h1',[_vm._v(\"STUDY IN PROGRESS\")]),_c('p',[_vm._v(\"Success! Your study has been successfully queued for fielding.\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"payment-status body-bcg\">\n    <div class=\"payment-status__wrapper flex\">\n      <div class=\"payment-status__info text-center\">\n        <img src=\"/images/pay-success-1.png\" alt=\"\" />\n        <h1>STUDY IN PROGRESS</h1>\n        <p>Success! Your study has been successfully queued for fielding.</p>\n      </div>\n      <div class=\"payment-status__details\">\n        <h2 class=\"section-title\">Study details</h2>\n        <a-descriptions bordered :column=\"2\">\n          <a-descriptions-item label=\"Name\">\n            {{ studyName }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Country\">\n            {{ studyCountry }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Category\">\n            {{ studyCategory }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Brand\">\n            {{ studyBrand }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Legs(s)\">\n            <ul class=\"mb-0 pl-0\">\n              <li v-for=\"(item, index) in studyLegsName\" :key=\"index\">\n                {{ item }}\n                <br v-if=\"index < projectSummary.legsName.length\" />\n              </li>\n            </ul>\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Deep Dive Product(s)\">\n            <ul class=\"mb-0 pl-0\">\n              <li v-for=\"(item, index) in studyDeepDive\" :key=\"index\">\n                {{ item\n                }}<span\n                  v-if=\"index + 1 < projectSummary.deepDiveProductsName.length\"\n                  >,</span\n                >\n                <br v-if=\"index < projectSummary.deepDiveProductsName.length\" />\n              </li>\n            </ul>\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Communication Objective(s)\">\n            {{ studyCommunicationObjective1\n            }}<span\n              v-if=\"\n                projectSummary !== null &&\n                projectSummary.chosenCommunicationObjective2 !== -1\n              \"\n              >,</span\n            >\n            {{ studyCommunicationObjective2 }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Sample per deep dive\">\n            {{ studySampleSize }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Cost center\">\n            {{ studyCostCenter }}\n          </a-descriptions-item>\n          <a-descriptions-item label=\"Estimate completion date\">\n            {{ estimateCompletionDate }}\n          </a-descriptions-item>\n          <a-descriptions-item\n            label=\"Report option\"\n            v-if=\"user && user.SkinIdentifier !== 'pg'\"\n          >\n            {{ reportOption }}\n          </a-descriptions-item>\n          <a-descriptions-item\n            label=\"Implicit component\"\n            v-if=\"user && user.SkinIdentifier !== 'pg'\"\n          >\n            {{ implicitComponent ? \"Enabled\" : \"Disabled\" }}\n          </a-descriptions-item>\n          <a-descriptions-item\n            label=\"Custom Questions\"\n            v-if=\"\n              user &&\n              user.SkinIdentifier !== 'pg' &&\n              surveyType !== 'packtestextend'\n            \"\n          >\n            <ol class=\"mb-0 pl-15\">\n              <li v-for=\"(item, index) in customQuestions\" :key=\"index\">\n                {{ item }}\n              </li>\n            </ol>\n            <span v-if=\"customQuestions.length === 0\">/</span>\n          </a-descriptions-item>\n        </a-descriptions>\n\n        <div class=\"payment-status__total\">\n          <a-descriptions bordered :column=\"2\">\n            <a-descriptions-item label=\"Total price\">\n              <span class=\"flex items-center\">\n                ${{ formatPrice(studyPrice) }}\n              </span>\n            </a-descriptions-item>\n          </a-descriptions>\n        </div>\n        <div class=\"flex justify-between items-center\">\n          <p class=\"payment-status__details-invoice-id\">\n            Invoice ID:\n            {{ studyId }}\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"payment-status__info-details justify-center\">\n      <p>\n        Your study titled \"{{\n          projectSummary !== null ? projectSummary.projectName : \"/\"\n        }}\" has been successfully queued for fielding and a confirmation email\n        has been sent. Once QA is complete, fielding will begin and progress\n        details can be viewed from within your\n        <span @click=\"dashboardUrl\" class=\"cursor-pointer\"\n          ><strong>Dashboard</strong></span\n        >. <br />\n        {{ priceInfoText }}\n        <br /><br />\n        <span class=\"cursor-pointer\" @click=\"$refs.getPdf.submit()\"\n          ><u>Download a PDF copy of this confirmation.</u></span\n        >\n      </p>\n    </div>\n    <div class=\"payment-status__cta flex justify-center\">\n      <a-button @click=\"dashboardUrl\"> Return to Dashboard </a-button>\n    </div>\n    <form :action=\"apiUrl\" method=\"POST\" ref=\"getPdf\">\n      <input\n        :value=\"$route.params.id\"\n        id=\"surveyId\"\n        name=\"surveyId\"\n        type=\"hidden\"\n      />\n    </form>\n  </div>\n</template>\n\n<script>\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport priceFormating from \"@/mixins/priceFormating.js\";\n\nexport default {\n  name: \"LaunchInfo\",\n  mixins: [priceFormating],\n  data() {\n    return {\n      projectSummary: null,\n      editableSurvey: null,\n      apiUrl: null,\n      estimateCompletionDate: null,\n      user: null,\n      surveyType: null,\n    };\n  },\n  computed: {\n    priceInfoText() {\n      let message = \"\";\n      if (this.user && this.user.SkinIdentifier === \"pg\") {\n        message = `Please note that cost center ${\n          this.editableSurvey !== null\n            ? this.editableSurvey.SurveyConfig.CostCenter !== \"\"\n              ? this.editableSurvey.SurveyConfig.CostCenter\n              : \"/\"\n            : \"/\"\n        } will be cross-billed for USD $${this.formatPrice(this.studyPrice)}.`;\n      } else {\n        message = `Please note that you will be billed for USD $${this.formatPrice(\n          this.studyPrice\n        )}.`;\n      }\n      return message;\n    },\n    studyName() {\n      return this.projectSummary !== null\n        ? this.projectSummary.projectName\n        : \"/\";\n    },\n    studyCategory() {\n      return this.projectSummary !== null && \"category\" in this.projectSummary\n        ? this.projectSummary.category\n        : \"/\";\n    },\n    studyCountry() {\n      return this.projectSummary !== null ? this.projectSummary.country : \"/\";\n    },\n    studyBrand() {\n      return this.projectSummary !== null ? this.projectSummary.brand : \"/\";\n    },\n    studyDeepDive() {\n      return this.projectSummary !== null\n        ? this.projectSummary.deepDiveProductsName\n        : [];\n    },\n    studyLegsName() {\n      return this.projectSummary !== null ? this.projectSummary.legsName : [];\n    },\n    studyCommunicationObjective1() {\n      return this.projectSummary !== null\n        ? this.projectSummary.chosenCommunicationObjective1\n            .CommunicationObjectiveName\n        : \"/\";\n    },\n    studyCommunicationObjective2() {\n      return this.projectSummary !== null\n        ? this.projectSummary.chosenCommunicationObjective2\n            .CommunicationObjectiveName\n        : \"/\";\n    },\n    studyAllCommunicationObjective() {\n      let allCommunication = [];\n      allCommunication.push(this.studyCommunicationObjective1);\n      if (this.studyCommunicationObjective2 !== undefined) {\n        allCommunication.push(this.studyCommunicationObjective2);\n      }\n      return allCommunication;\n    },\n    studySampleSize() {\n      return this.editableSurvey && this.editableSurvey.audience\n        ? this.editableSurvey.audience.sampleSize\n        : \"/\";\n    },\n    studyCostCenter() {\n      return this.editableSurvey !== null\n        ? this.editableSurvey.SurveyConfig.CostCenter !== \"\"\n          ? this.editableSurvey.SurveyConfig.CostCenter\n          : \"/\"\n        : \"/\";\n    },\n    studyId() {\n      return this.editableSurvey !== null\n        ? this.editableSurvey.SurveyConfig.SurveyID\n        : \"/\";\n    },\n    studyPrice() {\n      return this.projectSummary !== null\n        ? this.projectSummary.surveyPackTestPrice\n        : \"/\";\n    },\n    customQuestions() {\n      return this.projectSummary !== null\n        ? this.projectSummary.customQuestions\n        : \"/\";\n    },\n    reportOption() {\n      return this.projectSummary !== null\n        ? this.projectSummary.ReportOption\n        : \"/\";\n    },\n    implicitComponent() {\n      return this.projectSummary !== null\n        ? this.projectSummary.implicitComponent\n        : \"/\";\n    },\n  },\n  methods: {\n    dashboardUrl() {\n      if (this.user.SkinIdentifier === \"pg\") {\n        window.open(\"https://vpt.pg.com\", \"_self\", \"noreferrer\");\n      } else {\n        this.$router.push(\"/\");\n      }\n    },\n    getDateAfter10Days() {\n      const today = new Date();\n      const futureDate = new Date(today.getTime() + 10 * 24 * 60 * 60 * 1000);\n      this.estimateCompletionDate = futureDate.toLocaleDateString();\n    },\n  },\n  activated() {\n    this.surveyType = jsUtils.readCookie(\"survey-type\");\n    this.user = jsUtils.getUserInfo();\n    this.projectSummary = jsUtils.getSurveySummaryData();\n    this.editableSurvey = jsUtils.getEditableSurvey();\n    if (\n      window.location.hostname === \"app.hotspexlabs.com\" ||\n      window.location.hostname === \"pg.hotspexlabs.com\" ||\n      window.location.hostname === \"d3n7xxuq0fwznj.cloudfront.net\" ||\n      window.location.hostname === \"d30wz03irsnsp8.cloudfront.net\" ||\n      window.location.hostname === \"d11qiq41szmpd8.cloudfront.net\"\n    ) {\n      this.apiUrl = \"https://admin.hotspexlabs.com/PackTestInvoice/Export\";\n    } else if (window.location.hostname === \"app-uat.hotspexstudio.com\") {\n      this.apiUrl =\n        \"https://admin-uat.hotspexstudio.com/PackTestInvoice/Export\";\n    } else {\n      this.apiUrl =\n        \"https://staging-admin.hotspexstudio.com/PackTestInvoice/Export\";\n    }\n    this.getDateAfter10Days();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.payment-status {\n  padding: 50px 30px;\n\n  &__wrapper {\n    width: 100%;\n    max-width: 1190px;\n    background-color: #fff;\n    margin: 0 auto 40px;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);\n  }\n  &__info {\n    flex: 0 0 40%;\n    padding: 30px 32px 25px;\n    background-color: var(--hsblue);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    &--failed {\n      background-color: #e44546;\n      img {\n        margin-left: -77px;\n      }\n    }\n    & * {\n      color: #fff;\n    }\n    img {\n      max-width: 360px;\n    }\n    h1 {\n      text-transform: uppercase;\n      font-weight: 600;\n      margin: 14px 0 4px;\n    }\n    p {\n      font-size: 20px;\n      line-height: 30px;\n      margin-bottom: 0;\n      a {\n        font-weight: 600;\n      }\n    }\n  }\n  &__details {\n    flex: 1;\n    padding: 40px 40px 25px;\n    text-align: left;\n    h2 {\n      font-size: 30px;\n    }\n    ::v-deep .ant-descriptions-item-label {\n      color: rgba(0, 0, 0, 0.85) !important;\n    }\n  }\n  &__total {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 40px;\n    .ant-descriptions {\n      max-width: 263px;\n      width: 100%;\n    }\n  }\n  &__details-list {\n    padding: 0;\n    margin: 0;\n    li {\n      strong {\n        color: #000;\n      }\n    }\n  }\n  &__details-invoice-id {\n    text-align: right;\n    font-size: 21px;\n    color: #545454;\n    margin: 0;\n  }\n  &__info-details {\n    max-width: 920px;\n    margin: 0 auto 25px;\n    p {\n      font-size: 18px;\n    }\n    strong {\n      font-weight: 500;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.payment-status {\n  &__details {\n    .ant-table-body {\n      margin-bottom: 40px;\n      .ant-table-thead {\n        tr {\n          th {\n            background-color: var(--hsblue);\n            color: #fff;\n            font-size: 16px;\n            line-height: 19px;\n            text-align: center;\n            border-width: 0 1px 2px 0;\n            border-style: solid;\n            border-color: #fff;\n            padding: 10px;\n            border-radius: 0 !important;\n          }\n          td {\n            background-color: #cfd5ea;\n          }\n        }\n      }\n      .ant-table-tbody {\n        tr {\n          td {\n            background-color: #cfd5ea;\n            border-right: 1px solid #fff;\n            text-align: center;\n            color: #000;\n            padding: 9px 10px;\n          }\n          &:hover {\n            td {\n              background-color: #cfd5ea;\n            }\n          }\n        }\n      }\n    }\n    .ant-descriptions-view {\n      border-color: #b9b9b9;\n      margin-bottom: 40px;\n    }\n    .ant-descriptions-row {\n      border-bottom-color: #b9b9b9;\n    }\n    .ant-descriptions-item-label {\n      padding: 9px 12px;\n      font-size: 12px;\n      font-weight: 600;\n      border-color: #b9b9b9;\n      background: #f0f0f0;\n    }\n    .ant-descriptions-item-content {\n      width: 175px;\n      padding: 9px 12px;\n      font-size: 12px;\n      border-color: #b9b9b9;\n      background: #fff;\n      color: #1c1c1c;\n    }\n    &--failed {\n      .ant-table-body {\n        .ant-table-thead {\n          tr {\n            th {\n              background-color: #e44546;\n            }\n          }\n        }\n      }\n      .ant-descriptions-item-label {\n        background-color: #e44546;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LaunchInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LaunchInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LaunchInfo.vue?vue&type=template&id=3e5407ae&scoped=true&\"\nimport script from \"./LaunchInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./LaunchInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LaunchInfo.vue?vue&type=style&index=0&id=3e5407ae&lang=scss&scoped=true&\"\nimport style1 from \"./LaunchInfo.vue?vue&type=style&index=1&lang=scss&\"\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  \"3e5407ae\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./MapExplorer.vue?vue&type=style&index=0&id=95947b54&lang=scss&scoped=true&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./Report.vue?vue&type=style&index=0&lang=scss&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./GlobalErrorPage.vue?vue&type=style&index=0&id=020478e6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"report\"},[_c('div',{staticClass:\"report__filters-trigger\",on:{\"click\":function($event){_vm.showFilters = true}}},[_vm._v(\" Filters (\"+_vm._s(_vm.activeFiltersLength)+\") & Comments \"),_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 25.451 25.451\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 25.451 25.451\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"d\":\"M20.982.521v2.006L8.57 12.315c-.121.101-.195.251-.195.41s.074.311.195.41l12.412 9.79v2.005a.52.52 0 0 1-.297.469.519.519 0 0 1-.549-.061L4.664 13.136a.531.531 0 0 1 0-.82L20.136.113a.523.523 0 0 1 .846.408z\"}})])]),_c('div',{staticClass:\"report__left-col\",class:{ 'is-active': _vm.showFilters }},[_c('Filters',{attrs:{\"activeFilter\":_vm.activeFilter},on:{\"filtersLength\":_vm.filtersLength,\"closeFilters\":function($event){_vm.showFilters = false}}})],1),_c('div',{staticClass:\"report__right-col\"},[_c('Report')],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from \"axios\";\n\nlet apiUrl;\nif (window.location.hostname === \"app.hotspexlabs.com\" ||\nwindow.location.hostname === \"pg.hotspexlabs.com\") {\n  apiUrl = \"https://admin.hotspexlabs.com\";\n} else if (window.location.hostname === \"app-uat.hotspexstudio.com\") {\n  apiUrl = \"https://admin-uat.hotspexstudio.com\";\n} else {\n  apiUrl = \"https://staging-admin.hotspexstudio.com\";\n}\n\nlet wsStudioHeader = `${apiUrl}/WebService.asmx/`;\nlet apiStudio = axios.create({\n  baseURL: wsStudioHeader,\n  headers: {\n    Accept: \"application/json\",\n    \"content-type\": \"application/json\",\n  },\n});\n\nexport function getComments(data, callback) {\n  apiStudio.post(\"clickspexCommentByFilter\", JSON.stringify(data)).then(\n    (response) => {\n      if (callback) {\n        callback(response.data.comments);\n      }\n    },\n    (error) => {\n      console.log(\"getComments fail: \" + error);\n    }\n  );\n}\n\nexport function getClickspexUnderCip(data, callback) {\n  apiStudio.post(\"getClickspexUnderCip\", JSON.stringify(data)).then(\n    (response) => {\n      if (callback) {\n        callback(response.data.clickspexs[0]);\n      }\n    },\n    (error) => {\n      console.log(\"getClickspexUnderCip fail: \" + error);\n    }\n  );\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"clickspex-filters\"},[_c('div',{staticClass:\"clickspex-filters__header\"},[_c('span',[_vm._v(\"Selected filters: \"+_vm._s(_vm.filtersLength))]),_c('button',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.resetAllFilters()}}},[_vm._v(\"Reset filters\")]),_c('button',{staticClass:\"clickspex-filters__close\",on:{\"click\":function($event){return _vm.$emit('closeFilters')}}},[_vm._v(\" Close \")])]),_c('div',{staticClass:\"clickspex-filters__content\"},[_c('div',{staticClass:\"clickspex-filters__check-box-content\"},[_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.gender),expression:\"checkboxFilters.gender\"}],attrs:{\"type\":\"checkbox\",\"value\":\"Male\",\"id\":\"male\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.gender)?_vm._i(_vm.checkboxFilters.gender,\"Male\")>-1:(_vm.checkboxFilters.gender)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.gender,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"Male\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"gender\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"gender\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"gender\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"male\"}},[_vm._v(\"Males\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.gender),expression:\"checkboxFilters.gender\"}],attrs:{\"type\":\"checkbox\",\"value\":\"Female\",\"id\":\"female\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.gender)?_vm._i(_vm.checkboxFilters.gender,\"Female\")>-1:(_vm.checkboxFilters.gender)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.gender,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"Female\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"gender\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"gender\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"gender\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"female\"}},[_vm._v(\"Females\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.yrs),expression:\"checkboxFilters.yrs\"}],attrs:{\"type\":\"checkbox\",\"value\":\"[18, 24]\",\"id\":\"yrs1\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.yrs)?_vm._i(_vm.checkboxFilters.yrs,\"[18, 24]\")>-1:(_vm.checkboxFilters.yrs)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.yrs,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"[18, 24]\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"yrs\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"yrs1\"}},[_vm._v(\"18-24 yrs\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.yrs),expression:\"checkboxFilters.yrs\"}],attrs:{\"type\":\"checkbox\",\"value\":\"[25, 34]\",\"id\":\"yrs2\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.yrs)?_vm._i(_vm.checkboxFilters.yrs,\"[25, 34]\")>-1:(_vm.checkboxFilters.yrs)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.yrs,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"[25, 34]\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"yrs\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"yrs2\"}},[_vm._v(\"25-34 yrs\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.yrs),expression:\"checkboxFilters.yrs\"}],attrs:{\"type\":\"checkbox\",\"value\":\"[35, 49]\",\"id\":\"yrs3\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.yrs)?_vm._i(_vm.checkboxFilters.yrs,\"[35, 49]\")>-1:(_vm.checkboxFilters.yrs)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.yrs,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"[35, 49]\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"yrs\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"yrs3\"}},[_vm._v(\"35-49 yrs\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.yrs),expression:\"checkboxFilters.yrs\"}],attrs:{\"type\":\"checkbox\",\"value\":\"[50, 59]\",\"id\":\"yrs4\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.yrs)?_vm._i(_vm.checkboxFilters.yrs,\"[50, 59]\")>-1:(_vm.checkboxFilters.yrs)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.yrs,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"[50, 59]\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"yrs\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"yrs4\"}},[_vm._v(\"50-59 yrs\")])]),_c('div',{staticClass:\"custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkboxFilters.yrs),expression:\"checkboxFilters.yrs\"}],attrs:{\"type\":\"checkbox\",\"value\":\"[60, 1000]\",\"id\":\"yrs5\"},domProps:{\"checked\":Array.isArray(_vm.checkboxFilters.yrs)?_vm._i(_vm.checkboxFilters.yrs,\"[60, 1000]\")>-1:(_vm.checkboxFilters.yrs)},on:{\"change\":[function($event){var $$a=_vm.checkboxFilters.yrs,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=\"[60, 1000]\",$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.checkboxFilters, \"yrs\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.checkboxFilters, \"yrs\", $$c)}},function($event){return _vm.setCommentsFilter()}]}}),_c('label',{attrs:{\"for\":\"yrs5\"}},[_vm._v(\"60+ yrs\")])])]),_c('div',{staticClass:\"clickspex-filters__select-content\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.iconID),expression:\"iconID\"}],attrs:{\"name\":\"\",\"id\":\"\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.iconID=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.setCommentsFilter()}]}},[_c('option',[_vm._v(\"All clicks\")]),_c('option',[_vm._v(\"Clicks with comment\")]),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Like\")]),_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"Dislike\")])]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.clickOrder),expression:\"clickOrder\"}],attrs:{\"name\":\"\",\"id\":\"\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.clickOrder=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.setCommentsFilter()}]}},[_c('option',{attrs:{\"value\":\"All clicks\"}},[_vm._v(\"All clicks\")]),_vm._l((_vm.getUniqeClickOrder),function(item){return _c('option',{key:item.clickOrder,domProps:{\"value\":item.clickOrder}},[_vm._v(\" \"+_vm._s(item.clickOrder)+\" \")])})],2)]),_c('div',{staticClass:\"clickspex-filters__comments\"},[_c('ul',_vm._l((_vm.getFilteredComments),function(item,index){return _c('li',{key:index,class:{\n            'green-border': item.iconID === 1 && item.isActive,\n            'red-border': item.iconID === 2 && item.isActive,\n          },on:{\"click\":function($event){return _vm.activeComment(index, !item.isActive)}}},[(item.comment !== '')?_c('span',[_vm._v(_vm._s(item.comment))]):_c('span',[_vm._v(\"<no comment provided>\")])])}),0)]),_c('div',{staticClass:\"flex justify-end clickspex-filters__export\"},[_c('button',{staticClass:\"btn\",on:{\"click\":_vm.exportReport}},[_vm._v(\"Export\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"clickspex-filters\">\n    <div class=\"clickspex-filters__header\">\n      <span>Selected filters: {{ filtersLength }}</span>\n      <button class=\"btn\" @click=\"resetAllFilters()\">Reset filters</button>\n      <button class=\"clickspex-filters__close\" @click=\"$emit('closeFilters')\">\n        Close\n      </button>\n    </div>\n    <div class=\"clickspex-filters__content\">\n      <div class=\"clickspex-filters__check-box-content\">\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"Male\"\n            v-model=\"checkboxFilters.gender\"\n            id=\"male\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"male\">Males</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"Female\"\n            v-model=\"checkboxFilters.gender\"\n            id=\"female\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"female\">Females</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"[18, 24]\"\n            v-model=\"checkboxFilters.yrs\"\n            id=\"yrs1\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"yrs1\">18-24 yrs</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"[25, 34]\"\n            v-model=\"checkboxFilters.yrs\"\n            id=\"yrs2\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"yrs2\">25-34 yrs</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"[35, 49]\"\n            v-model=\"checkboxFilters.yrs\"\n            id=\"yrs3\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"yrs3\">35-49 yrs</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"[50, 59]\"\n            v-model=\"checkboxFilters.yrs\"\n            id=\"yrs4\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"yrs4\">50-59 yrs</label>\n        </div>\n        <div class=\"custom-checkbox\">\n          <input\n            type=\"checkbox\"\n            value=\"[60, 1000]\"\n            v-model=\"checkboxFilters.yrs\"\n            id=\"yrs5\"\n            @change=\"setCommentsFilter()\"\n          />\n          <label for=\"yrs5\">60+ yrs</label>\n        </div>\n      </div>\n\n      <div class=\"clickspex-filters__select-content\">\n        <select name=\"\" id=\"\" @change=\"setCommentsFilter()\" v-model=\"iconID\">\n          <option>All clicks</option>\n          <option>Clicks with comment</option>\n          <option value=\"1\">Like</option>\n          <option value=\"2\">Dislike</option>\n        </select>\n        <select\n          name=\"\"\n          id=\"\"\n          @change=\"setCommentsFilter()\"\n          v-model=\"clickOrder\"\n        >\n          <option value=\"All clicks\">All clicks</option>\n          <option\n            v-for=\"item in getUniqeClickOrder\"\n            :key=\"item.clickOrder\"\n            :value=\"item.clickOrder\"\n          >\n            {{ item.clickOrder }}\n          </option>\n        </select>\n      </div>\n\n      <div class=\"clickspex-filters__comments\">\n        <ul>\n          <li\n            v-for=\"(item, index) in getFilteredComments\"\n            :key=\"index\"\n            @click=\"activeComment(index, !item.isActive)\"\n            :class=\"{\n              'green-border': item.iconID === 1 && item.isActive,\n              'red-border': item.iconID === 2 && item.isActive,\n            }\"\n          >\n            <span v-if=\"item.comment !== ''\">{{ item.comment }}</span>\n            <span v-else>&#60;no comment provided&#62;</span>\n          </li>\n        </ul>\n      </div>\n\n      <div class=\"flex justify-end clickspex-filters__export\">\n        <button class=\"btn\" @click=\"exportReport\">Export</button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { store, mutations } from \"@/utils/store.js\";\n\nexport default {\n  name: \"Filters\",\n  components: {},\n  data() {\n    return {\n      iconID: \"All clicks\",\n      clickOrder: \"All clicks\",\n      checkboxFilters: {\n        gender: [],\n        yrs: [],\n      },\n      filtersLength: 0,\n    };\n  },\n  props: {\n    activeFilter: {\n      type: String,\n    },\n  },\n  watch: {\n    activeFilter(newVal) {\n      this.resetAllFilters();\n      if (newVal === \"Female\" || newVal === \"Male\") {\n        this.checkboxFilters.gender.push(newVal);\n      } else if (newVal !== \"Total\") {\n        let yrs;\n        if (newVal === \"60\") {\n          yrs = `[60, 1000]`;\n          this.checkboxFilters.yrs.push(yrs);\n        } else {\n          yrs = newVal.split(\"-\").join(\", \");\n          this.checkboxFilters.yrs.push(`[${yrs}]`);\n        }\n      }\n      setTimeout(() => {\n        this.setCommentsFilter();\n      }, 200);\n    },\n  },\n  methods: {\n    setCommentsFilter() {\n      const filters = {\n        iconID: this.iconID !== \"All clicks\",\n        clickOrder: this.clickOrder !== \"All clicks\",\n      };\n      const activeFilters = Object.keys(filters).filter(\n        (k) => filters[k] === true\n      );\n      this.filtersLength =\n        activeFilters.length +\n        this.checkboxFilters.gender.length +\n        this.checkboxFilters.yrs.length;\n      this.$emit(\"filtersLength\", this.filtersLength);\n\n      let yrs = [];\n      this.checkboxFilters.yrs.forEach((item) => {\n        yrs.push(JSON.parse(item));\n      });\n\n      mutations.commentsLikeDislikeFilter({\n        iconID: this.iconID,\n        clickOrder: this.clickOrder,\n        gender:\n          this.checkboxFilters.gender.length === 0\n            ? [\"Male\", \"Female\"]\n            : this.checkboxFilters.gender,\n        yrs:\n          yrs.length !== 0\n            ? yrs\n            : [\n                [18, 24],\n                [25, 34],\n                [35, 49],\n                [50, 59],\n                [60, 1000],\n              ],\n      });\n    },\n    activeComment(index, isActive) {\n      mutations.setActiveComment({ index: index, isActive: isActive });\n    },\n    resetAllFilters() {\n      this.iconID = \"All clicks\";\n      this.clickOrder = \"All clicks\";\n      this.checkboxFilters.gender = [];\n      this.checkboxFilters.yrs = [];\n      this.filtersLength = 0;\n      mutations.resetClickspexFilters();\n    },\n    exportReport() {\n      let apiUrl;\n      if (\n        window.location.hostname === \"app.hotspexlabs.com\" ||\n        window.location.hostname === \"pg.hotspexlabs.com\"\n      ) {\n        apiUrl = \"https://admin.hotspexlabs.com/\";\n      } else if (window.location.hostname === \"app-uat.hotspexstudio.com\") {\n        apiUrl = \"https://admin-uat.hotspexstudio.com\";\n      } else {\n        apiUrl = \"https://staging-admin.hotspexstudio.com\";\n      }\n      let surveyId = encodeURIComponent(this.$route.query.SurveyCellID);\n      let yrs = this.checkboxFilters.yrs\n        .toString()\n        .split(\"[\")\n        .join(\"\")\n        .split(\"]\")\n        .join(\"\")\n        .split(\", \")\n        .join(\"-\")\n        .split(\"60-1000\")\n        .join(\"60+\");\n      if (yrs.length === 0) {\n        yrs = \"All\";\n      }\n\n      let likeDislike = \"All\";\n      let comments = false;\n      switch (this.iconID) {\n        case \"All clicks\":\n          likeDislike = \"All\";\n          break;\n        case \"Clicks with comment\":\n          comments = true;\n          break;\n        case \"1\":\n          likeDislike = \"Like\";\n          break;\n        case \"2\":\n          likeDislike = \"Dislike\";\n          break;\n        default:\n          break;\n      }\n\n      let gender =\n        this.checkboxFilters.gender.length === 1\n          ? this.checkboxFilters.gender\n          : \"All\";\n\n      let clicks = this.clickOrder === \"All clicks\" ? \"All\" : this.clickOrder;\n\n      window.open(\n        `${apiUrl}/Reports/ClickSpexCSVData?a=${surveyId}&b=${gender}&c=${yrs}&d=${likeDislike}&e=${clicks}&f=${comments}`,\n        \"_blank\"\n      );\n    },\n  },\n  computed: {\n    getFilteredComments() {\n      return store.clickspexReport.filteredComments;\n    },\n    getUniqeClickOrder() {\n      var resArr = [];\n      store.clickspexReport.comments.filter(function (item) {\n        var i = resArr.findIndex((x) => x.clickOrder == item.clickOrder);\n        if (i <= -1) {\n          resArr.push(item);\n        }\n        return null;\n      });\n      return resArr;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.clickspex-filters {\n  background-color: #2f2f30;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  @media only screen and (max-width: 800px) {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow-y: auto;\n  }\n  & * {\n    color: #fff;\n  }\n  .btn {\n    font-size: 14px;\n    padding: 6px 10px;\n    background: #5bbfde;\n    border-color: #5bbfde;\n    border-radius: 4px;\n    border: 0;\n    cursor: pointer;\n    &:hover {\n      background: #51afcc;\n      border-color: #51afcc;\n    }\n    &--disabled {\n      opacity: 0.6;\n      pointer-events: none;\n    }\n  }\n  .custom-checkbox {\n    margin-bottom: 6px;\n    label {\n      position: relative;\n      padding-left: 20px;\n      user-select: none;\n      cursor: pointer;\n      font-size: 14px;\n      display: block;\n      &:hover {\n        &:after {\n          border: 2px solid #fff;\n        }\n      }\n      &:after,\n      &::before {\n        position: absolute;\n        display: block;\n        content: \"\";\n      }\n      &:after {\n        left: 0;\n        top: 2px;\n        width: 15px;\n        height: 15px;\n        border: 1px solid #fff;\n        border-radius: 2px;\n      }\n      &:before {\n        background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='405.272' height='405.272' style='enable-background:new 0 0 405.272 405.272' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M393.401 124.425 179.603 338.208c-15.832 15.835-41.514 15.835-57.361 0L11.878 227.836c-15.838-15.835-15.838-41.52 0-57.358 15.841-15.841 41.521-15.841 57.355-.006l81.698 81.699L336.037 67.064c15.841-15.841 41.523-15.829 57.358 0 15.835 15.838 15.835 41.514.006 57.361z'/%3E%3C/svg%3E\");\n        background-size: contain;\n        left: 3px;\n        top: 4px;\n        z-index: 1;\n        width: 10px;\n        height: 10px;\n        transform: rotate(-9deg);\n        display: none;\n      }\n    }\n    input {\n      display: none;\n      &:checked {\n        + label {\n          font-weight: 600;\n          &:after {\n            background: #51afcc;\n            border-color: #51afcc;\n          }\n          &:before {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n  &__close {\n    display: none;\n    background: transparent;\n    border: 0;\n    margin-left: 12px;\n    cursor: pointer;\n    @media only screen and (max-width: 800px) {\n      display: block;\n    }\n  }\n  &__header {\n    font-size: 14px;\n    padding: 12px 15px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    @media only screen and (max-width: 800px) {\n      justify-content: flex-start;\n      > span {\n        flex: 1;\n      }\n    }\n  }\n  &__content {\n    padding: 0 15px;\n    flex: 1;\n    flex-direction: column;\n    overflow: hidden;\n  }\n  &__check-box-content {\n    border: 1px solid #484747;\n    border-radius: 4px;\n    padding: 12px 10px;\n    background: #3c3c3c;\n    margin-bottom: 15px;\n    .custom-checkbox {\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n  &__select-content {\n    margin-bottom: 15px;\n    background: #3c3c3c;\n    display: flex;\n    justify-content: space-between;\n    select {\n      color: #2f2f30;\n      width: calc(50% - 7px);\n      font-size: 14px;\n      height: 28px;\n      border-radius: 4px;\n      cursor: pointer;\n      option {\n        color: #2f2f30;\n      }\n    }\n  }\n  &__comments {\n    border: 1px solid #484747;\n    border-radius: 4px;\n    background: #3c3c3c;\n    flex: 1;\n    position: relative;\n    height: calc(100% - 324px);\n    margin-bottom: 10px;\n    @media only screen and (max-width: 800px) {\n      height: calc(100% - 285px);\n    }\n    &::after {\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      content: \"\";\n      height: 50px;\n      width: 100%;\n      background: linear-gradient(\n        to bottom,\n        rgba(0, 0, 0, 0) 0%,\n        rgba(47, 47, 48, 0.85) 100%\n      );\n      pointer-events: none;\n    }\n    ul {\n      position: absolute;\n      inset: 0;\n      overflow-y: auto;\n      padding: 0;\n      li {\n        border-bottom: 1px solid #646464;\n        padding: 10px;\n        font-size: 14px;\n        border-width: 0 0 1px 4px;\n        border-color: transparent transparent #646464 transparent;\n        border-style: solid;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        &:hover {\n          border-left-color: #fff;\n        }\n        &.green-border {\n          border-left-color: #40d802;\n        }\n        &.red-border {\n          border-left-color: #f50804;\n        }\n        &:last-child {\n          border-bottom: 0;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Filters.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Filters.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Filters.vue?vue&type=template&id=0232a3f5&\"\nimport script from \"./Filters.vue?vue&type=script&lang=js&\"\nexport * from \"./Filters.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Filters.vue?vue&type=style&index=0&lang=scss&\"\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 _c('div',[(_vm.getImageData !== '')?_c('div',{staticClass:\"report-details\"},[_c('img',{ref:\"reportImage\",attrs:{\"src\":_vm.getImageData.imageURL,\"alt\":_vm.getImageData.imageName}}),(_vm.dotsLoader)?_c('p',{staticClass:\"report-details__dots-loader flex items-center\"},[_c('i',{staticClass:\"circle-loader\"}),_vm._v(\"Loading data... \")]):_vm._e(),(_vm.imageWidth !== 0)?_c('div',{staticClass:\"report-details__dots\"},_vm._l((_vm.getFilteredComments),function(item,index){return _c('div',{key:index,staticClass:\"report-details__dots-item\",class:{\n          'is-active': item.isActive,\n        },style:({\n          left: (item.xPos / _vm.imageWidth) * 100 + '%',\n          top: (item.yPos / _vm.imageHeight) * 100 + '%',\n        })},[_c('span',{staticClass:\"report-details__dots-item-circle\",class:{\n            'green-bcg': item.iconID === 1,\n            'red-bcg': item.iconID === 2,\n          },on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.activeComment(index, !item.isActive)}}}),_c('div',{staticClass:\"report-details__dots-tooltip\"},[_c('span',{staticClass:\"flex items-center\"},[_c('strong',[_vm._v(\"spexID:\")]),_vm._v(\" \"+_vm._s(item.spexID)+\" \"),_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 512 512\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\",\"xml:space\":\"preserve\"},on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.activeComment(index, !item.isActive)}}},[_c('path',{attrs:{\"d\":\"m375.808 143.28-11.504-11.12-108.128 111.984L148.032 132.16l-11.488 11.12 108.512 112.384-108.512 112.368 11.488 11.12 108.144-111.984 108.128 111.984 11.504-11.12-108.512-112.368z\"}}),_c('path',{attrs:{\"d\":\"M0 0v512h512V0H0zm496.032 496.032H15.968V15.968h480.064v480.064z\"}})])]),(item.comment !== '')?_c('p',[_vm._v(_vm._s(item.comment))]):_c('p',[_vm._v(\"[ ]\")])])])}),0):_vm._e()]):_c('p',{staticClass:\"loader\"},[_c('i',{staticClass:\"circle-loader\"}),_vm._v(\"Loading data...\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"report-details\" v-if=\"getImageData !== ''\">\n      <img\n        ref=\"reportImage\"\n        :src=\"getImageData.imageURL\"\n        :alt=\"getImageData.imageName\"\n      />\n\n      <p\n        class=\"report-details__dots-loader flex items-center\"\n        v-if=\"dotsLoader\"\n      >\n        <i class=\"circle-loader\"></i>Loading data...\n      </p>\n\n      <div class=\"report-details__dots\" v-if=\"imageWidth !== 0\">\n        <div\n          class=\"report-details__dots-item\"\n          v-for=\"(item, index) in getFilteredComments\"\n          :key=\"index\"\n          :style=\"{\n            left: (item.xPos / imageWidth) * 100 + '%',\n            top: (item.yPos / imageHeight) * 100 + '%',\n          }\"\n          :class=\"{\n            'is-active': item.isActive,\n          }\"\n        >\n          <span\n            @click.self=\"activeComment(index, !item.isActive)\"\n            :class=\"{\n              'green-bcg': item.iconID === 1,\n              'red-bcg': item.iconID === 2,\n            }\"\n            class=\"report-details__dots-item-circle\"\n          ></span>\n          <div class=\"report-details__dots-tooltip\">\n            <span class=\"flex items-center\"\n              ><strong>spexID:</strong> {{ item.spexID }}\n              <svg\n                @click.self=\"activeComment(index, !item.isActive)\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 512 512\"\n                style=\"enable-background: new 0 0 512 512\"\n                xml:space=\"preserve\"\n              >\n                <path\n                  d=\"m375.808 143.28-11.504-11.12-108.128 111.984L148.032 132.16l-11.488 11.12 108.512 112.384-108.512 112.368 11.488 11.12 108.144-111.984 108.128 111.984 11.504-11.12-108.512-112.368z\"\n                />\n                <path\n                  d=\"M0 0v512h512V0H0zm496.032 496.032H15.968V15.968h480.064v480.064z\"\n                /></svg\n            ></span>\n            <p v-if=\"item.comment !== ''\">{{ item.comment }}</p>\n            <p v-else>[ ]</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <p v-else class=\"loader\"><i class=\"circle-loader\"></i>Loading data...</p>\n  </div>\n</template>\n\n<script>\nimport { store, mutations } from \"@/utils/store.js\";\n\nexport default {\n  name: \"Report\",\n  components: {},\n  data() {\n    return {\n      imageWidth: 0,\n      imageHeight: 0,\n    };\n  },\n  methods: {\n    activeComment(index, isActive) {\n      mutations.setActiveComment({ index: index, isActive: isActive });\n    },\n  },\n  computed: {\n    getImageData() {\n      return store.clickspexReport.imageData;\n    },\n    getFilteredComments() {\n      return store.clickspexReport.filteredComments;\n    },\n    dotsLoader() {\n      return this.imageWidth === 0;\n    },\n  },\n  watch: {\n    getImageData: {\n      immediate: true,\n      handler() {\n        this.$nextTick(() => {\n          if (this.$refs.reportImage) {\n            setTimeout(() => {\n              this.imageWidth = this.$refs.reportImage.naturalWidth;\n              this.imageHeight = this.$refs.reportImage.naturalHeight;\n            }, 1500);\n          }\n        });\n      },\n      deep: true,\n    },\n  },\n  mounted() {\n    //works! child components were loaded\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.report-details {\n  border: 2px solid #000;\n  display: inline-flex;\n  position: relative;\n  user-select: none;\n  > img {\n    width: 100%;\n  }\n  &__dots-loader {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 3px;\n    padding: 5px 9px;\n  }\n  &__dots {\n    position: absolute;\n    inset: 0;\n  }\n  &__dots-item {\n    position: absolute;\n    width: 15px;\n    height: 15px;\n    cursor: pointer;\n    transition: outline-color 0.2s ease;\n    &.is-active {\n      outline-color: #fff;\n      z-index: 1;\n      .report-details__dots-tooltip {\n        opacity: 1;\n        visibility: visible;\n        transform: translateX(0);\n      }\n    }\n    &:hover {\n      z-index: 2 !important;\n      outline-color: #fff;\n    }\n  }\n  &__dots-item-circle {\n    border-radius: 50%;\n    border: 2px solid #fff;\n    background: #000;\n    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);\n    outline: 1px solid transparent;\n    display: block;\n    width: 15px;\n    height: 15px;\n    &.red-bcg {\n      background: #f50804;\n      .report-details__dots-tooltip {\n        background: #f5ebeb;\n        &:after {\n          border-color: transparent #f5ebeb transparent transparent;\n        }\n      }\n    }\n    &.green-bcg {\n      background: #40d802;\n      .report-details__dots-tooltip {\n        background: #d0ffe0;\n        &:after {\n          border-color: transparent #d0ffe0 transparent transparent;\n        }\n      }\n    }\n    &:hover {\n      ~ .report-details__dots-tooltip {\n        opacity: 1;\n        visibility: visible;\n        transform: translateX(0);\n      }\n    }\n  }\n  &__dots-tooltip {\n    background: #fff;\n    position: absolute;\n    left: 100%;\n    top: -9px;\n    margin-left: 10px;\n    width: 170px;\n    padding: 5px 5px 6px;\n    border-radius: 4px;\n    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);\n    opacity: 0;\n    visibility: hidden;\n    transform: translateX(5px);\n    transition: all 0.3s ease;\n    &:after {\n      content: \"\";\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 8px 8px 8px 0;\n      border-color: transparent #fff transparent transparent;\n      left: -8px;\n      top: 6px;\n    }\n    span {\n      font-size: 14px;\n      border-bottom: 1px solid #878383;\n      padding-bottom: 5px;\n      margin-bottom: 5px;\n      strong {\n        padding-right: 3px;\n      }\n    }\n    p {\n      font-size: 14px;\n      line-height: 18px;\n    }\n    svg {\n      width: 15px;\n      height: 15px;\n      margin-left: auto;\n    }\n  }\n}\n\n.loader {\n  height: calc(100vh - 130px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Report.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Report.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Report.vue?vue&type=template&id=2aaae5a1&\"\nimport script from \"./Report.vue?vue&type=script&lang=js&\"\nexport * from \"./Report.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Report.vue?vue&type=style&index=0&lang=scss&\"\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","<template>\n  <div>\n    <div class=\"report\">\n      <div class=\"report__filters-trigger\" @click=\"showFilters = true\">\n        Filters ({{ activeFiltersLength }}) & Comments\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 25.451 25.451\"\n          style=\"enable-background: new 0 0 25.451 25.451\"\n          xml:space=\"preserve\"\n        >\n          <path\n            d=\"M20.982.521v2.006L8.57 12.315c-.121.101-.195.251-.195.41s.074.311.195.41l12.412 9.79v2.005a.52.52 0 0 1-.297.469.519.519 0 0 1-.549-.061L4.664 13.136a.531.531 0 0 1 0-.82L20.136.113a.523.523 0 0 1 .846.408z\"\n          />\n        </svg>\n      </div>\n      <div class=\"report__left-col\" :class=\"{ 'is-active': showFilters }\">\n        <Filters\n          @filtersLength=\"filtersLength\"\n          @closeFilters=\"showFilters = false\"\n          :activeFilter=\"activeFilter\"\n        ></Filters>\n      </div>\n      <div class=\"report__right-col\">\n        <Report></Report>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as wsUtilsClickspexReport from \"@/utils/wsUtilsClickspexReport.js\";\nimport Filters from \"../components/clickspexReport/Filters.vue\";\nimport Report from \"../components/clickspexReport/Report.vue\";\nimport { mutations } from \"@/utils/store.js\";\nexport default {\n  name: \"ClickspexReport\",\n  components: { Filters, Report },\n  props: {},\n  data() {\n    return {\n      showFilters: false,\n      activeFiltersLength: 0,\n      activeFilter: null,\n    };\n  },\n  methods: {\n    getAllComments(data) {\n      let query = this.$route.query;\n      const commentsList = new Promise((resolve) => {\n        wsUtilsClickspexReport.getComments(data, resolve);\n      });\n\n      commentsList.then((data) => {\n        mutations.setClickspexReportComments(data);\n        this.activeFilter = query.Filter;\n      });\n    },\n    getImage(data) {\n      const image = new Promise((resolve) => {\n        wsUtilsClickspexReport.getClickspexUnderCip(data, resolve);\n      });\n\n      image.then((data) => {\n        mutations.setClickspexReportImage(data);\n      });\n    },\n    filtersLength(e) {\n      this.activeFiltersLength = e;\n    },\n  },\n  activated() {\n    let query = this.$route.query;\n    this.getAllComments({\n      SurveyCellID: query.SurveyCellID,\n      filter: \"Total\",\n      needTranslate: query.needTranslate,\n    });\n    this.getImage({\n      SurveyCellID: query.SurveyCellID,\n    });\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.report {\n  text-align: left;\n  display: flex;\n  height: calc(100vh - 55px);\n  @media only screen and (max-width: 800px) {\n    display: block;\n    padding: 20px 0;\n  }\n  &__left-col {\n    width: 350px;\n    @media screen and (max-width: 1100px) {\n      width: 250px;\n    }\n    @media only screen and (max-width: 800px) {\n      position: fixed;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 999;\n      padding: 55px 0 0;\n      overflow: auto;\n      display: none;\n      &.is-active {\n        display: block;\n      }\n    }\n  }\n  &__filters-trigger {\n    text-align: center;\n    border-width: 1px 0;\n    border-style: solid;\n    font-size: 14px;\n    border-color: #edecec;\n    font-weight: 600;\n    color: #007185;\n    padding: 9px;\n    margin-bottom: 20px;\n    cursor: pointer;\n    display: none;\n    @media only screen and (max-width: 800px) {\n      display: block;\n    }\n    svg {\n      width: 7px;\n      stroke: 2px;\n      stroke-width: 3px;\n      stroke: #007185;\n      transform: rotate(-90deg);\n    }\n  }\n  &__right-col {\n    flex: 1;\n    padding: 12px 15px;\n    overflow-y: auto;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClickspexReport.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClickspexReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClickspexReport.vue?vue&type=template&id=01816aa3&scoped=true&\"\nimport script from \"./ClickspexReport.vue?vue&type=script&lang=js&\"\nexport * from \"./ClickspexReport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClickspexReport.vue?vue&type=style&index=0&id=01816aa3&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  \"01816aa3\",\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',{staticClass:\"error-page flex justify-center items-center\"},[_vm._m(0),_c('div',{staticClass:\"error-page__info flex items-center\"},[_c('a-button',{staticClass:\"ant-btn-lg\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.backToHome}},[_vm._v(\" Back to home page \")])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"error-page__info flex items-center\"},[_c('h1',{staticClass:\"mob-show\"},[_vm._v(\"Oh no!\")]),_c('div',{staticClass:\"error-page__info-image\"},[_c('img',{attrs:{\"src\":\"/images/error.png\",\"alt\":\"Error\"}})]),_c('div',[_c('h1',{staticClass:\"mob-hide\"},[_vm._v(\"Oh no!\")]),_c('p',[_vm._v(\" That wasn't supposed to happen. \"),_c('br'),_c('br'),_vm._v(\" We've encountered an error and our team is looking into it. \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"error-page flex justify-center items-center\">\n    <div class=\"error-page__info flex items-center\">\n      <h1 class=\"mob-show\">Oh no!</h1>\n      <div class=\"error-page__info-image\">\n        <img src=\"/images/error.png\" alt=\"Error\" />\n      </div>\n      <div>\n        <h1 class=\"mob-hide\">Oh no!</h1>\n        <p>\n          That wasn't supposed to happen. <br /><br />\n          We've encountered an error and our team is looking into it.\n        </p>\n      </div>\n    </div>\n    <div class=\"error-page__info flex items-center\">\n      <a-button type=\"primary\" @click=\"backToHome\" class=\"ant-btn-lg\">\n        Back to home page\n      </a-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\n\nexport default {\n  name: \"GlobalErrorPage\",\n  props: {\n    surveyId: String,\n  },\n  data() {\n    return {};\n  },\n  methods: {\n    backToHome() {\n      this.$router.push(\"/\");\n    },\n  },\n  activated() {\n    let data;\n\n    if (this.$route.params.id === \"WS1UL_01\") {\n      data = {\n        ErrorCode: this.$route.params.id,\n        Description: `Data missing for User Id : ${this.$route.params.userId}`,\n      };\n    } else {\n      data = {\n        ErrorCode: this.$route.params.id,\n        SurveyId: this.$route.params.surveyId,\n        Description: this.$route.params.description,\n      };\n    }\n    wsUtils.setErrorLog(data);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.error-page {\n  flex-direction: column;\n  padding: 50px 30px;\n  &__info {\n    max-width: 890px;\n    margin: 0 auto 25px;\n    text-align: left;\n    @media screen and (max-width: 800px) {\n      flex-direction: column;\n      text-align: center;\n      br {\n        display: none;\n      }\n    }\n    h1 {\n      text-transform: uppercase;\n      font-weight: 600;\n      font-size: 60px;\n      line-height: normal;\n      margin-bottom: 8px;\n      color: #ff8500;\n      text-shadow: 2px 0px 1px #000;\n      @media screen and (max-width: 800px) {\n        text-shadow: none;\n        margin-bottom: 15px;\n      }\n      &.mob-hide {\n        @media screen and (max-width: 800px) {\n          display: none;\n        }\n      }\n      &.mob-show {\n        display: none;\n        @media screen and (max-width: 800px) {\n          display: block;\n        }\n      }\n    }\n    p {\n      font-size: 36px;\n      font-weight: 600;\n      color: #a45bcc;\n      text-transform: uppercase;\n      text-shadow: 2px 0px 1px #000;\n      line-height: 46px;\n      margin: 0;\n      @media screen and (max-width: 800px) {\n        text-shadow: none;\n        font-weight: 400;\n        font-size: 26px;\n        line-height: 32px;\n      }\n    }\n  }\n  &__info-image {\n    max-width: 400px;\n    margin-right: 40px;\n    @media screen and (max-width: 800px) {\n      margin: 0 0 22px 0;\n    }\n    img {\n      width: 100%;\n      margin-bottom: 4px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GlobalErrorPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GlobalErrorPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GlobalErrorPage.vue?vue&type=template&id=020478e6&scoped=true&\"\nimport script from \"./GlobalErrorPage.vue?vue&type=script&lang=js&\"\nexport * from \"./GlobalErrorPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GlobalErrorPage.vue?vue&type=style&index=0&id=020478e6&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  \"020478e6\",\n  null\n  \n)\n\nexport default component.exports","export default {\n  methods: {\n    formatPrice(price) {\n      if (price === undefined || price === null || (typeof price === 'object' && Object.keys(price).length === 0)) {\n        return \" /\";\n      }\n    \n      if (price === 0) {\n        return \"0\";\n      }\n    \n      return price.toLocaleString(undefined, {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    },\n    \n  },\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-explorer\"},[_c('div',{staticClass:\"map-explorer__filters\"},[_c('h1',[_vm._v(\" Emotional Impact Explorer\"),(_vm.pageTitle !== '')?_c('span',[_vm._v(\":\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.pageTitle)+\" \")]),_c('div',{staticClass:\"map-explorer__filters-item\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Filter\")]),_c('a-select',{key:Math.random(),attrs:{\"show-search\":\"\",\"placeholder\":\"Please select...\",\"default-value\":_vm.activeFilter ? _vm.activeFilter : undefined},on:{\"change\":_vm.selectFilter}},_vm._l((_vm.mapExplorerFilterList),function(item,index){return _c('a-select-option',{key:index,attrs:{\"value\":item.filterName}},[_vm._v(\" \"+_vm._s(item.filterName)+\" \")])}),1)],1),_c('div',{staticClass:\"map-explorer__filters-item\"},[_c('label',[_vm._v(\"Show labels\")]),_c('a-checkbox',{model:{value:(_vm.showLabels),callback:function ($$v) {_vm.showLabels=$$v},expression:\"showLabels\"}})],1),_c('div',{staticClass:\"map-explorer__filters-item\"},[_c('label',[_vm._v(\"Show key attributes\")]),_c('a-checkbox',{model:{value:(_vm.showStrategicPins),callback:function ($$v) {_vm.showStrategicPins=$$v},expression:\"showStrategicPins\"}})],1),_c('a-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.getReport}},[_vm._v(\" Export \")])],1),_c('div',{staticClass:\"map-explorer__inner\"},[(_vm.mapExplorerImage === '')?_c('p',{staticClass:\"flex\"},[_c('i',{staticClass:\"circle-loader\"}),_vm._v(\" Loading... \")]):_c('div',{staticClass:\"map-explorer__image\"},[_c('img',{staticClass:\"map-explorer__image-heat\",attrs:{\"src\":_vm.mapExplorerImage,\"alt\":\"Map explorer\"}}),_vm._l((_vm.mapExplorerValues),function(item,index){return _c('div',{key:index,staticClass:\"map-explorer__circle\",class:{\n          'is-active': item.showPin || (_vm.showStrategicPins && item.strategic),\n          'is-strong': item.strategic,\n        },style:({\n          left: item.xPos / 10 + '%',\n          top: item.yPos / 6.69 + '%',\n        }),attrs:{\"title\":\"Click to PIN\"}},[_c('span',{staticClass:\"map-explorer__trigger\",on:{\"click\":function($event){_vm.mapExplorerValues[index].showPin =\n              !_vm.mapExplorerValues[index].showPin}}}),(_vm.showLabels)?_c('span',{staticClass:\"map-explorer__labels\"},[_vm._v(_vm._s(item.attribute))]):_vm._e(),_c('div',{staticClass:\"map-explorer__circle-tooltip\"},[_vm._v(\" \"+_vm._s(item.attribute)+\" [\"+_vm._s(((item.Score / item.BaseSize) * 100).toFixed(2))+\"%] \"),_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 512 512\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\",\"xml:space\":\"preserve\"},on:{\"click\":function($event){_vm.mapExplorerValues[index].showPin =\n                !_vm.mapExplorerValues[index].showPin}}},[_c('path',{attrs:{\"d\":\"m375.808 143.28-11.504-11.12-108.128 111.984L148.032 132.16l-11.488 11.12 108.512 112.384-108.512 112.368 11.488 11.12 108.144-111.984 108.128 111.984 11.504-11.12-108.512-112.368z\"}}),_c('path',{attrs:{\"d\":\"M0 0v512h512V0H0zm496.032 496.032H15.968V15.968h480.064v480.064z\"}})])])])})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from \"axios\";\n\nlet apiUrl;\nif (window.location.hostname === \"app.hotspexlabs.com\" ||\nwindow.location.hostname === \"pg.hotspexlabs.com\") {\n  apiUrl = \"https://admin.hotspexlabs.com\";\n} else if (window.location.hostname === \"app-uat.hotspexstudio.com\") {\n  apiUrl = \"https://admin-uat.hotspexstudio.com\";\n} else {\n  apiUrl = \"https://staging-admin.hotspexstudio.com\";\n}\n\nlet wsStudioHeader = `${apiUrl}/WebService.asmx/`;\nlet apiStudio = axios.create({\n  baseURL: wsStudioHeader,\n  headers: {\n    Accept: \"application/json\",\n    \"content-type\": \"application/json\",\n  },\n});\n\nexport function getMapExplorerImage(data, callback) {\n  apiStudio.post(\"GetPersonaImageUrl\", JSON.stringify(data)).then(\n    (response) => {\n      if (callback) {\n        callback(response.data);\n      }\n    },\n    (error) => {\n      console.log(\"RegisterUser fail: \" + error);\n    }\n  );\n}\n\nexport function getMapExplorerFilterList(data, callback) {\n  apiStudio.post(\"GetPersonaMFilterList\", JSON.stringify(data)).then(\n    (response) => {\n      if (callback) {\n        callback(response.data);\n      }\n    },\n    (error) => {\n      console.log(\"RegisterUser fail: \" + error);\n    }\n  );\n}\n\nexport function getMapExplorerValues(data, callback) {\n  apiStudio.post(\"GetPersonaMValues\", JSON.stringify(data)).then(\n    (response) => {\n      if (callback) {\n        callback(response.data);\n      }\n    },\n    (error) => {\n      console.log(\"RegisterUser fail: \" + error);\n    }\n  );\n}\n","<template>\n  <div class=\"map-explorer\">\n    <div class=\"map-explorer__filters\">\n      <h1>\n        Emotional Impact Explorer<span v-if=\"pageTitle !== ''\">:</span>\n        {{ pageTitle }}\n      </h1>\n      <div class=\"map-explorer__filters-item\">\n        <label for=\"\">Filter</label>\n        <a-select\n          @change=\"selectFilter\"\n          show-search\n          placeholder=\"Please select...\"\n          :key=\"Math.random()\"\n          :default-value=\"activeFilter ? activeFilter : undefined\"\n        >\n          <a-select-option\n            v-for=\"(item, index) in mapExplorerFilterList\"\n            :key=\"index\"\n            :value=\"item.filterName\"\n          >\n            {{ item.filterName }}\n          </a-select-option>\n        </a-select>\n      </div>\n      <div class=\"map-explorer__filters-item\">\n        <label>Show labels</label>\n        <a-checkbox v-model=\"showLabels\"> </a-checkbox>\n      </div>\n      <div class=\"map-explorer__filters-item\">\n        <label>Show key attributes</label>\n        <a-checkbox v-model=\"showStrategicPins\"> </a-checkbox>\n      </div>\n      <a-button type=\"primary\" @click=\"getReport\"> Export </a-button>\n    </div>\n    <div class=\"map-explorer__inner\">\n      <p class=\"flex\" v-if=\"mapExplorerImage === ''\">\n        <i class=\"circle-loader\"></i> Loading...\n      </p>\n      <div v-else class=\"map-explorer__image\">\n        <img\n          :src=\"mapExplorerImage\"\n          class=\"map-explorer__image-heat\"\n          alt=\"Map explorer\"\n        />\n        <div\n          class=\"map-explorer__circle\"\n          :class=\"{\n            'is-active': item.showPin || (showStrategicPins && item.strategic),\n            'is-strong': item.strategic,\n          }\"\n          v-for=\"(item, index) in mapExplorerValues\"\n          :key=\"index\"\n          :style=\"{\n            left: item.xPos / 10 + '%',\n            top: item.yPos / 6.69 + '%',\n          }\"\n          title=\"Click to PIN\"\n        >\n          <span\n            class=\"map-explorer__trigger\"\n            @click=\"\n              mapExplorerValues[index].showPin =\n                !mapExplorerValues[index].showPin\n            \"\n          ></span>\n          <span class=\"map-explorer__labels\" v-if=\"showLabels\">{{\n            item.attribute\n          }}</span>\n          <div class=\"map-explorer__circle-tooltip\">\n            {{ item.attribute }} [{{\n              ((item.Score / item.BaseSize) * 100).toFixed(2)\n            }}%]\n            <svg\n              @click=\"\n                mapExplorerValues[index].showPin =\n                  !mapExplorerValues[index].showPin\n              \"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 512 512\"\n              style=\"enable-background: new 0 0 512 512\"\n              xml:space=\"preserve\"\n            >\n              <path\n                d=\"m375.808 143.28-11.504-11.12-108.128 111.984L148.032 132.16l-11.488 11.12 108.512 112.384-108.512 112.368 11.488 11.12 108.144-111.984 108.128 111.984 11.504-11.12-108.512-112.368z\"\n              />\n              <path\n                d=\"M0 0v512h512V0H0zm496.032 496.032H15.968V15.968h480.064v480.064z\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as wsUtilsMapExplorer from \"@/utils/wsUtilsMapExplorer.js\";\nexport default {\n  name: \"MapExplorer\",\n  props: {},\n  data() {\n    return {\n      mapExplorerImage: \"\",\n      mapExplorerFilterList: null,\n      mapExplorerValues: [],\n      activeFilter: null,\n      activeSurveyCellID: null,\n      activePin: null,\n      showLabels: true,\n      showStrategicPins: false,\n      circleValues: [],\n      pageTitle: \"\",\n      apiUrl: null,\n    };\n  },\n  methods: {\n    getMapExplorerImage(surveyId, filter) {\n      let data = { SurveyCellID: surveyId, Filter: filter };\n      const getMapExplorerImage = new Promise((resolve) => {\n        wsUtilsMapExplorer.getMapExplorerImage(data, resolve);\n      });\n\n      getMapExplorerImage.then((data) => {\n        this.mapExplorerImage = data;\n      });\n    },\n    getMapExplorerFilterList(surveyId) {\n      let data = { SurveyCellID: surveyId };\n      const getMapExplorerFilterList = new Promise((resolve) => {\n        wsUtilsMapExplorer.getMapExplorerFilterList(data, resolve);\n      });\n\n      getMapExplorerFilterList.then((data) => {\n        this.mapExplorerFilterList = data;\n      });\n    },\n    getMapExplorerValues(surveyId, filter) {\n      let data = { SurveyCellID: surveyId, Filter: filter };\n      const getMapExplorerValues = new Promise((resolve) => {\n        wsUtilsMapExplorer.getMapExplorerValues(data, resolve);\n      });\n\n      getMapExplorerValues.then((data) => {\n        let attrs = data.map((attr) => {\n          return {\n            xPos: Math.round(\n              ((2 + attr.xPos) / 4) * 0.949 * 1000 + (0.051 * 1000) / 2\n            ),\n            yPos: Math.round(\n              ((2 - attr.yPos) / 4) * 0.935 * 670 + (0.065 * 670) / 2\n            ),\n            BaseSize: attr.BaseSize,\n            attribute: attr.attribute,\n            Score: attr.Score,\n            strategic: attr.strategic,\n            showPin: false,\n          };\n        });\n        this.mapExplorerValues = attrs;\n      });\n    },\n    getReport() {\n      if (\n        window.location.hostname === \"app.hotspexlabs.com\" ||\n        window.location.hostname === \"pg.hotspexlabs.com\" ||\n        window.location.hostname === \"d3n7xxuq0fwznj.cloudfront.net\" ||\n        window.location.hostname === \"d30wz03irsnsp8.cloudfront.net\" ||\n        window.location.hostname === \"d11qiq41szmpd8.cloudfront.net\"\n      ) {\n        this.apiUrl = `https://admin.hotspexlabs.com/Reports/getExplicitMapExplorerExcel?a=${this.$route.query.SurveyCellID}&b=${this.$route.query.Filter}`;\n      } else if (window.location.hostname === \"app-uat.hotspexstudio.com\") {\n        this.apiUrl = `https://admin-uat.hotspexstudio.com/Reports/getExplicitMapExplorerExcel?a=${this.$route.query.SurveyCellID}&b=${this.$route.query.Filter}`;\n      } else {\n        this.apiUrl = `https://staging-admin.hotspexstudio.com/Reports/getExplicitMapExplorerExcel?a=${this.$route.query.SurveyCellID}&b=${this.$route.query.Filter}`;\n      }\n      window.open(this.apiUrl, \"_self\", \"noreferrer\");\n    },\n    selectFilter(filterName) {\n      if (this.$route.query.Filter !== filterName) {\n        this.$router.push({\n          query: Object.assign({}, this.$route.query, {\n            Filter: filterName,\n          }),\n        });\n        this.activeFilter = filterName;\n        this.getMapExplorerImage(this.activeSurveyCellID, filterName);\n        this.getMapExplorerValues(this.activeSurveyCellID, filterName);\n      }\n    },\n    setActivePin(pinId) {\n      if (this.activePin === pinId) {\n        this.activePin = null;\n      } else {\n        this.activePin = pinId;\n      }\n    },\n  },\n  activated() {\n    let query = this.$route.query;\n    this.activeFilter = query.Filter;\n    this.activeSurveyCellID = query.SurveyCellID;\n    this.pageTitle = query.Title || \"\";\n\n    this.getMapExplorerImage(this.activeSurveyCellID, this.activeFilter);\n    this.getMapExplorerFilterList(this.activeSurveyCellID);\n    this.getMapExplorerValues(this.activeSurveyCellID, this.activeFilter);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.map-explorer {\n  &__filters {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: 15px 30px 15px 20px;\n    border-bottom: 1px solid #e5e5e5;\n    @media screen and (max-width: 800px) {\n      padding: 15px 20px 10px;\n      .ant-btn {\n        margin-bottom: 10px;\n      }\n    }\n    h1 {\n      margin: 0;\n      font-size: 18px;\n      line-height: normal;\n      flex: 1;\n      text-align: left;\n      @media screen and (max-width: 800px) {\n        flex: 0 0 100%;\n        margin-bottom: 15px;\n      }\n    }\n  }\n  &__filters-item {\n    margin-left: 20px;\n    &:last-of-type {\n      margin-right: 30px;\n      border-right: 1px solid #e5e5e5;\n      padding-right: 20px;\n    }\n    @media screen and (max-width: 800px) {\n      margin: 0 20px 10px 0;\n      &:last-child {\n        margin: 0 0 10px 0;\n      }\n    }\n    label {\n      margin-right: 8px;\n      @media screen and (max-width: 800px) {\n        font-size: 14px;\n      }\n    }\n    .ant-select {\n      width: 160px;\n      @media screen and (max-width: 800px) {\n        width: 140px;\n      }\n    }\n  }\n  &__labels {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &__circle {\n    border-radius: 50%;\n    position: absolute;\n    cursor: pointer;\n    font-size: 12px;\n    white-space: nowrap;\n    display: flex;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    text-transform: capitalize;\n    &.is-active {\n      .map-explorer__circle-tooltip {\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(-108%);\n        z-index: 1;\n        box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);\n      }\n    }\n    &.pointer-none {\n      pointer-events: none;\n    }\n    &.is-strong {\n      .map-explorer__labels,\n      .map-explorer__circle-tooltip {\n        font-weight: 600;\n      }\n    }\n  }\n  &__trigger {\n    border-radius: 50%;\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    z-index: 1;\n    &:hover {\n      ~ .map-explorer__circle-tooltip {\n        visibility: visible;\n        opacity: 1;\n        transform: translateY(-108%);\n        z-index: 2;\n        box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);\n      }\n    }\n  }\n  &__circle-tooltip {\n    height: 30px;\n    position: relative;\n    font-size: 14px;\n    padding: 5px 24px;\n    text-align: center;\n    cursor: default;\n    transform: translateY(-113%);\n    border-radius: 4px;\n    white-space: nowrap;\n    background: #fefefe;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.3s ease;\n    &:hover {\n      z-index: 2 !important;\n    }\n    &:after {\n      content: \"\";\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 8px 8px 0 8px;\n      border-color: #fefefe transparent transparent transparent;\n      left: calc(50% - 8px);\n      top: 95%;\n    }\n    &.is-hide {\n      display: none;\n    }\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-left: auto;\n      position: absolute;\n      top: 4px;\n      right: 4px;\n      cursor: pointer;\n    }\n  }\n  &__inner {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: calc(100% - 62px);\n    padding: 20px;\n    img {\n      max-width: 100%;\n    }\n  }\n  &__image {\n    max-width: 1000px;\n    position: relative;\n    background: url(\"../../public/images/mapExplorer.svg\") center no-repeat;\n    background-size: cover;\n  }\n  &__image-heat {\n    pointer-events: none;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapExplorer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapExplorer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapExplorer.vue?vue&type=template&id=95947b54&scoped=true&\"\nimport script from \"./MapExplorer.vue?vue&type=script&lang=js&\"\nexport * from \"./MapExplorer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapExplorer.vue?vue&type=style&index=0&id=95947b54&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  \"95947b54\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./LaunchInfo.vue?vue&type=style&index=0&id=3e5407ae&lang=scss&scoped=true&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./SamlssosSingout.vue?vue&type=style&index=0&id=268ef9b1&lang=scss&scoped=true&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./ClickspexReport.vue?vue&type=style&index=0&id=01816aa3&lang=scss&scoped=true&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./Filters.vue?vue&type=style&index=0&lang=scss&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./LaunchInfo.vue?vue&type=style&index=1&lang=scss&\"","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","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/lib/loaders/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/lib/index.js??vue-loader-options!./PaymentConfirmation.vue?vue&type=style&index=0&id=36d2f370&lang=scss&scoped=true&\"","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/lib/loaders/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/lib/index.js??vue-loader-options!./PaymentStatus.vue?vue&type=style&index=1&lang=scss&\"","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:\"error-page flex justify-center items-center\"},[_c('div',{staticClass:\"error-page__info\"},[_c('h1',[_vm._v(\"Something went wrong!\")]),_c('img',{attrs:{\"src\":\"/images/404.png\",\"alt\":\"Something went wrong!\"}}),_c('p',[_vm._v(\" Oh no! This wasn't supposed to happen, the page you were looking for may no longer exist. \")])]),_c('div',{staticClass:\"error-page__footer flex\"},[_c('p',[_vm._v(\"© 2022 Hotspex Labs\")]),_c('ul',{staticClass:\"flex\"},[_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"Terms and conditions\")])]),_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"Contacts\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"error-page flex justify-center items-center\">\n    <div class=\"error-page__info\">\n      <h1>Something went wrong!</h1>\n      <img src=\"/images/404.png\" alt=\"Something went wrong!\" />\n      <p>\n        Oh no! This wasn't supposed to happen, the page you were looking for may\n        no longer exist.\n      </p>\n    </div>\n    <div class=\"error-page__footer flex\">\n      <p>© 2022 Hotspex Labs</p>\n      <ul class=\"flex\">\n        <li><a href=\"\">Terms and conditions</a></li>\n        <li><a href=\"\">Contacts</a></li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ErrorPage\",\n  data() {\n    return {};\n  },\n\n  methods: {},\n  mounted() {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.error-page {\n  background: #e4edf2;\n  flex-direction: column;\n  padding: 50px 30px;\n  &__info {\n    max-width: 600px;\n    margin: 0 auto;\n    h1 {\n      text-transform: uppercase;\n      font-weight: 600;\n      font-size: 46px;\n      margin-bottom: 30px;\n    }\n    img {\n      width: 100%;\n      margin-bottom: 4px;\n    }\n    p {\n      font-size: 26px;\n      font-weight: 300;\n      color: #000;\n    }\n  }\n  &__footer {\n    width: 100%;\n    max-width: 1190px;\n    justify-content: space-between;\n    padding-top: 40px;\n    * {\n      color: var(--lightText);\n    }\n    ul {\n      li {\n        margin: 0 11px;\n        position: relative;\n        &::after {\n          position: absolute;\n          right: -11px;\n          top: 50%;\n          transform: translateY(-50%);\n          height: 16px;\n          border-right: 1px solid var(--lightText);\n          content: \"\";\n        }\n        &:last-child {\n          margin-right: 0;\n          &:after {\n            display: none;\n          }\n        }\n        a {\n          &:hover {\n            color: var(--hsgrey);\n          }\n        }\n      }\n    }\n  }\n  &__loading {\n    height: 544px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ErrorPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ErrorPage.vue?vue&type=template&id=52601e0e&scoped=true&\"\nimport script from \"./ErrorPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ErrorPage.vue?vue&type=style&index=0&id=52601e0e&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  \"52601e0e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-status flex justify-center items-center\"},[(_vm.paymentInformations !== null)?_c('PaymentStatus',{attrs:{\"paymentInformations\":_vm.paymentInformations,\"projectSummary\":_vm.projectSummary,\"langObj\":_vm.langObj,\"videoItems\":_vm.videoItems,\"surveyTypeID\":_vm.surveyTypeID}}):_c('div',{staticClass:\"payment-status__loading flex justify-center items-center\"},[_c('i',{staticClass:\"circle-loader\"}),_vm._v(\"Loading payment status... \")]),_c('div',{staticClass:\"payment-status__cta flex justify-center\"},[_c('a-button',{on:{\"click\":function($event){return _vm.$router.push('/')}}},[_vm._v(\" Return to home \")])],1),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-status__footer flex\"},[_c('p',[_vm._v(\"© 2022 Hotspex Labs\")]),_c('ul',{staticClass:\"flex\"},[_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"Terms and conditions\")])]),_c('li',[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"Contacts\")])])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-status__wrapper flex\"},[_c('div',{staticClass:\"payment-status__info\",class:{\n      'payment-status__info--failed': _vm.paymentInformations.Status === 'Failed',\n    }},[_c('img',{attrs:{\"src\":_vm.setImageUrl,\"alt\":\"\"}}),_c('h1',[_vm._v(\" Payment \"),(_vm.paymentInformations.Status === 'Success')?_c('span',[_vm._v(\"complete\")]):_c('span',[_vm._v(\"failed\")])]),(_vm.paymentInformations.Status === 'Success')?_c('p',[_vm._v(\" Thank you, your paymant has been successful. \")]):_c('p',[_vm._v(\" Your paymant has been unsuccessful. Please try again in order to proceed. \")])]),_c('div',{staticClass:\"payment-status__details\",class:{\n      'payment-status__details--failed':\n        _vm.paymentInformations.Status === 'Failed',\n    }},[_c('h2',[_vm._v(\"Transaction details\")]),_c('a-descriptions',{attrs:{\"bordered\":\"\",\"column\":2}},[_c('a-descriptions-item',{attrs:{\"label\":_vm.langObj['s6-summary'].summaryProjectName}},[_vm._v(\" \"+_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.projectName : \"/\")+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":_vm.langObj['s6-summary'].summaryCategory}},[_vm._v(\" \"+_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.category.CategoryName : \"/\")+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":_vm.langObj['s6-summary'].summaryAudience}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.audience : '/')}})]),_c('a-descriptions-item',{attrs:{\"label\":_vm.langObj['s6-summary'].summaryTotalSampleSize}},[_vm._v(\" \"+_vm._s(_vm.projectSummary !== null ? _vm.projectSummary.sampleSize * _vm.projectSummary.creativesCount : \"/\")+\" \")]),_c('a-descriptions-item',{attrs:{\"label\":_vm.langObj['s6-summary'].summaryCustomQuestions,\"span\":2}},[(_vm.projectSummary !== null)?[_c('ol',{staticClass:\"mb-0 pl-15\"},_vm._l((_vm.projectSummary.customQuestions),function(item,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]:_vm._e()],2)],1),(_vm.surveyTypeID !== 92)?_c('a-table',{staticClass:\"launch-step__video-info\",attrs:{\"data-source\":_vm.videoItems,\"pagination\":{ hideOnSinglePage: true }}},[_c('a-table-column',{key:\"name\",attrs:{\"width\":\"45%\",\"title\":_vm.langObj['s6-summary'].summaryVideoName,\"data-index\":\"name\"}}),_c('a-table-column',{key:\"thumbnail\",attrs:{\"title\":_vm.langObj['s6-summary'].summaryThumbnail,\"data-index\":\"thumbnail\",\"width\":\"18.33%\"},scopedSlots:_vm._u([{key:\"default\",fn:function(text, record){return [_c('img',{attrs:{\"src\":record.coverImage,\"alt\":\"\",\"width\":\"120\"}})]}}],null,false,3555943483)}),_c('a-table-column',{key:\"duration\",attrs:{\"title\":_vm.langObj['s6-summary'].summaryDuration,\"data-index\":\"duration\",\"width\":\"18.33%\"}}),_c('a-table-column',{key:\"sampleSize\",attrs:{\"title\":_vm.langObj['s6-summary'].summarySampleSize,\"data-index\":\"sampleSize\",\"width\":\"18.33%\"}})],1):_vm._e(),_c('div',{staticClass:\"payment-status__total\"},[_c('a-descriptions',{attrs:{\"bordered\":\"\",\"column\":2}},[_c('a-descriptions-item',{attrs:{\"label\":\"Total price\"}},[_c('span',{staticClass:\"flex items-center\"},[_vm._v(\" $\"+_vm._s(_vm.paymentInformations.AmountPaid)+\" \")])])],1)],1),_c('div',{staticClass:\"flex justify-between items-center\"},[_c('ul',{staticClass:\"payment-status__details-list\"},[_c('li',[_c('strong',[_vm._v(\"Transaction date: \")]),_vm._v(\" \"+_vm._s(_vm.paymentInformations.TransactionDate)+\" \")])]),_c('p',{staticClass:\"payment-status__details-invoice-id\"},[_vm._v(\" Invoice ID: \"+_vm._s(_vm.paymentInformations.InvoiceId)+\" \")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"payment-status__wrapper flex\">\n    <div\n      class=\"payment-status__info\"\n      :class=\"{\n        'payment-status__info--failed': paymentInformations.Status === 'Failed',\n      }\"\n    >\n      <img :src=\"setImageUrl\" alt=\"\" />\n      <h1>\n        Payment\n        <span v-if=\"paymentInformations.Status === 'Success'\">complete</span\n        ><span v-else>failed</span>\n      </h1>\n      <p v-if=\"paymentInformations.Status === 'Success'\">\n        Thank you, your paymant has been successful.\n      </p>\n      <p v-else>\n        Your paymant has been unsuccessful. Please try again in order to\n        proceed.\n      </p>\n    </div>\n    <div\n      class=\"payment-status__details\"\n      :class=\"{\n        'payment-status__details--failed':\n          paymentInformations.Status === 'Failed',\n      }\"\n    >\n      <h2>Transaction details</h2>\n      <a-descriptions bordered :column=\"2\">\n        <a-descriptions-item :label=\"langObj['s6-summary'].summaryProjectName\">\n          {{ projectSummary !== null ? projectSummary.projectName : \"/\" }}\n        </a-descriptions-item>\n        <a-descriptions-item :label=\"langObj['s6-summary'].summaryCategory\">\n          {{\n            projectSummary !== null ? projectSummary.category.CategoryName : \"/\"\n          }}\n        </a-descriptions-item>\n        <a-descriptions-item :label=\"langObj['s6-summary'].summaryAudience\">\n          <span\n            v-html=\"projectSummary !== null ? projectSummary.audience : '/'\"\n          ></span>\n        </a-descriptions-item>\n        <a-descriptions-item\n          :label=\"langObj['s6-summary'].summaryTotalSampleSize\"\n        >\n          {{\n            projectSummary !== null\n              ? projectSummary.sampleSize * projectSummary.creativesCount\n              : \"/\"\n          }}\n        </a-descriptions-item>\n        <a-descriptions-item\n          :label=\"langObj['s6-summary'].summaryCustomQuestions\"\n          :span=\"2\"\n        >\n          <template v-if=\"projectSummary !== null\">\n            <ol class=\"mb-0 pl-15\">\n              <li\n                v-for=\"(item, index) in projectSummary.customQuestions\"\n                :key=\"index\"\n              >\n                {{ item }}\n              </li>\n            </ol>\n          </template>\n        </a-descriptions-item>\n      </a-descriptions>\n\n      <a-table\n        :data-source=\"videoItems\"\n        :pagination=\"{ hideOnSinglePage: true }\"\n        class=\"launch-step__video-info\"\n        v-if=\"surveyTypeID !== 92\"\n      >\n        <a-table-column\n          width=\"45%\"\n          key=\"name\"\n          :title=\"langObj['s6-summary'].summaryVideoName\"\n          data-index=\"name\"\n        />\n        <a-table-column\n          key=\"thumbnail\"\n          :title=\"langObj['s6-summary'].summaryThumbnail\"\n          data-index=\"thumbnail\"\n          width=\"18.33%\"\n        >\n          <template slot-scope=\"text, record\">\n            <img :src=\"record.coverImage\" alt=\"\" width=\"120\" />\n          </template>\n        </a-table-column>\n        <a-table-column\n          key=\"duration\"\n          :title=\"langObj['s6-summary'].summaryDuration\"\n          data-index=\"duration\"\n          width=\"18.33%\"\n        />\n        <a-table-column\n          key=\"sampleSize\"\n          :title=\"langObj['s6-summary'].summarySampleSize\"\n          data-index=\"sampleSize\"\n          width=\"18.33%\"\n        />\n      </a-table>\n\n      <div class=\"payment-status__total\">\n        <a-descriptions bordered :column=\"2\">\n          <a-descriptions-item label=\"Total price\">\n            <span class=\"flex items-center\">\n              ${{ paymentInformations.AmountPaid }}\n            </span>\n          </a-descriptions-item>\n        </a-descriptions>\n      </div>\n      <div class=\"flex justify-between items-center\">\n        <ul class=\"payment-status__details-list\">\n          <li>\n            <strong>Transaction date: </strong>\n            {{ paymentInformations.TransactionDate }}\n          </li>\n        </ul>\n        <p class=\"payment-status__details-invoice-id\">\n          Invoice ID: {{ paymentInformations.InvoiceId }}\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"PaymentStatus\",\n  props: {\n    paymentInformations: {\n      type: Object,\n    },\n    projectSummary: {\n      type: Object,\n    },\n    langObj: {\n      type: Object,\n    },\n    videoItems: {\n      type: Array,\n    },\n    transactionDetailsData: {\n      type: Array,\n      default() {\n        return [\n          {\n            projectName: \"Cloud Database\",\n            sampleSize: \"75 / Creative\",\n            country: \"Canada\",\n            language: \"English\",\n            audience: \"General Population\",\n          },\n        ];\n      },\n    },\n    surveyTypeID: {\n      type: Number,\n    },\n  },\n  data() {\n    return {};\n  },\n\n  methods: {},\n  computed: {\n    setImageUrl() {\n      let url = \"/images/pay-success-1.png\";\n      if (this.paymentInformations.Status === \"Failed\") {\n        url = \"/images/pay-failure-1.png\";\n      }\n      return url;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.payment-status {\n  &__wrapper {\n    width: 100%;\n    max-width: 1190px;\n    background-color: #fff;\n  }\n  &__info {\n    flex: 0 0 40%;\n    padding: 30px 32px 25px;\n    background-color: var(--hsblue);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    &--failed {\n      background-color: #e44546;\n      img {\n        margin-left: -77px;\n      }\n    }\n    & * {\n      color: #fff;\n    }\n    img {\n      max-width: 360px;\n    }\n    h1 {\n      text-transform: uppercase;\n      font-weight: 600;\n      margin: 14px 0 4px;\n    }\n    p {\n      font-size: 20px;\n      line-height: 33px;\n      margin-bottom: 0;\n      a {\n        font-weight: 600;\n      }\n    }\n  }\n  &__details {\n    flex: 1;\n    padding: 40px 40px 25px;\n    text-align: left;\n    h2 {\n      text-transform: uppercase;\n      font-size: 30px;\n      color: #000;\n      margin-bottom: 23px;\n    }\n  }\n  &__total {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 40px;\n    .ant-descriptions {\n      max-width: 250px;\n      width: 100%;\n    }\n  }\n  &__details-list {\n    padding: 0;\n    margin: 0;\n    li {\n      // &:first-child {\n      //   font-size: 26px;\n      //   margin-bottom: 2px;\n      // }\n      strong {\n        color: #000;\n      }\n    }\n  }\n  &__details-invoice-id {\n    text-align: right;\n    font-size: 25px;\n    color: #545454;\n    margin: 0;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.payment-status {\n  &__details {\n    .ant-table-body {\n      margin-bottom: 40px;\n      .ant-table-thead {\n        tr {\n          th {\n            background-color: var(--hsblue);\n            color: #fff;\n            font-size: 16px;\n            line-height: 19px;\n            text-align: center;\n            border-width: 0 1px 2px 0;\n            border-style: solid;\n            border-color: #fff;\n            padding: 10px;\n            border-radius: 0 !important;\n          }\n          td {\n            background-color: #cfd5ea;\n          }\n        }\n      }\n      .ant-table-tbody {\n        tr {\n          td {\n            background-color: #cfd5ea;\n            border-right: 1px solid #fff;\n            text-align: center;\n            color: #000;\n            padding: 9px 10px;\n          }\n          &:hover {\n            td {\n              background-color: #cfd5ea;\n            }\n          }\n        }\n      }\n    }\n    .ant-descriptions-view {\n      border: 0;\n      border-radius: 0;\n      margin-bottom: 40px;\n    }\n    .ant-descriptions-row {\n      border-bottom-color: #fff;\n    }\n    .ant-descriptions-item-label,\n    .ant-descriptions-item-content {\n      background: var(--hsblue);\n      color: #fff;\n      padding: 10px;\n    }\n    .ant-descriptions-item-label {\n      border-right-color: #fff;\n      border-right-width: 2px;\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 19px;\n    }\n    .ant-descriptions-item-content {\n      background: #cfd5ea;\n      color: #000;\n    }\n    &--failed {\n      .ant-table-body {\n        .ant-table-thead {\n          tr {\n            th {\n              background-color: #e44546;\n            }\n          }\n        }\n      }\n      .ant-descriptions-item-label {\n        background-color: #e44546;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentStatus.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentStatus.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentStatus.vue?vue&type=template&id=b7419f1c&scoped=true&\"\nimport script from \"./PaymentStatus.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentStatus.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentStatus.vue?vue&type=style&index=0&id=b7419f1c&lang=scss&scoped=true&\"\nimport style1 from \"./PaymentStatus.vue?vue&type=style&index=1&lang=scss&\"\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  \"b7419f1c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"payment-status flex justify-center items-center\">\n    <PaymentStatus\n      :paymentInformations=\"paymentInformations\"\n      :projectSummary=\"projectSummary\"\n      :langObj=\"langObj\"\n      :videoItems=\"videoItems\"\n      :surveyTypeID=\"surveyTypeID\"\n      v-if=\"paymentInformations !== null\"\n    ></PaymentStatus>\n    <div\n      v-else\n      class=\"payment-status__loading flex justify-center items-center\"\n    >\n      <i class=\"circle-loader\"></i>Loading payment status...\n    </div>\n    <div class=\"payment-status__cta flex justify-center\">\n      <a-button @click=\"$router.push('/')\"> Return to home </a-button>\n    </div>\n    <div class=\"payment-status__footer flex\">\n      <p>© 2022 Hotspex Labs</p>\n      <ul class=\"flex\">\n        <li><a href=\"\">Terms and conditions</a></li>\n        <li><a href=\"\">Contacts</a></li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport PaymentStatus from \"@/components/payment/PaymentStatus.vue\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\n\nexport default {\n  name: \"PaymentConfirmation\",\n  components: {\n    PaymentStatus,\n  },\n  data() {\n    return {\n      surveyId: null,\n      paymentInformations: null,\n      projectSummary: null,\n      langObj: {},\n      videoItems: null,\n      surveyTypeID: null,\n    };\n  },\n\n  methods: {\n    getSurveyPaymetStatus() {\n      const getSurveyPaymetStatus = new Promise((resolve) => {\n        wsUtils.GetSurveyPaymetStatus(this.surveyId, resolve);\n      });\n\n      getSurveyPaymetStatus.then((data) => {\n        this.paymentInformations = data.d;\n      });\n    },\n  },\n  mounted() {\n    this.surveyTypeID = jsUtils.getSurveyTypeId();\n    this.surveyId = this.$route.query.SurveyId;\n    this.getSurveyPaymetStatus();\n    this.projectSummary = jsUtils.getSurveySummaryData();\n    this.videoItems = this.projectSummary.creatives.map((item, index) => {\n      return {\n        ...item,\n        sampleSize: this.projectSummary.sampleSize,\n        key: index,\n      };\n    });\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.payment-status {\n  flex-direction: column;\n  padding: 50px 30px;\n  &__cta {\n    margin: 15px 0 0;\n  }\n  &__footer {\n    width: 100%;\n    max-width: 1190px;\n    justify-content: space-between;\n    padding-top: 40px;\n    * {\n      color: var(--lightText);\n    }\n    ul {\n      li {\n        margin: 0 11px;\n        position: relative;\n        &::after {\n          position: absolute;\n          right: -11px;\n          top: 50%;\n          transform: translateY(-50%);\n          height: 16px;\n          border-right: 1px solid var(--lightText);\n          content: \"\";\n        }\n        &:last-child {\n          margin-right: 0;\n          &:after {\n            display: none;\n          }\n        }\n        a {\n          &:hover {\n            color: var(--hsgrey);\n          }\n        }\n      }\n    }\n  }\n  &__loading {\n    height: 544px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentConfirmation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentConfirmation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentConfirmation.vue?vue&type=template&id=36d2f370&scoped=true&\"\nimport script from \"./PaymentConfirmation.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentConfirmation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentConfirmation.vue?vue&type=style&index=0&id=36d2f370&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  \"36d2f370\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./ErrorPage.vue?vue&type=style&index=0&id=52601e0e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex items-center justify-center sso-logout\"},[_c('div',{staticClass:\"sso-logout__info\"},[_c('p',[_vm._v(\" Thank you for using Hotspex Labs. \"),_c('br'),_c('span',{on:{\"click\":_vm.loginUrl}},[_vm._v(\"Login\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex items-center justify-center sso-logout\">\n    <div class=\"sso-logout__info\">\n      <p>\n        Thank you for using Hotspex Labs. <br />\n        <span @click=\"loginUrl\">Login</span>\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as jsUtils from \"@/utils/jsUtils.js\";\n\nexport default {\n  name: \"SamlssosSingout\",\n  data() {\n    return {\n      user: null,\n    };\n  },\n  computed: {},\n  methods: {\n    loginUrl() {\n      this.user =\n        JSON.parse(localStorage.getItem(\"studioUser\")) ||\n        JSON.parse(jsUtils.readCookie(\"HS-STUDIO\"));\n      if (\n        this.user.dashboardURL !== \"\" &&\n        this.user.dashboardURL !== undefined\n      ) {\n        window.open(this.user.dashboardURL, \"_self\");\n      } else {\n        this.$router.push(\"/login\");\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.sso-logout {\n  background: #e4edf2;\n  flex-direction: column;\n  padding: 50px 30px;\n  &__info {\n    max-width: 600px;\n    margin: 0 auto;\n    p {\n      font-size: 26px;\n      font-weight: 300;\n      color: #000;\n      span {\n        color: var(--hsblue);\n        text-decoration: underline;\n        cursor: pointer;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SamlssosSingout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SamlssosSingout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SamlssosSingout.vue?vue&type=template&id=268ef9b1&scoped=true&\"\nimport script from \"./SamlssosSingout.vue?vue&type=script&lang=js&\"\nexport * from \"./SamlssosSingout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SamlssosSingout.vue?vue&type=style&index=0&id=268ef9b1&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  \"268ef9b1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}