{"version":3,"sources":["webpack:///./src/views/Feedback.vue","webpack:///./src/components/feedback/NegativeFeedbackLeaveMessage.vue","webpack:///src/components/feedback/NegativeFeedbackLeaveMessage.vue","webpack:///./src/components/feedback/NegativeFeedbackLeaveMessage.vue?5472","webpack:///./src/components/feedback/NegativeFeedbackLeaveMessage.vue?33ae","webpack:///./src/components/feedback/HowWasYourExperience.vue","webpack:///src/components/feedback/HowWasYourExperience.vue","webpack:///./src/components/feedback/HowWasYourExperience.vue?8321","webpack:///./src/components/feedback/HowWasYourExperience.vue?8db0","webpack:///./src/services/ReviewsService.js","webpack:///src/views/Feedback.vue","webpack:///./src/views/Feedback.vue?400e","webpack:///./src/views/Feedback.vue?55c1","webpack:///./src/components/feedback/NegativeFeedbackLeaveMessage.vue?29f5","webpack:///./src/components/feedback/HowWasYourExperience.vue?0e14","webpack:///./src/assets/GoogleIconColorNoBg.png"],"names":["render","_vm$shopInfo","_vm","this","_c","_self","staticClass","attrs","loading","_e","showMainFeedback","shopInfo","name","gmb_review_link","on","handleSendFeedbackBtnClick","feedback","sendingReview","showThankyouMessage","handleBackBtnClick","sendFeedback","model","value","callback","$$v","expression","staticRenderFns","key","_v","_m","val","$emit","$event","preventDefault","submitBtnDisabled","props","type","String","required","Boolean","default","mounted","$posthog","capture","category","component","openReviewLink","apply","arguments","staticStyle","require","accountName","_s","reviewLink","methods","action","window","location","href","post","reviews","account","mood","message","customer_slug","apiClient","components","HowWasYourExperience","NegativeFeedbackLeaveMessage","data","selectedEvaluation","setFeedbackGlobalBackgroundColor","fetchAccountData","changePageTitle","title","document","querySelector","style","backgroundColor","shop","$route","query","ShopServicesService","get","customerSlug","ReviewsService","account_name","account_slug","slug","module","exports"],"mappings":"mHAAA,IAAIA,EAAS,WAAiB,IAAAC,EAAKC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,gBAAgB,CAAGL,EAAIM,QAA4nBN,EAAIO,KAAvnBL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,eAAe,KAAO,WAAW,CAAEL,EAAIQ,iBAAkBN,EAAG,0BAA0B,CAACG,MAAM,CAAC,eAA2B,QAAbN,EAACC,EAAIS,gBAAQ,IAAAV,OAAA,EAAZA,EAAcW,KAAK,cAAcV,EAAIS,SAASE,iBAAiBC,GAAG,CAAC,qBAAqBZ,EAAIa,8BAA8BX,EAAG,kCAAkC,CAACG,MAAM,CAAC,uBAAuBL,EAAIc,UAAYd,EAAIe,cAAc,wBAAwBf,EAAIgB,qBAAqBJ,GAAG,CAAC,KAAOZ,EAAIiB,mBAAmB,kBAAkBjB,EAAIkB,cAAcC,MAAM,CAACC,MAAOpB,EAAIc,SAAUO,SAAS,SAAUC,GAAMtB,EAAIc,SAASQ,GAAKC,WAAW,eAAe,IAAI,MAAe,IAEvyBC,EAAkB,GCFlB1B,EAAS,WAAkB,IAAIE,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAGF,EAAIgB,oBAAqwBd,EAAG,MAAM,CAACA,EAAG,MAAM,CAACuB,IAAI,mBAAmBrB,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,KAAO,eAAe,KAAO,GAAG,MAAQ,cAAc,GAAGH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAI0B,GAAG,kCAAkCxB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAI0B,GAAG,0IAAxkCxB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACJ,EAAI2B,GAAG,GAAGzB,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,WAAW,YAAc,+CAA+C,KAAO,IAAI,MAAQL,EAAIoB,OAAOR,GAAG,CAAC,MAASgB,GAAQ5B,EAAI6B,MAAM,QAASD,OAAS,GAAG1B,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,KAAO,aAAaO,GAAG,CAAC,MAAQ,SAASkB,GAAgC,OAAxBA,EAAOC,iBAAwB/B,EAAI6B,MAAM,WAAW,CAAC7B,EAAI0B,GAAG,YAAYxB,EAAG,YAAY,CAACG,MAAM,CAAC,KAAO,UAAU,SAAWL,EAAIgC,mBAAmBpB,GAAG,CAAC,MAAQ,SAASkB,GAAgC,OAAxBA,EAAOC,iBAAwB/B,EAAI6B,MAAM,sBAAsB,CAAC7B,EAAI0B,GAAG,cAAc,YAE30BF,EAAkB,CAAC,WAAY,IAAIxB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAI0B,GAAG,yCCwC5J,GACfhB,KAAA,+BACAuB,MAAA,CACAb,MAAA,CACAc,KAAAC,OACAC,UAAA,GAEArB,cAAA,CACAmB,KAAAG,QACAC,SAAA,GAEAN,kBAAA,CACAE,KAAAG,QACAC,SAAA,GAEAtB,oBAAA,CACAkB,KAAAG,QACAC,SAAA,IAGAC,UACA,KAAAC,SAAAC,QAAA,YAAAC,SAAA,wBC/DoX,I,wBCQhXC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCnBX7C,EAAS,WAAkB,IAAIE,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAI0B,GAAG,8BAA8BxB,EAAG,IAAI,CAACF,EAAI0B,GAAG,2EAA2ExB,EAAG,MAAM,CAACE,YAAY,2BAA2BQ,GAAG,CAAC,MAAQ,SAASkB,GAAgC,OAAxBA,EAAOC,iBAAwB/B,EAAI4C,eAAeC,MAAM,KAAMC,cAAc,CAAC5C,EAAG,MAAM,CAAC6C,YAAY,CAAC,OAAS,OAAO,MAAQ,QAAQ1C,MAAM,CAAC,IAAM2C,EAAQ,QAAoC,IAAM,iBAAiB9C,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAI0B,GAAG,gCAAgCxB,EAAG,IAAI,CAACF,EAAI0B,GAAG,yFAAyFxB,EAAG,SAAS,CAACE,YAAY,qCAAqCC,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQ,SAASkB,GAAgC,OAAxBA,EAAOC,iBAAwB/B,EAAI6B,MAAM,yBAAyB,CAAC3B,EAAG,OAAO,CAACF,EAAI0B,GAAG,gCAAiC1B,EAAIiD,YAAa/C,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACJ,EAAI0B,GAAG,gCAAgC1B,EAAIkD,GAAGlD,EAAIiD,gBAAgBjD,EAAIO,QAE7lCiB,EAAkB,GCeP,GACfd,KAAA,uBACAuB,MAAA,CACAgB,YAAA,CACAf,KAAAC,OACAC,UAAA,EACAE,QAAA,IAEAa,WAAA,CACAjB,KAAAC,OACAC,UAAA,EACAE,QAAA,KAGAC,UACA,KAAAC,SAAAC,QAAA,YAAAC,SAAA,mBAEAU,QAAA,CACAR,iBACA,KAAAJ,SAAAC,QAAA,YAAAC,SAAA,gBAAAW,OAAA,+BACAC,OAAAC,SAAAC,KAAA,KAAAL,cCrC4W,ICQxW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,gCCjBA,GACbM,KAAM,CACJC,QAASA,CAACC,EAASC,EAAMC,EAASC,IACzBC,OAAUN,KAAM,oBAAmBE,YAAmB,CAC3DC,OACAC,UACAC,oBCwBO,GACfpD,KAAA,WACAsD,WAAA,CACAC,uBACAC,gCAEAC,OACA,OACA7D,SAAA,EACAG,SAAA,KACA2D,mBAAA,GACA5D,kBAAA,EACAM,SAAA,GACAC,eAAA,EACAC,qBAAA,IAGAuB,UACA,KAAA8B,mCACA,KAAAC,oBAEAlB,QAAA,CACAmB,gBAAAC,GACAC,SAAAD,SAEAH,mCACAI,SAAAC,cAAA,QAAAC,MAAAC,gBAAA,UACAH,SAAAC,cAAA,kBAAAC,MAAAC,gBAAA,WAEA,yBACA,WAAAC,GAAA,KAAAC,OAAAC,MACA,IAAAF,EAAA,OAEA,MACAV,MAAA,KAAAA,UACAa,OAAAC,IAAAxE,SAAAoE,GACA,KAAAN,gBAAAJ,EAAAzD,MACA,KAAAJ,SAAA,EACA,KAAAG,SAAA0D,GAEAlD,qBACA,KAAAT,kBAAA,GAEAK,6BACA,KAAAL,kBAAA,GAEA,qBACA,WAAAqE,EAAAf,cAAAoB,GAAA,KAAAJ,OAAAC,MACAF,GAAAK,IACA,KAAAnE,eAAA,QACAoE,EAAA1B,KAAAC,QAAAmB,EAAA,gBAAA/D,UAAA,GAAAoE,GACA,KAAAnE,eAAA,EACA,KAAAC,qBAAA,EACA,KAAAwB,SAAAC,QAAA,YACAC,SAAA,oBACAW,OAAA,qBACA+B,aAAA,KAAA3E,SAAAC,KACA2E,aAAA,KAAA5E,SAAA6E,WCzFiV,ICO7U,EAAY,eACd,EACAxF,EACA0B,GACA,EACA,KACA,KACA,MAIa,e,6CClBf,W,yDCAA,W,qBCAA+D,EAAOC,QAAU,IAA0B,wC","file":"js/feedback.6829bc3e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"feedback-layout\"},[_c('transition',{attrs:{\"name\":\"fade-faster\"}},[(!_vm.loading)?_c('div',{staticClass:\"feedback-card\"},[_c('transition',{attrs:{\"name\":\"fade-fastest\",\"mode\":\"out-in\"}},[(_vm.showMainFeedback)?_c('how-was-your-experience',{attrs:{\"account-name\":_vm.shopInfo?.name,\"review-link\":_vm.shopInfo.gmb_review_link},on:{\"how-can-we-improve\":_vm.handleSendFeedbackBtnClick}}):_c('negative-feedback-leave-message',{attrs:{\"submit-btn-disabled\":!_vm.feedback || _vm.sendingReview,\"show-thankyou-message\":_vm.showThankyouMessage},on:{\"back\":_vm.handleBackBtnClick,\"submit-feedback\":_vm.sendFeedback},model:{value:(_vm.feedback),callback:function ($$v) {_vm.feedback=$$v},expression:\"feedback\"}})],1)],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.showThankyouMessage)?_c('div',[_c('div',{staticClass:\"card-body bad-feedback-screen\"},[_vm._m(0),_c('div',{staticClass:\"feedback-input-wrapper is-bad-review\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"Let us know how we can improve in the future\",\"rows\":\"5\",\"value\":_vm.value},on:{\"input\":(val) => _vm.$emit('input', val)}})],1),_c('div',{staticClass:\"action-buttons-wrapper\"},[_c('div',{staticClass:\"inner-wrapper\"},[_c('el-button',{attrs:{\"type\":\"secondary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('back')}}},[_vm._v(\" Back \")]),_c('el-button',{attrs:{\"type\":\"primary\",\"disabled\":_vm.submitBtnDisabled},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('submit-feedback')}}},[_vm._v(\" Share \")])],1)])])]):_c('div',[_c('div',{key:\"thankyou_wrapper\",staticClass:\"thank-you-message-wrapper\"},[_c('div',{staticClass:\"icon-wrapper-background\"},[_c('custom-icon',{attrs:{\"icon\":'circle-check',\"size\":32,\"color\":'#18B47D'}})],1),_c('div',{staticClass:\"wrapper-title\"},[_vm._v(\"Thank you for your feedback!\")]),_c('div',{staticClass:\"wrapper-text\"},[_vm._v(\" We take your feedback very seriously. We've passed this along to our team so we can make your experience better in the future. \")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bad-feedback-text-wrapper\"},[_c('div',{staticClass:\"feedback-title\"},[_vm._v(\"What could we have done better?\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!showThankyouMessage\">\n      <div class=\"card-body bad-feedback-screen\">\n        <div class=\"bad-feedback-text-wrapper\">\n          <div class=\"feedback-title\">What could we have done better?</div>\n        </div>\n        <div class=\"feedback-input-wrapper is-bad-review\">\n          <el-input\n            type=\"textarea\"\n            placeholder=\"Let us know how we can improve in the future\"\n            rows=\"5\"\n            :value=\"value\"\n            @input=\"(val) => $emit('input', val)\"\n          />\n        </div>\n        <div class=\"action-buttons-wrapper\">\n          <div class=\"inner-wrapper\">\n            <el-button @click.prevent=\"$emit('back')\" type=\"secondary\"> Back </el-button>\n            <el-button @click.prevent=\"$emit('submit-feedback')\" type=\"primary\" :disabled=\"submitBtnDisabled\">\n              Share\n            </el-button>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>\n      <div key=\"thankyou_wrapper\" class=\"thank-you-message-wrapper\">\n        <div class=\"icon-wrapper-background\">\n          <custom-icon :icon=\"'circle-check'\" :size=\"32\" :color=\"'#18B47D'\" />\n        </div>\n        <div class=\"wrapper-title\">Thank you for your feedback!</div>\n        <div class=\"wrapper-text\">\n          We take your feedback very seriously. We've passed this along to our team so we can make your experience\n          better in the future.\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'NegativeFeedbackLeaveMessage',\n  props: {\n    value: {\n      type: String,\n      required: true,\n    },\n    sendingReview: {\n      type: Boolean,\n      default: false,\n    },\n    submitBtnDisabled: {\n      type: Boolean,\n      default: false,\n    },\n    showThankyouMessage: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  mounted() {\n    this.$posthog.capture('feedback', { category: 'negative_feedback' });\n  },\n};\n</script>\n<style lang=\"scss\">\n.icon-wrapper-background {\n  background-color: #b9f9e2;\n  border-radius: 8px;\n  padding: 8px;\n  display: inline-block;\n  margin-bottom: 8px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NegativeFeedbackLeaveMessage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NegativeFeedbackLeaveMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NegativeFeedbackLeaveMessage.vue?vue&type=template&id=7edc0d1c\"\nimport script from \"./NegativeFeedbackLeaveMessage.vue?vue&type=script&lang=js\"\nexport * from \"./NegativeFeedbackLeaveMessage.vue?vue&type=script&lang=js\"\nimport style0 from \"./NegativeFeedbackLeaveMessage.vue?vue&type=style&index=0&id=7edc0d1c&prod&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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"feedback-main-body\"},[_c('div',{staticClass:\"feedback-title\"},[_vm._v(\"How was your experience?\")]),_c('p',[_vm._v(\"Thank you for visiting us! Please take a moment to leave us a review.\")]),_c('div',{staticClass:\"google-icon-text-wrapper\",on:{\"click\":function($event){$event.preventDefault();return _vm.openReviewLink.apply(null, arguments)}}},[_c('img',{staticStyle:{\"height\":\"32px\",\"width\":\"32px\"},attrs:{\"src\":require(\"@/assets/GoogleIconColorNoBg.png\"),\"alt\":\"Google Icon\"}}),_c('div',{staticClass:\"icon-button-text\"},[_vm._v(\"Leave us a Google review\")])]),_c('p',[_vm._v(\"If you did not have a good experience please let us know and we’ll make this right.\")]),_c('button',{staticClass:\"primary-btn full-width destructive\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('how-can-we-improve')}}},[_c('span',[_vm._v(\"Tell us about your issue\")])]),(_vm.accountName)?_c('p',{staticClass:\"feedback-bottom-text\"},[_vm._v(\"Sincerely, all of us here at \"+_vm._s(_vm.accountName))]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"feedback-main-body\">\n    <div class=\"feedback-title\">How was your experience?</div>\n    <p>Thank you for visiting us! Please take a moment to leave us a review.</p>\n    <div class=\"google-icon-text-wrapper\" @click.prevent=\"openReviewLink\">\n      <img src=\"@/assets/GoogleIconColorNoBg.png\" alt=\"Google Icon\" style=\"height: 32px; width: 32px\" />\n      <div class=\"icon-button-text\">Leave us a Google review</div>\n    </div>\n\n    <p>If you did not have a good experience please let us know and we’ll make this right.</p>\n    <button type=\"button\" class=\"primary-btn full-width destructive\" @click.prevent=\"$emit('how-can-we-improve')\">\n      <span>Tell us about your issue</span>\n    </button>\n    <p v-if=\"accountName\" class=\"feedback-bottom-text\">Sincerely, all of us here at {{ accountName }}</p>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'HowWasYourExperience',\n  props: {\n    accountName: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    reviewLink: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  mounted() {\n    this.$posthog.capture('feedback', { category: 'google_review' });\n  },\n  methods: {\n    openReviewLink() {\n      this.$posthog.capture('feedback', { category: 'google_review', action: 'google_review_link_clicked' });\n      window.location.href = this.reviewLink;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.feedback-main-body {\n  h3 {\n    margin-bottom: 20px;\n  }\n  p {\n    color: #2d3139; // Gray 800\n    font-size: 16px;\n    font-weight: 400;\n    word-wrap: break-word;\n    margin-bottom: 20px !important;\n  }\n  .icon-button-text {\n    font-size: 16px;\n    font-weight: 400;\n    color: white;\n    font-size: 14px;\n  }\n  .google-icon-text-wrapper {\n    background-color: #18b47d; // Green 500\n    height: 64px;\n    min-width: 343px;\n    border-radius: 8px;\n    border: 1px #e3e5e8 solid;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .feedback-bottom-text {\n    margin-top: 20px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowWasYourExperience.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowWasYourExperience.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HowWasYourExperience.vue?vue&type=template&id=283daeae\"\nimport script from \"./HowWasYourExperience.vue?vue&type=script&lang=js\"\nexport * from \"./HowWasYourExperience.vue?vue&type=script&lang=js\"\nimport style0 from \"./HowWasYourExperience.vue?vue&type=style&index=0&id=283daeae&prod&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","import apiClient from '@/client';\n\nexport default {\n  post: {\n    reviews: (account, mood, message, customer_slug) => {\n      return apiClient.post(`/public/accounts/${account}/reviews`, {\n        mood,\n        message,\n        customer_slug\n      });\n    }\n  }\n};","<template>\n  <div class=\"feedback-layout\">\n    <transition name=\"fade-faster\">\n      <div v-if=\"!loading\" class=\"feedback-card\">\n        <transition name=\"fade-fastest\" mode=\"out-in\">\n          <how-was-your-experience\n            v-if=\"showMainFeedback\"\n            :account-name=\"shopInfo?.name\"\n            :review-link=\"shopInfo.gmb_review_link\"\n            @how-can-we-improve=\"handleSendFeedbackBtnClick\"\n          />\n\n          <negative-feedback-leave-message\n            v-else\n            v-model=\"feedback\"\n            :submit-btn-disabled=\"!feedback || sendingReview\"\n            :show-thankyou-message=\"showThankyouMessage\"\n            @back=\"handleBackBtnClick\"\n            @submit-feedback=\"sendFeedback\"\n          />\n        </transition>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport NegativeFeedbackLeaveMessage from '@/components/feedback/NegativeFeedbackLeaveMessage';\nimport HowWasYourExperience from '@/components/feedback/HowWasYourExperience';\nimport ShopServicesService from '@/services/ShopServicesService';\nimport ReviewsService from '@/services/ReviewsService';\n\nexport default {\n  name: 'Feedback',\n  components: {\n    HowWasYourExperience,\n    NegativeFeedbackLeaveMessage,\n  },\n  data() {\n    return {\n      loading: true,\n      shopInfo: null,\n      selectedEvaluation: '',\n      showMainFeedback: true,\n      feedback: '',\n      sendingReview: false,\n      showThankyouMessage: false,\n    };\n  },\n  mounted() {\n    this.setFeedbackGlobalBackgroundColor();\n    this.fetchAccountData();\n  },\n  methods: {\n    changePageTitle(title) {\n      document.title = title;\n    },\n    setFeedbackGlobalBackgroundColor() {\n      document.querySelector('body').style.backgroundColor = '#F9F9FB';\n      document.querySelector('.app-container').style.backgroundColor = '#F9F9FB';\n    },\n    async fetchAccountData() {\n      const { shop } = this.$route.query;\n      if (!shop) return;\n\n      const {\n        data: { data },\n      } = await ShopServicesService.get.shopInfo(shop);\n      this.changePageTitle(data.name);\n      this.loading = false;\n      this.shopInfo = data;\n    },\n    handleBackBtnClick() {\n      this.showMainFeedback = true;\n    },\n    handleSendFeedbackBtnClick() {\n      this.showMainFeedback = false;\n    },\n    async sendFeedback() {\n      const { shop, customer_slug: customerSlug } = this.$route.query;\n      if (!shop || !customerSlug) return;\n      this.sendingReview = true;\n      await ReviewsService.post.reviews(shop, 'feedback', this.feedback || '', customerSlug);\n      this.sendingReview = false;\n      this.showThankyouMessage = true;\n      this.$posthog.capture('feedback', {\n        category: 'negative_feedback',\n        action: 'feedback_submitted',\n        account_name: this.shopInfo.name,\n        account_slug: this.shopInfo.slug,\n      });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feedback.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Feedback.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Feedback.vue?vue&type=template&id=ce05d0b6\"\nimport script from \"./Feedback.vue?vue&type=script&lang=js\"\nexport * from \"./Feedback.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NegativeFeedbackLeaveMessage.vue?vue&type=style&index=0&id=7edc0d1c&prod&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowWasYourExperience.vue?vue&type=style&index=0&id=283daeae&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/GoogleIconColorNoBg.eefda722.png\";"],"sourceRoot":""}