@virgodev/iap 1.0.1 → 1.0.2

package/components/StripeCheckout.vue

@@ -66,7 +66,7 @@ import type {
 } from "@stripe/stripe-js";
 import api from "@virgodev/bazaar/functions/api";
 import { onMounted, ref } from "vue";
-import { ProductType, useIapStore } from "../main";
+import { ProductType, useIapStore } from "../index";
 import type { StripeCart } from "../stores/iap";
 
 const props = defineProps<{

package/components/StripePopup.vue

@@ -53,14 +53,16 @@ router.beforeResolve(async (to, from, next) => {
     await nextTick();
     if (cart && cart.items.length > 0) {
       const item = cart.items[0];
-      const result = await iap.verify({
+      const transaction = {
         products: [{ id: item.product.id }],
         platform: Platform.STRIPE,
         transactionId: `${to.query.stripe_session_id}`,
         purchaseId: item.product.id,
         finish: function (): void {},
-      });
+      };
+      const result = await iap.verify(transaction);
       if (result) {
+        iap.stripeResult = transaction;
         iap.stripeStatus = "verified";
         delete to.query.stripe_session_id;
       }
@@ -78,6 +80,11 @@ onMounted(() => {});
 
 function closeDialog(v: boolean): void {
   if (v === false) {
+    if (iap.stripeCallback) {
+      iap.stripeCallback(undefined);
+    }
+    iap.stripeCallback = undefined;
+    iap.stripeResult = undefined;
     iap.stripeCart = undefined;
     iap.stripeStatus = undefined;
     visible.value = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@virgodev/iap",
-  "version": "1.0.1",
-  "main": "./main.ts",
+  "version": "1.0.2",
+  "main": "./index.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -10,14 +10,15 @@
   "description": "",
   "dependencies": {
     "@stripe/stripe-js": "^8.2.0",
+    "@virgodev/iap": "^1.0.1",
     "cordova-plugin-purchase": "^13.12.1"
   },
   "peerDependencies": {
-    "@virgodev/bazaar": "^1.2.7",
     "@capacitor/app": "^7.1.0",
     "@capacitor/device": "^7.0.2",
-    "vue-router": "^4.6.3",
+    "@virgodev/bazaar": "^1.2.7",
+    "pinia": "^3.0.3",
     "primevue": "^4.4.1",
-    "pinia": "^3.0.3"
+    "vue-router": "^4.6.3"
   }
 }

package/stores/iap.ts

@@ -6,7 +6,7 @@ import api from "@virgodev/bazaar/functions/api";
 import { localRef } from "@virgodev/bazaar/functions/localstorage/localRef";
 import { createStore } from "@virgodev/vue-models/utils/create_store";
 import { defineStore } from "pinia";
-import { computed, ref, shallowRef } from "vue";
+import { computed, ref, shallowRef, watch } from "vue";
 import { useRouter } from "vue-router";
 
 export enum ProductType {
@@ -125,6 +125,9 @@ export const useIapStore = defineStore("iap", () => {
   const stripeLoaded = ref(false);
   const stripeCart = localRef<StripeCart | undefined>("stripe-cart", undefined);
   const stripeStatus = ref<undefined | "cart" | "verified">();
+  const stripeResult = ref<undefined | Transaction>();
+  const stripeCallback =
+    ref<(t: Transaction | undefined) => Transaction | undefined>();
 
   const storePlatform = computed(() => {
     if (platform.value === "android") {
@@ -134,6 +137,14 @@ export const useIapStore = defineStore("iap", () => {
     }
   });
 
+  watch(stripeResult, () => {
+    if (stripeCallback.value) {
+      stripeCallback.value(stripeResult.value);
+      stripeCallback.value = undefined;
+      stripeResult.value = undefined;
+    }
+  });
+
   async function initialize(loadProducts: IapProduct[]) {
     products.value = loadProducts;
 
@@ -166,7 +177,7 @@ export const useIapStore = defineStore("iap", () => {
     }
   }
 
-  async function purchaseItem(code: string) {
+  async function purchaseItem(code: string): Promise<any | undefined> {
     const product = products.value.find((p) => p.id === code);
     if (product) {
       if (product.platform === Platform.STRIPE) {
@@ -174,6 +185,9 @@ export const useIapStore = defineStore("iap", () => {
         stripeCart.value = {
           items: [{ product, price: product.stripePrice, quantity: 1 }],
         };
+        return await new Promise<Transaction | undefined>((resolve) => {
+          stripeCallback.value = resolve;
+        });
         // this should trigger the <StripePopup /> component
       } else if (
         product.platform === Platform.GOOGLE_PLAY ||
@@ -269,6 +283,8 @@ export const useIapStore = defineStore("iap", () => {
     stripeLoaded,
     stripeCart,
     stripeStatus,
+    stripeResult,
+    stripeCallback,
   };
 });