{"version":3,"sources":["webpack:///./src/views/premium/refund-modal.vue?827e","webpack:///./src/views/premium/refund-modal.vue","webpack:///./src/views/premium/refund-modal.vue?83ea","webpack:///./src/views/premium/refund.vue","webpack:///./src/views/premium/refund.vue?698d","webpack:///./src/views/premium/refund.vue?89c1","webpack:///./src/assets/premium/success.svg","webpack:///./src/assets/premium/premium_bg.webp"],"names":["premium","usePremiumStore","isRefundClicked","storeToRefs","isModalVisible","ref","halfHeight","onMounted","async","screenHeight","window","innerHeight","value","watchEffect","handleCloseModal","__exports__","reason","issue","isReasonNull","isIssueNull","disabled","loadingStyle","reactive","position","left","errorStyle","border","eventTracking","onFinish","console","log","MessageError","setTimeout","destroy","payload","customerQualityIssue","customerReason","userRefund","then","res","code","module","exports"],"mappings":"kHAAA,W,wtBCiCA,MAAMA,EAAUC,kBACV,gBAAEC,GAAoBC,yBAAYH,GAClCI,EAAiBC,kBAAI,GACrBC,EAAaD,iBAAI,GACvBE,uBAAUC,UACR,MAAMC,EAAeC,OAAOC,YAC5BL,EAAWM,MAAQH,EAAe,IAEpCI,yBAAY,KAENX,EAAgBU,QAClBR,EAAeQ,OAAQ,KAG3B,MAAME,EAAmB,KACvBZ,EAAgBU,OAAQ,EACxBR,EAAeQ,OAAQ,G,4vBC3CzB,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,qhDCoDf,MAAMf,EAAUC,kBACV,gBAAEC,GAAoBC,yBAAYH,GAClCgB,EAASX,iBAAI,IACbY,EAAQZ,iBAAI,IACZa,EAAeb,kBAAI,GACnBc,EAAcd,kBAAI,GAClBe,EAAWf,kBAAI,GACfgB,EAAeC,sBAAS,CAC5BC,SAAU,WACVC,KAAM,UAEFC,EAAaH,sBAAS,CAC1BI,OAAQ,gBACR,aAAc,SAOhBnB,uBAAU,KACRoB,2BAAc,0BAEhB,MAAMC,EAAWpB,UAKf,GAJAY,EAASR,OAAQ,EACjBiB,QAAQC,IAAIV,EAASR,OAErBiB,QAAQC,IAAI,wCAAsCd,EAAOJ,MAAOK,EAAML,OACjD,KAAjBI,EAAOJ,OAAgC,KAAhBK,EAAML,MAC/BM,EAAaN,OAAQ,EACrBO,EAAYP,OAAQ,EACpBmB,eAAa,yCACbC,WAAW,KACTC,kBACC,UAEA,GAAqB,KAAjBjB,EAAOJ,OAAgC,KAAhBK,EAAML,MACpCM,EAAaN,OAAQ,EACrBmB,eAAa,0BACbC,WAAW,KACTC,kBACC,UAEA,GAAqB,KAAjBjB,EAAOJ,OAAgC,KAAhBK,EAAML,MACpCO,EAAYP,OAAQ,EACpBmB,eAAa,+BACbC,WAAW,KACTC,kBACC,SAEA,CACH,MAAMC,EAAU,CACdC,qBAAsBlB,EAAML,MAC5BwB,eAAgBpB,EAAOJ,aAEnByB,eAAWH,GAASI,KAAKC,IAC7B,MAAM,KAAEC,GAASD,EACJ,IAATC,IACFtC,EAAgBU,OAAQ,KAG5BM,EAAaN,OAAQ,EACrBO,EAAYP,OAAQ,EAEtBe,2BAAc,0BACdP,EAASR,OAAQ,G,wmDCvHnB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,kCCRf,W,mBCAA6B,EAAOC,QAAU,swC,4CCAjBD,EAAOC,QAAU,IAA0B,gC","file":"js/chunk-69f5db9b.4bfb652b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./refund-modal.vue?vue&type=style&index=0&id=79c9e1d0&lang=less&scoped=true\"","<template>\r\n  <div>\r\n    <custom-modal :visible=\"isRefundClicked\" :closable=\"false\" :footer=\"null\" class=\"upgrade-modal-container\">\r\n      <template #modal-title>\r\n        <div class=\"modal-header flex items-center justify-between\">\r\n          <div class=\"flex items-center modal-title\">\r\n            <img :src=succes_icon alt=\"\" :style=\"{ width: '16px', height: '16px', marginRight: '16px' }\">\r\n            <p>Submitted successfully</p>\r\n          </div>\r\n          <img :src=\"close_icon\" :style=\"{ width: '20px', height: '20px', cursor: 'pointer' }\"\r\n            @click=\"handleCloseModal\" />\r\n        </div>\r\n      </template>\r\n      <template #modal-content>\r\n        <div class=\"modal-body\">\r\n          We will then review your request within 7 days and contact you via email.\r\n        </div>\r\n      </template>\r\n      <template #operate-button>\r\n        <div class=\"flex justify-center pt-6\">\r\n        </div>\r\n      </template>\r\n    </custom-modal>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport close_icon from '@/assets/common-icons/icon_close.svg';\r\nimport succes_icon from '@/assets/premium/success.svg';\r\nimport CustomModal from '@/components/boolv-ui/custom-modal/custom-modal.vue'\r\nimport { usePremiumStore } from '@/store/premium.js'\r\nimport { storeToRefs } from 'pinia'\r\nimport { ref, watchEffect, onMounted } from 'vue';\r\nconst premium = usePremiumStore();\r\nconst { isRefundClicked } = storeToRefs(premium);\r\nconst isModalVisible = ref(false);\r\nconst halfHeight = ref(0);\r\nonMounted(async () => {\r\n  const screenHeight = window.innerHeight;\r\n  halfHeight.value = screenHeight / 2;\r\n})\r\nwatchEffect(() => {\r\n\r\n  if (isRefundClicked.value) {\r\n    isModalVisible.value = true\r\n  }\r\n})\r\nconst handleCloseModal = () => {\r\n  isRefundClicked.value = false;\r\n  isModalVisible.value = false;\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.modal-title {\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  color: #1F2329;\r\n}\r\n\r\n.modal-body {\r\n  padding: 18px;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  color: #060606;\r\n  margin-top: 12px;\r\n  margin-right: 32px;\r\n  margin-left: 32px;\r\n}\r\n\r\n:global(.upgrade-modal-container .ant-modal-content) {\r\n  border-radius: 8px;\r\n}\r\n\r\n:global(.upgrade-modal-container .ant-modal-header) {\r\n  border-top-left-radius: 8px;\r\n  border-top-right-radius: 8px;\r\n}\r\n</style>","import script from \"./refund-modal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./refund-modal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./refund-modal.vue?vue&type=style&index=0&id=79c9e1d0&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/jenkins/agent/workspace/web-project4knfj/booltool-web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-79c9e1d0\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"refund-container\">\r\n    <refund-modal />\r\n    <img class=\"premiump-bg\" :src=\"premiumBg\" alt=\"\">\r\n    <p class=\"form-title\">Refund Policy</p>\r\n    <div class=\"refund-details-box\">\r\n\r\n      <p class=\"refund-details-header\">Refund Policy</p>\r\n      <div class=\"refund-details-body\">\r\n        <p>The 7 Days Money Back Guarantee applies if ... </p>\r\n        <p style=\"margin-top:35px;\">1. you have purchased a subscription for the first time,</p>\r\n        <p>2. the subscription was purchased within the last 7 days,</p>\r\n        <p>3. you have processed a total of less than 100 subscription credits, and</p>\r\n        <p>4. you have not made use of the 7 Days Money Back Guarantee before.</p>\r\n\r\n        <p style=\"margin-top:35px;\">To place a refund request, you would have to fill out this form.</p>\r\n        <p>We will then review your request within 7 days and contact you via email.</p>\r\n      </div>\r\n      <div class=\"refund-form\">\r\n        <a-form>\r\n          <a-form-item class=\"refund-form-title\">\r\n            <p>Reason for Refund</p>\r\n          </a-form-item>\r\n          <a-form-item>\r\n            <a-textarea class=\"refund-form-textarea \" v-model:value=\"reason\" :style=\"isReasonNull ? errorStyle : ''\">\r\n            </a-textarea>\r\n          </a-form-item>\r\n          <a-form-item class=\"refund-form-title\">\r\n            <p>Quality Issues</p>\r\n          </a-form-item>\r\n          <a-form-item>\r\n            <a-textarea class=\"refund-form-textarea\" v-model:value=\"issue\" :style=\"isIssueNull ? errorStyle : ''\">\r\n            </a-textarea>\r\n          </a-form-item>\r\n        </a-form>\r\n      </div>\r\n      <button class=\"refund-details-footer\" @click=\"onFinish\" :disabled=\"disabled\"\r\n        :style=\"disabled && { 'pointer-events': 'none' }\">\r\n        <LoadingOutlined :style=\"loadingStyle\" v-if=\"disabled\" />\r\n        <div>Submit</div>\r\n      </button>\r\n    </div>\r\n\r\n\r\n\r\n\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport premiumBg from '@/assets/premium/premium_bg.webp'\r\nimport RefundModal from './refund-modal.vue';\r\nimport { LoadingOutlined } from '@ant-design/icons-vue';\r\nimport { ref, reactive, onMounted } from 'vue';\r\nimport { usePremiumStore } from '@/store/premium.js';\r\nimport { storeToRefs } from 'pinia';\r\nimport {\r\n  userRefund,\r\n} from \"@/api/premium/index\";\r\nimport { eventTracking } from '../../utils/eventTracking';\r\nconst premium = usePremiumStore();\r\nconst { isRefundClicked } = storeToRefs(premium);\r\nconst reason = ref('');\r\nconst issue = ref('');\r\nconst isReasonNull = ref(false);\r\nconst isIssueNull = ref(false);\r\nconst disabled = ref(false);\r\nconst loadingStyle = reactive({\r\n  position: 'absolute',\r\n  left: '270px',\r\n})\r\nconst errorStyle = reactive({\r\n  border: '1px solid red',\r\n  'box-shadow': 'none',\r\n});\r\nimport {\r\n  MessageSuccess,\r\n  MessageError,\r\n  destroy,\r\n} from \"@/components/boolv-ui/Message/index.js\";\r\nonMounted(() => {\r\n  eventTracking('booltool_refund_view');\r\n})\r\nconst onFinish = async () => {\r\n  disabled.value = true;\r\n  console.log(disabled.value)\r\n  // 校验\r\n  console.log('reason.value, issue.value-------->', reason.value, issue.value);\r\n  if (reason.value === '' && issue.value === '') {\r\n    isReasonNull.value = true;\r\n    isIssueNull.value = true;\r\n    MessageError(\"Both reason and issue cannot be empty\")\r\n    setTimeout(() => {\r\n      destroy();\r\n    }, 2000);\r\n  }\r\n  else if (reason.value === '' && issue.value !== '') {\r\n    isReasonNull.value = true;\r\n    MessageError(\"Reason cannot be empty\");\r\n    setTimeout(() => {\r\n      destroy();\r\n    }, 2000);\r\n  }\r\n  else if (reason.value !== '' && issue.value === '') {\r\n    isIssueNull.value = true;\r\n    MessageError(\"Both reason cannot be empty\");\r\n    setTimeout(() => {\r\n      destroy();\r\n    }, 2000);\r\n  }\r\n  else {\r\n    const payload = {\r\n      customerQualityIssue: issue.value,\r\n      customerReason: reason.value,\r\n    }\r\n    await userRefund(payload).then(res => {\r\n      const { code } = res;\r\n      if (code === 0) {\r\n        isRefundClicked.value = true;\r\n      }\r\n    });\r\n    isReasonNull.value = false;\r\n    isIssueNull.value = false;\r\n  }\r\n  eventTracking('booltool_refund_submit');\r\n  disabled.value = false;\r\n\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.refund-container {\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  z-index: 10;\r\n  position: relative;\r\n  margin-bottom: 531px;\r\n\r\n  .premiump-bg {\r\n    position: absolute;\r\n    height: 650px;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    z-index: -1;\r\n  }\r\n\r\n  .form-title {\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    font-size: 42px;\r\n    line-height: 24px;\r\n    color: #FFFFFF;\r\n    margin-top: 81px;\r\n    margin-bottom: 71px;\r\n  }\r\n\r\n  .refund-details-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    width: 796px;\r\n    border: 1px solid #DEE0E3;\r\n    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.08);\r\n    border-radius: 8px;\r\n    background: #FFFFFF;\r\n    padding: 46px 60px 56px 60px;\r\n  }\r\n\r\n  .refund-details-header {\r\n    font-weight: 500;\r\n    font-size: 24px;\r\n    line-height: 29px;\r\n    color: #060606;\r\n  }\r\n\r\n  .refund-details-body {\r\n    margin-top: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 32px;\r\n    color: #060606;\r\n  }\r\n\r\n  .refund-form {\r\n    margin-top: 60px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    .refund-form-title {\r\n      font-weight: 500;\r\n      font-size: 24px;\r\n      line-height: 29px;\r\n      color: #060606;\r\n      text-align: start;\r\n    }\r\n\r\n    .refund-form-textarea {\r\n      width: 100%;\r\n      height: 172px;\r\n      font-weight: 400;\r\n      font-size: 14px;\r\n      line-height: 32px;\r\n      color: #060606;\r\n      resize: none;\r\n      border: 1px solid #D0D0D0;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .refund-form-textarea::-webkit-scrollbar {\r\n      width: 16px;\r\n      height: 59px;\r\n    }\r\n\r\n    .refund-form-textarea::-webkit-scrollbar-thumb {\r\n      border-radius: 20px;\r\n      -moz-border-radius: 20px;\r\n      -webkit-border-radius: 20px;\r\n      border: 5px solid rgba(0, 0, 0, 0);\r\n      box-shadow: 10px 0 0 #c3c3c3 inset;\r\n    }\r\n\r\n    .refund-form-textarea::-webkit-scrollbar-track {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n\r\n  .refund-details-footer {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 48px;\r\n    text-align: center;\r\n    color: #FFFFFF;\r\n    margin-top: 24px;\r\n\r\n\r\n    div {\r\n      width: 255px;\r\n      background: linear-gradient(289deg, #632CFF 8.11%, #8E68FF 99.95%);\r\n      border-radius: 36px;\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background: linear-gradient(289deg, #6F46F4 5.38%, #957AEC 99.95%);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:global(.refund-form .ant-form) {\r\n  width: 100%;\r\n}\r\n</style>","import script from \"./refund.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./refund.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./refund.vue?vue&type=style&index=0&id=441ec176&lang=less&scoped=true\"\n\nimport exportComponent from \"/home/jenkins/agent/workspace/web-project4knfj/booltool-web/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-441ec176\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./refund.vue?vue&type=style&index=0&id=441ec176&lang=less&scoped=true\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI4MDZfNDM3MSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuNjY2MDE2IDhDMC42NjYwMTYgMTIuMDUwNSAzLjk0ODgzIDE1LjMzMzMgNy45OTkzNSAxNS4zMzMzQzEyLjA0OTkgMTUuMzMzMyAxNS4zMzI3IDEyLjA1MDUgMTUuMzMyNyA4QzE1LjMzMjcgMy45NDk0OCAxMi4wNDk5IDAuNjY2NjY4IDcuOTk5MzUgMC42NjY2NjhDMy45NDg4MyAwLjY2NjY2OCAwLjY2NjAxNiAzLjk0OTQ4IDAuNjY2MDE2IDhaIiBmaWxsPSIjMzRDNzI0Ii8+CjxwYXRoIGQ9Ik0xMS41OTc4IDYuNTQ2MzZDMTEuNzc2OCA2LjM2NzM3IDExLjc3NjggNi4wNzcxNyAxMS41OTc4IDUuODk4MThMMTEuMjczNyA1LjU3NDA5QzExLjA5NDcgNS4zOTUxIDEwLjgwNDUgNS4zOTUxIDEwLjYyNTYgNS41NzQwOUw2Ljk4MTk0IDkuMjE3MzNMNS42Mjk5NSA3Ljg2NTc2QzUuNDUwOTYgNy42ODY3NyA1LjE2MDc2IDcuNjg2NzcgNC45ODE3NyA3Ljg2NTc2TDQuNjU3NjggOC4xODk4NUM0LjQ3ODY5IDguMzY4ODQgNC40Nzg2OSA4LjY1OTA0IDQuNjU3NjggOC44MzgwM0w2LjYwMjIyIDEwLjc4MjZDNi43MjkxNCAxMC45MDk1IDYuOTExOTcgMTAuOTQ2NCA3LjA3MTU5IDEwLjg5MzdDNy4xODUxOCAxMC44OTA5IDcuMjk3OTYgMTAuODQ2MiA3LjM4NDY1IDEwLjc1OTVMMTEuNTk3OCA2LjU0NjM2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yODA2XzQzNzEiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\"","module.exports = __webpack_public_path__ + \"img/premium_bg.159f768b.webp\";"],"sourceRoot":""}