{"version":3,"file":"js/8242.a6d59487.js","mappings":"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","sources":["webpack://ellevio-styleguide-web/./src/stories/web/vue-components/FeedbackForm.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/thumb.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/thumb.vue?0e1b","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/SparkleIconAnimated.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/SparkleIconAnimated.vue?8624","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/FeedbackForm.vue?5c5b","webpack://ellevio-styleguide-web/./src/helpers/apiUrl.js","webpack://ellevio-styleguide-web/./src/helpers/gtmHelper.js","webpack://ellevio-styleguide-web/./src/helpers/utils.js"],"sourcesContent":["<template>\r\n  <div class=\"text-center\">\r\n    <div class=\"flex justify-center\">\r\n      <button class=\"mr-10 rounded-full focus:outline-black-alt\" :class=\"showNoFeedback ? 'pointer-events-none' : ''\" @click=\"clickYes\">\r\n        <ellevio-web-thumb :up=\"true\" :color=\"colorLeft\" :clickedYes=\"clickedYes\" />\r\n        <span class=\"sr-only\">{{ buttonFeedbackTextYes }}</span>\r\n      </button>\r\n      <button class=\"rounded-full focus:outline-black-alt\" :class=\"showYesFeedback ? 'pointer-events-none' : ''\" @click=\"clickNo\">\r\n        <ellevio-web-thumb :up=\"false\" :color=\"colorRight\" :clickedNo=\"clickedNo\" />\r\n        <span class=\"sr-only\">{{ buttonFeedbackTextNo }}</span>\r\n      </button>\r\n    </div>\r\n    <div v-if=\"showInputField\" class=\"text-left mt-7\">\r\n      <label for=\"feedback-text\" class=\"text-2xl font-futuraEfDemiBold\">{{ inputHeading }}</label>\r\n      <textarea\r\n        id=\"feedback-text\"\r\n        v-model=\"inputFieldValue\"\r\n        rows=\"4\"\r\n        class=\"block w-full max-w-full p-2 my-3 text-lg font-normal rounded-lg border-1 border-newColors-gray-baseB placeholder:italic font-futuraEfBook focus:outline-none focus:shadow-mp hover:shadow-mp focus:border-newColors-gray-contentD hover:border-newColors-gray-contentD\"\r\n        :placeholder=\"feedbackPlaceholder\" />\r\n      <div class=\"flex flex-col justify-between md:items-center md:flex-row md:gap-8 md:text-right\">\r\n        <button class=\"btn-primary\" :disabled=\"inputFieldValue.length == 0\" @click=\"sendMessage\">\r\n          {{ buttonText }}\r\n        </button>\r\n        <div v-if=\"explanation.length > 0\" v-html=\"explanation\" class=\"mt-3 explanation md:mt-0\"></div>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"showYesFeedback\" class=\"mt-5\">\r\n      <div class=\"flex justify-center\">\r\n        <h3 class=\"mr-2 text-3xl\">{{ feedbackThankYouHeading }}</h3>\r\n        <ellevio-web-sparkle-icon-animated />\r\n      </div>\r\n      <p class=\"mt-1 text-lg\">{{ feedbackYesText }}</p>\r\n    </div>\r\n    <div v-if=\"messageSent\" class=\"mt-5\">\r\n      <div class=\"flex justify-center\">\r\n        <h3 class=\"mr-2 text-3xl\">{{ feedbackThankYouHeading }}</h3>\r\n        <ellevio-web-sparkle-icon-animated />\r\n      </div>\r\n      <p class=\"mt-1 text-lg\">{{ feedbackNoText }}</p>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport apiUrl from '../../../helpers/apiUrl'\r\nimport gtmHelper from '../../../helpers/gtmHelper'\r\nimport axios from 'axios'\r\nimport EllevioWebThumb from './thumb.vue'\r\nimport EllevioWebSparkleIconAnimated from './SparkleIconAnimated.vue'\r\n\r\nconst COLOR_BLACK = '#2C2827'\r\nconst COLOR_RED = '#CE1F36'\r\nconst COLOR_GREEN = '#10A76B'\r\n\r\nexport default {\r\n  name: 'EllevioWebFeedbackForm',\r\n  components: {\r\n    EllevioWebThumb,\r\n    EllevioWebSparkleIconAnimated\r\n  },\r\n  props: {\r\n    inputHeading: {\r\n      type: String,\r\n      default: 'Varför hjälpte inte sidan dig?'\r\n    },\r\n    buttonText: {\r\n      type: String,\r\n      default: 'Skicka'\r\n    },\r\n    feedbackThankYouHeading: {\r\n      type: String,\r\n      default: 'Tack!'\r\n    },\r\n    feedbackYesText: {\r\n      type: String,\r\n      default: 'Tack så mycket, vi uppskattar din feedback!'\r\n    },\r\n    feedbackNoText: {\r\n      type: String,\r\n      default: 'Skickat - Vi uppskattar din feedback!'\r\n    },\r\n    buttonFeedbackTextYes: {\r\n      type: String,\r\n      default: 'Ja - den hjälpte mig'\r\n    },\r\n    buttonFeedbackTextNo: {\r\n      type: String,\r\n      default: 'Nej - den hjälpte mig inte'\r\n    },\r\n    contentId: {\r\n      type: String,\r\n      default: '0'\r\n    },\r\n    language: {\r\n      type: String,\r\n      default: 'sv'\r\n    },\r\n    faqfeedback: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    explanation: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    feedbackPlaceholder: {\r\n      type: String,\r\n      default: 'Ge feedback på sidan och berätta om din upplevelse..'\r\n    }\r\n  },\r\n  data: function () {\r\n    return {\r\n      showYesFeedback: false,\r\n      showNoFeedback: false,\r\n      showInputField: false,\r\n      messageSent: false,\r\n      inputFieldValue: '',\r\n      colorRight: COLOR_BLACK,\r\n      colorLeft: COLOR_BLACK,\r\n      clickedNo: false,\r\n      clickedYes: false\r\n    }\r\n  },\r\n  methods: {\r\n    clickYes: async function () {\r\n      this.clickedYes = true\r\n      if (this.showYesFeedback || this.showNoFeedback) return\r\n\r\n      this.colorLeft = COLOR_GREEN\r\n      this.colorRight = COLOR_BLACK\r\n\r\n      this.showInputField = false\r\n      this.showYesFeedback = true\r\n      this.pushToDataLayer('yes')\r\n      //this.pushToEpiserver('yes', '')\r\n    },\r\n    clickNo: async function () {\r\n      this.clickedNo = true\r\n      if (this.showYesFeedback || this.showNoFeedback) return\r\n\r\n      this.colorRight = COLOR_RED\r\n      this.colorLeft = COLOR_BLACK\r\n\r\n      this.showNoFeedback = true\r\n      this.showInputField = !this.showInputField\r\n      this.pushToDataLayer('no')\r\n      //this.pushToEpiserver('no', '')\r\n    },\r\n    sendMessage: async function () {\r\n      if (this.inputFieldValue.length == 0) return\r\n\r\n      this.showNoFeedback = true\r\n      this.showInputField = false\r\n      this.messageSent = true\r\n\r\n      this.pushToDataLayer('message')\r\n      this.pushToEpiserver(this.inputFieldValue)\r\n    },\r\n    pushToDataLayer: function (action) {\r\n      gtmHelper.sendFeedback(action)\r\n    },\r\n    pushToEpiserver: async function (inputValue = '') {\r\n      //const response =\r\n      await axios.post(apiUrl.postFeedback, {\r\n        ContentId: this.contentId,\r\n        Language: this.language,\r\n        Feedback: inputValue,\r\n        FaqFeedback: this.faqfeedback\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.explanation p {\r\n  @apply text-lg;\r\n}\r\n.explanation a {\r\n  text-decoration: underline;\r\n}\r\n</style>\r\n","<template>\r\n  <div v-if=\"up\" class=\"circle\" :class=\"clickedYes ? 'positive' : ''\">\r\n    <svg :class=\"clickedYes ? 'bounce' : ''\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 60\" fill=\"none\">\r\n      <g clip-path=\"url(#a)\" :fill=\"color\">\r\n        <path\r\n          d=\"M45.919 41.687V25.764a1.016 1.016 0 0 0-1.015-1.016H40.94a1.015 1.015 0 0 0-1.015 1.015v15.924a1.016 1.016 0 0 0 1.015 1.015h3.963a1.016 1.016 0 0 0 1.015-1.015Zm-31.371-10.7a2.455 2.455 0 0 0 1.637 2.218 3.168 3.168 0 0 0-1.056 2.235 2.326 2.326 0 0 0 1.948 2.276 3.275 3.275 0 0 0-1.13 2.161 3.062 3.062 0 0 0 2.972 3.037H33.95a3.004 3.004 0 0 0 2.996-2.996v-14.94a2.946 2.946 0 0 0-.9-2.088l-8.948-8.94a1.555 1.555 0 0 0-1.687-.254c-.27.221-.9.819-.9.819a1.728 1.728 0 0 0-.598 1.637c.03.413.087.823.172 1.228l1.326 6.1h-8.268a2.834 2.834 0 0 0-3.062 2.767 2.456 2.456 0 0 0 1.637 2.513 3.274 3.274 0 0 0-1.17 2.227Z\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"a\"><path fill=\"#fff\" transform=\"rotate(-180 30 30)\" d=\"M0 0h60v60H0z\" /></clipPath>\r\n      </defs>\r\n    </svg>\r\n  </div>\r\n\r\n  <div v-if=\"!up\" class=\"circle\" :class=\"clickedNo ? 'negative' : ''\">\r\n    <svg :class=\"clickedNo ? 'bounce' : ''\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 60\" fill=\"none\">\r\n      <g clip-path=\"url(#a)\" :fill=\"color\">\r\n        <path\r\n          d=\"M14.081 18.313v15.924a1.016 1.016 0 0 0 1.015 1.015h3.962a1.015 1.015 0 0 0 1.016-1.016V18.313a1.016 1.016 0 0 0-1.016-1.015h-3.962a1.016 1.016 0 0 0-1.015 1.015Zm31.371 10.7a2.455 2.455 0 0 0-1.637-2.218 3.168 3.168 0 0 0 1.056-2.235 2.326 2.326 0 0 0-1.948-2.276 3.275 3.275 0 0 0 1.13-2.161 3.062 3.062 0 0 0-2.972-3.038H26.05a3.005 3.005 0 0 0-2.996 2.997v14.94a2.946 2.946 0 0 0 .9 2.088l8.948 8.94a1.555 1.555 0 0 0 1.687.254c.27-.221.9-.819.9-.819a1.728 1.728 0 0 0 .598-1.637 9.01 9.01 0 0 0-.172-1.228l-1.326-6.1h8.268a2.834 2.834 0 0 0 3.062-2.767 2.456 2.456 0 0 0-1.637-2.513 3.274 3.274 0 0 0 1.17-2.227Z\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h60v60H0z\" /></clipPath>\r\n      </defs>\r\n    </svg>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ellevio-web-thumb',\r\n  props: {\r\n    color: {\r\n      type: String,\r\n      default: '#000'\r\n    },\r\n    up: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    clickedYes: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    clickedNo: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n@keyframes bounce {\r\n  0%,\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.25);\r\n  }\r\n}\r\n\r\n.bounce {\r\n  animation: bounce 0.3s ease;\r\n}\r\n\r\nsvg {\r\n  position: relative;\r\n  width: 3.375rem;\r\n  height: 3.375rem;\r\n  border-radius: 50%;\r\n}\r\n\r\n.circle {\r\n  border-radius: 50%;\r\n  border: 0.1875rem solid #2c2827;\r\n  transition: transform 0.1s ease-in, border-color 0.2s ease-in;\r\n}\r\n\r\n.circle:hover {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.positive {\r\n  border-color: #10a76b;\r\n}\r\n.negative {\r\n  border-color: #ce1f36;\r\n}\r\n</style>\r\n","import { render } from \"./thumb.vue?vue&type=template&id=38c2b37a&scoped=true\"\nimport script from \"./thumb.vue?vue&type=script&lang=js\"\nexport * from \"./thumb.vue?vue&type=script&lang=js\"\n\nimport \"./thumb.vue?vue&type=style&index=0&id=38c2b37a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-38c2b37a\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"flex\">\r\n    <!-- Big sparkle -->\r\n    <svg class=\"mt-1 sparkle sparkle-big sparkle-delay-1\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M13.6667 2L11.2167 8.21207C10.9035 9.00617 10.7469 9.40317 10.5071 9.73797C10.2946 10.0348 10.0347 10.2946 9.738 10.5072C9.4032 10.7469 9.0061 10.9035 8.212 11.2167L2 13.6667L8.212 16.1167C9.0061 16.4299 9.4032 16.5865 9.738 16.8262C10.0347 17.0388 10.2946 17.2986 10.5071 17.5954C10.7469 17.9302 10.9035 18.3272 11.2167 19.1213L13.6667 25.3334L16.1167 19.1213C16.4298 18.3272 16.5864 17.9302 16.8262 17.5954C17.0388 17.2986 17.2986 17.0388 17.5954 16.8262C17.9302 16.5865 18.3272 16.4299 19.1213 16.1167L25.3333 13.6667L19.1213 11.2167C18.3272 10.9035 17.9302 10.7469 17.5954 10.5072C17.2986 10.2946 17.0388 10.0348 16.8262 9.73797C16.5864 9.40317 16.4298 9.00617 16.1167 8.21207L13.6667 2Z\"\r\n        stroke=\"#FF8300\"\r\n        stroke-width=\"2.96296\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\" />\r\n    </svg>\r\n\r\n    <!-- Small sparkles -->\r\n    <div class=\"flex flex-col content-between justify-between gap-3 -ml-1\">\r\n      <svg class=\"sparkle sparkle-small sparkle-delay-2\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M5.3334 2V8.6667M2 5.33333H8.6667\" stroke=\"#FF8300\" stroke-width=\"2.96296\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n      <svg class=\"sparkle sparkle-small sparkle-delay-3\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M5.3334 2V8.6667M2 5.33333H8.6667\" stroke=\"#FF8300\" stroke-width=\"2.96296\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n@keyframes sparkle {\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n  33.3% {\r\n    transform: scale(0.75);\r\n  }\r\n  66.66% {\r\n    transform: scale(1.25);\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.sparkle {\r\n  animation: sparkle 0.8s ease-in-out;\r\n}\r\n\r\n.sparkle-big {\r\n  width: 1.6875rem;\r\n  height: 1.6875rem;\r\n}\r\n\r\n.sparkle-small {\r\n  width: 0.6875rem;\r\n  height: 0.6875rem;\r\n}\r\n\r\n.sparkle-delay-1 {\r\n  animation-delay: 1s;\r\n}\r\n.sparkle-delay-2 {\r\n  animation-delay: 1.2s;\r\n}\r\n.sparkle-delay-3 {\r\n  animation-delay: 1.6s;\r\n}\r\n</style>\r\n","import { render } from \"./SparkleIconAnimated.vue?vue&type=template&id=89b1c58a&scoped=true\"\nconst script = {}\n\nimport \"./SparkleIconAnimated.vue?vue&type=style&index=0&id=89b1c58a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-89b1c58a\"]])\n\nexport default __exports__","import { render } from \"./FeedbackForm.vue?vue&type=template&id=ada4cf04\"\nimport script from \"./FeedbackForm.vue?vue&type=script&lang=js\"\nexport * from \"./FeedbackForm.vue?vue&type=script&lang=js\"\n\nimport \"./FeedbackForm.vue?vue&type=style&index=0&id=ada4cf04&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { getBaseUrl } from './utils.js'\r\n\r\nlet baseUrl = getBaseUrl()\r\n\r\nexport default {\r\n  getChildrenByParentId: baseUrl + '/api/breadcrumbs/menu/',\r\n  getMenuChildrenByParentId: baseUrl + '/api/mobile/menu/',\r\n  getMoreCustomerNewsItems: baseUrl + '/api/customerNews/',\r\n  getMoreCustomerServiceItems: baseUrl + '/api/customerService/',\r\n  getMoreSearchItems: baseUrl + '/api/searchItems/',\r\n  getContactUsData: baseUrl + '/api/contactus/',\r\n  postFeedback: baseUrl + '/api/userfeedback/',\r\n  postContactUsForm: baseUrl + '/api/contactus/contact/',\r\n  getAutocompleteItems: baseUrl + '/api/autocompleteItems/',\r\n  getAutocompleteItemsFaq: baseUrl + '/api/autocompleteItemsFaq/',\r\n  getAutocompleteItemsProjects: baseUrl + '/api/autocompleteItemsProjects/',\r\n  postCreateUserForm: baseUrl + '/api/user/create/',\r\n\r\n  //common\r\n  getCurrentSession: baseUrl + '/api/mypages/user/getcurrentsession/',\r\n  getCustomerServiceAdminImpersonate: baseUrl + '/api/users/impersonate',\r\n  postCustomerServiceAdminImpersonate: baseUrl + '/api/users/impersonate',\r\n\r\n  //common - post\r\n  postExtendCurrentSession: baseUrl + '/api/mypages/user/refreshsession/',\r\n  postTrackAppInsight: baseUrl + '/api/telemetry/trackevent/',\r\n\r\n  //mypages\r\n  getConsumptionChartData: baseUrl + '/api/mypages/energy/consumption/',\r\n  getTemperatureChartData: baseUrl + '/api/mypages/metering/temperature/',\r\n  getEffectChartData: baseUrl + '/api/mypages/energy/power/{id}',\r\n  getEffectPriceCalculationData: baseUrl + '/api/mypages/myagreementsprices/pricecalculation/',\r\n  // /api/mypages/energy/power/{deliverySiteId}\r\n\r\n  // getConsumptionData: baseUrl + '/api/consumption/',\r\n  getMeterReadingsData: baseUrl + '/api/mypages/metering/readings/{id}/',\r\n  getDeliverySitesData: baseUrl + '/api/mypages/deliverysites/table/',\r\n  getOptInOutInformation: baseUrl + '/api/mypages/mydetails/contactsubscriptions',\r\n  putOptInOutInformation: baseUrl + '/api/mypages/mydetails/contactsubscriptions',\r\n  postDeliverySiteCustomName: baseUrl + '/api/mypages/deliverysites/{id}/customname',\r\n  deleteDeliverySiteCustomName: baseUrl + '/api/mypages/deliverysites/{id}/customname',\r\n\r\n  getPowerOutageNotificationTableData: baseUrl + '/api/mypages/poweroutagenotifications/table/',\r\n  getDeliverySites: baseUrl + '/api/mypages/deliverysites/',\r\n  getConsumptionData: baseUrl + '/api/mypages/metering/summary/',\r\n  getConsumptionDataCombined: baseUrl + '/api/mypages/metering/summary/',\r\n  getDeliverySiteInformation: baseUrl + '/api/mypages/deliverysites/',\r\n  getCustomerDetails: baseUrl + '/api/mypages/mydetails/address/',\r\n  getContactDetails: baseUrl + '/api/mypages/mydetails/contactinformation/',\r\n  getAccountSettingsEmailData: baseUrl + '/api/mypages/mydetails/username/',\r\n  getAccountSettingsPasswordData: baseUrl + '/api/mypages/account/settings/password/',\r\n  putContactInformationConfirmation: baseUrl + '/api/mypages/mydetails/contactinformationconfirmation/',\r\n\r\n  postInvoiceSendMethodDataEInvoice: baseUrl + '/api/mypages/invoices/invoiceconfiguration/updatesendmethodeinvoice/',\r\n  postInvoiceSendMethodEmail: baseUrl + '/api/mypages/invoices/invoiceconfiguration/updatesendmethodemail/',\r\n  postInvoiceSendMethodPostal: baseUrl + '/api/mypages/invoices/invoiceconfiguration/updatesendmethodpostal/',\r\n\r\n  getInvoiceSendMethodData: baseUrl + '/api/mypages/invoices/invoiceconfiguration/{id}/',\r\n  getInvoiceData: baseUrl + '/api/mypages/invoices/{id}/',\r\n\r\n  getCreditPaymentsTableData: baseUrl + '/api/mypages/creditpayments/table/{id}/',\r\n  getPossiblePayoutsData: baseUrl + '/api/mypages/customerpayment/possiblepayouts/',\r\n  postPossiblePayouts: baseUrl + '/api/mypages/customerpayment/createpayouts/',\r\n  getBankAccountDetailsData: baseUrl + '/api/mypages/customerpayment/bankaccount/',\r\n  postBankAccountDetails: baseUrl + '/api/mypages/customerpayment/savebankaccount/',\r\n  getBankAccountValidation: baseUrl + '/api/mypages/customerpayment/bankaccountvalidation/',\r\n\r\n  getOverviewInvoiceData: baseUrl + '/api/mypages/invoices/overview/',\r\n  getOverviewPowerOutageData: baseUrl + '/api/mypages/poweroutagenotifications/overview/',\r\n  //getPriceSupportData: baseUrl + '/api/mypages/customerpayment/allelectricitycompensations/',\r\n  getPriceSupportData: baseUrl + '/api/mypages/customerpayment/electricitycompensation/',\r\n\r\n  getSearchAddress: baseUrl + '/api/mypages/invoices/searchAddress/query/{address}',\r\n  getInvoiceSettingsData: baseUrl + '/api/mypages/invoices/{id}/address/',\r\n  getPowerOutageNotificationsData: baseUrl + '/api/mypages/poweroutagenotifications/',\r\n  getRealTimeMeasurementData: baseUrl + '/api/mypages/deliverysites/{id}/realtimemeasurement',\r\n  getPriceCalculationData: baseUrl + '/api/mypages/myagreementsprices/pricecalculation/',\r\n  getAgreementDetailsData: baseUrl + '/api/mypages/myagreementsprices/agreementdetails/',\r\n\r\n  //Handle groups\r\n  getGroupsData: baseUrl + '/api/mypages/deliverysitegroups/{id}',\r\n  postGroupsData: baseUrl + '/api/mypages/deliverysitegroups/{id}',\r\n  deleteRemoveGroup: baseUrl + '/api/mypages/deliverysitegroups/{id}',\r\n  setGroupsOrder: baseUrl + '/api/mypages/deliverysitegroups/{id}/sort',\r\n\r\n  //mypages - post\r\n  postAccountSettingsEmail: baseUrl + '/api/mypages/mydetails/username/',\r\n  postAccountSettingsPassword: baseUrl + '/api/mypages/mydetails/password/',\r\n  postPowerOutageNotifications: baseUrl + '/api/mypages/poweroutagenotifications/',\r\n  postPowerOutageNotificationsBatch: baseUrl + '/api/mypages/poweroutagenotifications/batch/',\r\n  postRealTimeMeasurement: baseUrl + '/api/mypages/deliverysites/{id}/realtimemeasurement',\r\n  postContactDetails: baseUrl + '/api/mypages/mydetails/contactinformation/',\r\n  postActivateAutogiro: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/apply/',\r\n  postPollAutogiro: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/poll/',\r\n  getInitBankId: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/init/',\r\n  getCancelBankId: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/cancel/',\r\n  getQrImageBankId: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/bankid/qrimage/',\r\n  postSignAutogiro: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/sign/',\r\n\r\n  //mypages - delete\r\n  deleteUserAccount: baseUrl + '/api/mypages/mydetails/remove/',\r\n  deleteRemoveAutogiro: baseUrl + '/api/mypages/invoices/invoiceconfiguration/autogiro/remove/{id}/',\r\n\r\n  //energikonto\r\n  getCustomers: baseUrl + '/api/mypages/customers/',\r\n  removeAccount: baseUrl + '/api/mypages/customers/delegation/remove',\r\n  addAccount: baseUrl + '/api/mypages/customers/delegation/add',\r\n  appInsight: baseUrl + '/api/mypages/energy/tab',\r\n\r\n  //Projektkartan\r\n  getProjectMapData: baseUrl + '/api/projectmapdata',\r\n\r\n  getAccessPowerTariff: baseUrl + '/api/mypages/powertariff/overview/',\r\n  getPowerTariffCostComparison: baseUrl + '/api/mypages/powertariff/costcomparison/{id}/',\r\n\r\n  // Imd\r\n  postImdUserInput: baseUrl + '/api/imd/'\r\n}\r\n","export default {\r\n  sendFeedback: (action) => {\r\n    dataLayerPush({\r\n      event: 'reviewEvent',\r\n      target: 'hjälpte informationen dig',\r\n      action\r\n    })\r\n  },\r\n  contactUs: (label) => {\r\n    dataLayerPush({\r\n      event: 'contactsubmitEvent',\r\n      target: 'kontakta oss',\r\n      action: 'inskickad',\r\n      label\r\n    })\r\n  },\r\n  contactUsHelp: (label) => {\r\n    dataLayerPush({\r\n      event: 'contactHelpLinkEvent',\r\n      target: 'kontakta oss - hjälp',\r\n      action: 'klick på CTA',\r\n      label\r\n    })\r\n  },\r\n  contactUsFaqLink: (action, label) => {\r\n    dataLayerPush({\r\n      event: 'contactFaqLinkEvent',\r\n      target: 'kontakta oss - faq länk',\r\n      action,\r\n      label\r\n    })\r\n  },\r\n  contactUsFaqShow: (label) => {\r\n    dataLayerPush({\r\n      event: 'contactFaqShowEvent',\r\n      target: 'kontakta oss - faq visad',\r\n      action: 'visad',\r\n      label\r\n    })\r\n  },\r\n  printDeliverySiteInformation: (isCorporate) => {\r\n    dataLayerPush({\r\n      event: 'printDeliverySiteInformationEvent',\r\n      target: isCorporate ? 'energikonto' : 'mina sidor',\r\n      action: 'klick',\r\n      label: 'anläggningsdata skriv ut'\r\n    })\r\n  }\r\n}\r\n\r\nconst dataLayerPush = (obj) => {\r\n  window.dataLayer = window.dataLayer ? window.dataLayer : []\r\n  window.dataLayer.push(obj)\r\n}\r\n","export function getBaseUrl() {\r\n  let env = {}\r\n  try {\r\n    env = import.meta.env\r\n    if (typeof env !== 'object') env = {}\r\n  } catch (_) {\r\n    env = {}\r\n  }\r\n\r\n  return env.VITE_VUE_APP_BASE_URL ?? ''\r\n}\r\n"],"names":["class","for","showNoFeedback","clickYes","up","color","colorLeft","clickedYes","buttonFeedbackTextYes","showYesFeedback","clickNo","colorRight","clickedNo","buttonFeedbackTextNo","showInputField","inputHeading","id","inputFieldValue","rows","placeholder","feedbackPlaceholder","disabled","length","sendMessage","buttonText","explanation","feedbackThankYouHeading","feedbackYesText","messageSent","feedbackNoText","xmlns","viewBox","fill","d","transform","name","props","type","String","default","Boolean","__exports__","script","COLOR_BLACK","COLOR_RED","COLOR_GREEN","components","EllevioWebThumb","EllevioWebSparkleIconAnimated","contentId","language","faqfeedback","data","methods","async","this","pushToDataLayer","pushToEpiserver","action","gtmHelper","sendFeedback","inputValue","axios","post","apiUrl","postFeedback","ContentId","Language","Feedback","FaqFeedback","render","baseUrl","getChildrenByParentId","getMenuChildrenByParentId","getMoreCustomerNewsItems","getMoreCustomerServiceItems","getMoreSearchItems","getContactUsData","postContactUsForm","getAutocompleteItems","getAutocompleteItemsFaq","getAutocompleteItemsProjects","postCreateUserForm","getCurrentSession","getCustomerServiceAdminImpersonate","postCustomerServiceAdminImpersonate","postExtendCurrentSession","postTrackAppInsight","getConsumptionChartData","getTemperatureChartData","getEffectChartData","getEffectPriceCalculationData","getMeterReadingsData","getDeliverySitesData","getOptInOutInformation","putOptInOutInformation","postDeliverySiteCustomName","deleteDeliverySiteCustomName","getPowerOutageNotificationTableData","getDeliverySites","getConsumptionData","getConsumptionDataCombined","getDeliverySiteInformation","getCustomerDetails","getContactDetails","getAccountSettingsEmailData","getAccountSettingsPasswordData","putContactInformationConfirmation","postInvoiceSendMethodDataEInvoice","postInvoiceSendMethodEmail","postInvoiceSendMethodPostal","getInvoiceSendMethodData","getInvoiceData","getCreditPaymentsTableData","getPossiblePayoutsData","postPossiblePayouts","getBankAccountDetailsData","postBankAccountDetails","getBankAccountValidation","getOverviewInvoiceData","getOverviewPowerOutageData","getPriceSupportData","getSearchAddress","getInvoiceSettingsData","getPowerOutageNotificationsData","getRealTimeMeasurementData","getPriceCalculationData","getAgreementDetailsData","getGroupsData","postGroupsData","deleteRemoveGroup","setGroupsOrder","postAccountSettingsEmail","postAccountSettingsPassword","postPowerOutageNotifications","postPowerOutageNotificationsBatch","postRealTimeMeasurement","postContactDetails","postActivateAutogiro","postPollAutogiro","getInitBankId","getCancelBankId","getQrImageBankId","postSignAutogiro","deleteUserAccount","deleteRemoveAutogiro","getCustomers","removeAccount","addAccount","appInsight","getProjectMapData","getAccessPowerTariff","getPowerTariffCostComparison","postImdUserInput","dataLayerPush","event","target","contactUs","label","contactUsHelp","contactUsFaqLink","contactUsFaqShow","printDeliverySiteInformation","isCorporate","obj","window","dataLayer","push","getBaseUrl","env","_","VITE_VUE_APP_BASE_URL"],"sourceRoot":""}