{"version":3,"sources":["webpack:///./src/components/PaymentSuccess.vue?3c64","webpack:///./src/components/PaymentSuccess.vue","webpack:///./src/components/PaymentSuccess.vue?2983"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","$data","isLoading","_hoisted_3","_cache","_hoisted_4","_hoisted_5","_createVNode","_component_router_link","to","href","name","data","premiumUntil","error","retryAttempt","maxRetries","computed","isVerifying","PremiumService","isInVerificationMode","methods","formatPremiumDate","date","this","loadPremiumStatus","getPremiumUntil","console","setupEventListeners","EventBus","on","isPremium","urlParams","URLSearchParams","window","location","search","sessionId","get","handleSuccessfulPayment","beforeUnmount","off","__exports__","render"],"mappings":"kHAAA,W,2FCCOA,MAAM,mB,GACJA,MAAM,qB,SACaA,MAAM,iB,aAmBrBA,MAAM,W,sFArBjBC,eAkCM,MAlCNC,EAkCM,CAjCJC,eAgCM,MAhCNC,EAgCM,CA/BOC,EAAAC,W,iBAAXL,eAGM,MAHNM,EAGMC,EAAA,KAAAA,EAAA,IAFJL,eAA2B,OAAtBH,MAAM,WAAS,SACpBG,eAAgC,SAA7B,6BAAyB,Q,iBAE9BF,eA0BM,MAAAQ,EAAA,C,8sBAXJN,eAIM,MAJNO,EAIM,CAHJC,eAECC,EAAA,CAFYC,GAAG,IAAIb,MAAM,kB,wBACvB,IAAcQ,EAAA,KAAAA,EAAA,I,eAAd,qB,oBAGLL,eAKM,OALDH,MAAM,WAAS,CAClBG,eAGI,U,eAHD,oBAEDA,eAAyD,KAAtDW,KAAK,+BAA8B,uB,qEAYnC,GACbC,KAAM,iBACNC,OACE,MAAO,CACLC,aAAc,KACdX,WAAW,EACXY,MAAO,KACPC,aAAc,EACdC,WAAY,IAGhBC,SAAU,CACRC,cACE,OAAOC,aAAeC,yBAG1BC,QAAS,CACPC,kBAAkBC,GAChB,OAAOJ,aAAeG,kBAAkBC,IAE1C,0BACE,IAEE,GAAIC,KAAKN,YACP,OAGFM,KAAKtB,WAAY,QACXiB,aAAeM,oBACrBD,KAAKX,aAAeM,aAAeO,kBACnCF,KAAKtB,WAAY,EACjB,MAAOY,GACPa,QAAQb,MAAM,iCAAkCA,GAChDU,KAAKV,MAAQ,kCACbU,KAAKtB,WAAY,IAGrB0B,sBAEEC,OAASC,GAAG,wBAA0BC,IAChCA,IACFP,KAAKX,aAAeM,aAAeO,kBACnCF,KAAKtB,WAAY,KAKrB2B,OAASC,GAAG,8BAAgCZ,IACrCA,GAEHM,KAAKC,wBAKb,gBAEED,KAAKI,sBAGL,MAAMI,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QAChDC,EAAYL,EAAUM,IAAI,cAEhC,GAAID,EACF,UAGQlB,aAAeoB,wBAAwBF,GAC7C,MAAOvB,GAEPU,KAAKV,MAAQ,oDAKZU,KAAKN,mBACFM,KAAKC,qBAKfe,gBAEEX,OAASY,IAAI,yBACbZ,OAASY,IAAI,iC,iCCvHjB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-3c37a7ef.29354d33.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PaymentSuccess.vue?vue&type=style&index=0&id=f50816c4&scoped=true&lang=css\"","<template>\n  <div class=\"payment-success\">\n    <div class=\"success-container\">\n      <div v-if=\"isLoading\" class=\"loading-state\">\n        <div class=\"spinner\"></div>\n        <p>Verifying your payment...</p>\n      </div>\n      <div v-else>\n        <div class=\"success-icon\">\n          <i class=\"fa fa-check-circle\"></i>\n        </div>\n        <h1>Payment Successful!</h1>\n        <p class=\"message\">Your premium subscription has been activated.</p>\n        <div class=\"features\">\n          <h3>Premium Features Include:</h3>\n          <ul>\n            <li><i class=\"fa fa-star\"></i> Unlimited searches</li>\n            <li><i class=\"fa fa-star\"></i> Priority processing</li>\n            <li><i class=\"fa fa-star\"></i> Uncensored results</li>\n            <li><i class=\"fa fa-star\"></i> Source links</li>\n          </ul>\n        </div>\n        <div class=\"actions\">\n          <router-link to=\"/\" class=\"button primary\"\n            >Go to Homepage</router-link\n          >\n        </div>\n        <div class=\"support\">\n          <p>\n            Having issues?\n            <a href=\"mailto:support@face-spy.com\">Contact Support</a>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport PremiumService from \"@/services/PremiumService\";\nimport EventBus from \"@/services/EventBus\";\n\nexport default {\n  name: \"PaymentSuccess\",\n  data() {\n    return {\n      premiumUntil: null,\n      isLoading: true,\n      error: null,\n      retryAttempt: 0,\n      maxRetries: 5\n    };\n  },\n  computed: {\n    isVerifying() {\n      return PremiumService.isInVerificationMode();\n    }\n  },\n  methods: {\n    formatPremiumDate(date) {\n      return PremiumService.formatPremiumDate(date);\n    },\n    async loadPremiumStatus() {\n      try {\n        // Keep in loading state while verification is in progress\n        if (this.isVerifying) {\n          return;\n        }\n\n        this.isLoading = true;\n        await PremiumService.loadPremiumStatus();\n        this.premiumUntil = PremiumService.getPremiumUntil();\n        this.isLoading = false;\n      } catch (error) {\n        console.error('Failed to load premium status:', error);\n        this.error = 'Could not verify premium status';\n        this.isLoading = false;\n      }\n    },\n    setupEventListeners() {\n      // Listen for premium status changes\n      EventBus.on(\"premium-status-change\", (isPremium) => {\n        if (isPremium) {\n          this.premiumUntil = PremiumService.getPremiumUntil();\n          this.isLoading = false;\n        }\n      });\n      \n      // Listen for verification state changes\n      EventBus.on(\"premium-verification-change\", (isVerifying) => {\n        if (!isVerifying) {\n          // Verification completed, refresh status\n          this.loadPremiumStatus();\n        }\n      });\n    }\n  },\n  async mounted() {\n    // Set up event listeners\n    this.setupEventListeners();\n\n    // Process session ID from URL if available\n    const urlParams = new URLSearchParams(window.location.search);\n    const sessionId = urlParams.get('session_id');\n    \n    if (sessionId) {\n      try {\n        // Process the successful payment\n        // console.log('Processing payment with session ID:', sessionId);\n        await PremiumService.handleSuccessfulPayment(sessionId);\n      } catch (error) {\n        // console.error('Error processing payment session:', error);\n        this.error = 'Failed to verify payment. Please contact support.';\n      }\n    }\n    \n    // Only load premium status if not currently verifying\n    if (!this.isVerifying) {\n      await this.loadPremiumStatus();\n    } else {\n      // console.log(\"Payment verification is in progress...\");\n    }\n  },\n  beforeUnmount() {\n    // Clean up event listeners\n    EventBus.off('premium-status-change');\n    EventBus.off('premium-verification-change');\n  }\n};\n</script>\n\n<style scoped>\n.payment-success {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: calc(100vh - 60px);\n  padding: 20px;\n  background: linear-gradient(\n    135deg,\n    rgba(22, 22, 26, 0.9) 0%,\n    rgba(16, 16, 22, 0.9) 100%\n  );\n}\n\n.success-container {\n  max-width: 600px;\n  width: 100%;\n  background-color: rgba(30, 30, 38, 0.85);\n  border-radius: 12px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n  padding: 40px;\n  text-align: center;\n  color: white;\n}\n\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 300px;\n}\n\n.spinner {\n  width: 60px;\n  height: 60px;\n  border: 5px solid rgba(255, 255, 255, 0.2);\n  border-top: 5px solid #ffd700;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n  margin-bottom: 20px;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.success-icon {\n  font-size: 80px;\n  margin-bottom: 20px;\n  color: #4caf50;\n}\n\nh1 {\n  font-size: 32px;\n  margin-bottom: 20px;\n  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.message {\n  font-size: 18px;\n  margin-bottom: 30px;\n}\n\n.details {\n  margin: 30px 0;\n  font-size: 16px;\n}\n\n.highlight {\n  font-weight: bold;\n  color: #ffd700;\n}\n\n.features {\n  text-align: left;\n  margin: 30px 0;\n  padding: 20px;\n  background-color: rgba(255, 255, 255, 0.05);\n  border-radius: 8px;\n}\n\n.features h3 {\n  margin-bottom: 15px;\n  font-size: 18px;\n}\n\n.features ul {\n  list-style-type: none;\n  padding: 0;\n}\n\n.features li {\n  padding: 8px 0;\n  display: flex;\n  align-items: center;\n}\n\n.features li i {\n  color: #ffd700;\n  margin-right: 10px;\n}\n\n.actions {\n  margin-top: 30px;\n}\n\n.button {\n  display: inline-block;\n  padding: 12px 24px;\n  border-radius: 6px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.primary {\n  background: linear-gradient(135deg, #4a74dc 0%, #c33c65 100%);\n  color: white;\n}\n\n.primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 15px rgba(74, 116, 220, 0.3);\n}\n\n.support {\n  margin-top: 30px;\n  font-size: 14px;\n  opacity: 0.7;\n}\n\n.support a {\n  color: #4a74dc;\n  text-decoration: none;\n}\n\n.support a:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 768px) {\n  .success-container {\n    padding: 30px 20px;\n  }\n\n  .success-icon {\n    font-size: 60px;\n  }\n\n  h1 {\n    font-size: 28px;\n  }\n}\n</style>\n","import { render } from \"./PaymentSuccess.vue?vue&type=template&id=f50816c4&scoped=true\"\nimport script from \"./PaymentSuccess.vue?vue&type=script&lang=js\"\nexport * from \"./PaymentSuccess.vue?vue&type=script&lang=js\"\n\nimport \"./PaymentSuccess.vue?vue&type=style&index=0&id=f50816c4&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f50816c4\"]])\n\nexport default __exports__"],"sourceRoot":""}