@kiva/kv-shop 1.3.2 → 1.4.1

package/dist/chunk-CBJJUUVR.js

@@ -0,0 +1,121 @@
+import {
+  createBasket,
+  getBasketID,
+  hasBasketExpired
+} from "./chunk-2NC7LGGO.js";
+import {
+  parseShopError
+} from "./chunk-4ODZGLWK.js";
+
+// src/shopQueries.ts
+var watchQueries = /* @__PURE__ */ new Set();
+async function callShopMutation(apollo, options, maxretries = 2) {
+  try {
+    const result = await apollo.mutate({
+      ...options,
+      variables: {
+        ...options.variables,
+        basketId: getBasketID()
+      },
+      refetchQueries: options.awaitRefetchQueries ? Array.from(watchQueries) : []
+    });
+    if (result?.errors?.length) {
+      const basketErrors = result?.errors.filter((err) => hasBasketExpired(err));
+      if (basketErrors.length) {
+        if (maxretries > 0) {
+          await createBasket(apollo);
+          return callShopMutation(apollo, options, maxretries - 1);
+        }
+        throw basketErrors[0];
+      }
+      if (result?.errors?.length) {
+        throw result.errors[0];
+      }
+    }
+    return result?.data;
+  } catch (e) {
+    throw parseShopError(e);
+  }
+}
+async function callShopQuery(apollo, options, maxretries = 2) {
+  try {
+    const result = await apollo.query({
+      ...options,
+      variables: {
+        ...options.variables,
+        basketId: getBasketID()
+      }
+    });
+    if (result?.errors?.length) {
+      const basketErrors = result?.errors.filter((err) => hasBasketExpired(err));
+      if (basketErrors.length) {
+        if (maxretries > 0) {
+          await createBasket(apollo);
+          return callShopQuery(apollo, options, maxretries - 1);
+        }
+        throw basketErrors[0];
+      }
+      if (result?.errors?.length) {
+        throw result.errors[0];
+      }
+    }
+    return result?.data;
+  } catch (e) {
+    throw parseShopError(e);
+  }
+}
+function watchShopQuery(apollo, options, maxretries = 2) {
+  let retries = 0;
+  watchQueries.add(options.query);
+  const observable = apollo.watchQuery({
+    ...options,
+    variables: {
+      ...options.variables,
+      basketId: getBasketID()
+    }
+  });
+  const oldSubscribe = observable.subscribe.bind(observable);
+  observable.subscribe = (...args) => {
+    let nextFn;
+    let errorFn;
+    let completeFn;
+    if (typeof args[0] === "function") {
+      [nextFn, errorFn, completeFn] = args;
+    } else {
+      nextFn = args[0]?.next;
+      errorFn = args[0]?.error;
+      completeFn = args[0]?.complete;
+    }
+    const newErrorFn = (err) => {
+      const basketErrors = err?.graphQLErrors?.filter((e) => hasBasketExpired(e));
+      if (basketErrors.length) {
+        if (retries < maxretries) {
+          createBasket(apollo).then(() => {
+            retries += 1;
+            observable.refetch({
+              ...observable.variables,
+              basketId: getBasketID()
+            });
+          });
+        } else {
+          errorFn(parseShopError(basketErrors[0]));
+        }
+      } else {
+        if (err?.graphQLErrors?.length) {
+          errorFn(parseShopError(err.graphQLErrors[0]));
+        }
+        if (err?.networkError) {
+          errorFn(parseShopError(err.networkError));
+        }
+      }
+    };
+    return oldSubscribe(nextFn, newErrorFn, completeFn);
+  };
+  return observable;
+}
+
+export {
+  callShopMutation,
+  callShopQuery,
+  watchShopQuery
+};

package/dist/chunk-DZGZX4F6.js

@@ -0,0 +1,45 @@
+import {
+  watchShopQuery
+} from "./chunk-CBJJUUVR.js";
+
+// src/basketTotals.ts
+import { gql } from "@apollo/client/core";
+var basketTotalsQuery = gql`query basketTotals($basketId: String) {
+	shop (basketId: $basketId) {
+		id
+		basket {
+			id
+			totals {
+				bonusAppliedTotal
+				bonusAvailableTotal
+				creditAmountNeeded
+				creditAppliedTotal
+				creditAvailableTotal
+				donationTotal
+				itemTotal
+				freeTrialAppliedTotal
+				freeTrialAvailableTotal
+				loanReservationTotal
+				kivaCardTotal
+				kivaCreditAppliedTotal
+				kivaCreditAvailableTotal
+				kivaCreditRemaining
+				kivaCreditToReapply
+				redemptionCodeAppliedTotal
+				redemptionCodeAvailableTotal
+				universalCodeAppliedTotal
+				universalCodeAvailableTotal
+			}
+		}
+	}
+}`;
+function watchBasketTotals(apollo) {
+  return watchShopQuery(apollo, {
+    query: basketTotalsQuery
+  });
+}
+
+export {
+  basketTotalsQuery,
+  watchBasketTotals
+};

package/dist/chunk-EJ5NGYPO.js

@@ -0,0 +1,145 @@
+import {
+  validatePreCheckout
+} from "./chunk-JBQ2KNMP.js";
+import {
+  callShopMutation,
+  callShopQuery
+} from "./chunk-CBJJUUVR.js";
+import {
+  ShopError,
+  parseShopError
+} from "./chunk-4ODZGLWK.js";
+import {
+  pollForFinishedCheckout
+} from "./chunk-PC4WUPYU.js";
+import {
+  getVisitorID
+} from "./chunk-TPJPGUO7.js";
+
+// src/oneTimeCheckout.ts
+import { gql } from "@apollo/client/core";
+import numeral from "numeral";
+async function creditAmountNeeded(apollo) {
+  const data = await callShopQuery(apollo, {
+    query: gql`
+			query creditAmountNeeded($basketId: String) {
+				shop (basketId: $basketId) {
+					id
+					basket {
+						id
+						totals {
+							creditAmountNeeded
+						}
+					}
+				}
+			}
+		`
+  }, 0);
+  return data?.shop?.basket?.totals?.creditAmountNeeded;
+}
+var creditCheckoutMutation = gql`
+	mutation creditCheckout(
+		$basketId: String,
+		$visitorId: String
+	) {
+		shop (basketId: $basketId) {
+			id
+			transactionId: checkoutAsync (visitorId: $visitorId)
+		}
+	}
+`;
+var depositCheckoutMutation = gql`
+	mutation depositCheckout(
+		$basketId: String,
+		$amount: Money!,
+		$nonce: String!,
+		$savePaymentMethod: Boolean,
+		$deviceData: String,
+		$visitorId: String
+	) {
+		shop (basketId: $basketId) {
+			id
+			transactionId: doNoncePaymentDepositAndCheckoutAsync(
+				amount: $amount,
+				nonce: $nonce,
+				savePaymentMethod: $savePaymentMethod,
+				deviceData: $deviceData,
+				visitorId: $visitorId
+			)
+		}
+	}
+`;
+function creditCheckout(apollo) {
+  return callShopMutation(apollo, {
+    mutation: creditCheckoutMutation,
+    variables: {
+      visitorId: getVisitorID()
+    }
+  }, 0);
+}
+async function depositCheckout({
+  apollo,
+  braintree,
+  amount
+}) {
+  try {
+    const paymentMethod = await braintree.requestPaymentMethod();
+    if (!paymentMethod) {
+      throw new ShopError(
+        { code: "shop.dropinNoPaymentMethod" },
+        "No payment method returned from braintree dropin"
+      );
+    }
+    const { nonce, deviceData } = paymentMethod;
+    return callShopMutation(apollo, {
+      mutation: depositCheckoutMutation,
+      variables: {
+        nonce,
+        amount,
+        savePaymentMethod: false,
+        // save payment methods handled by braintree drop in UI
+        deviceData,
+        visitorId: getVisitorID()
+      }
+    }, 0);
+  } catch (e) {
+    throw parseShopError(e);
+  }
+}
+async function executeOneTimeCheckout({
+  apollo,
+  braintree,
+  emailAddress,
+  emailOptIn
+}) {
+  await validatePreCheckout({
+    apollo,
+    emailAddress,
+    emailOptIn
+  });
+  const creditNeeded = await creditAmountNeeded(apollo);
+  const creditRequired = numeral(creditNeeded).value() > 0;
+  if (creditRequired && !braintree) {
+    throw new ShopError({ code: "shop.dropinRequired" }, "Braintree dropin required for credit deposit checkout");
+  }
+  const data = creditRequired ? await depositCheckout({
+    apollo,
+    braintree,
+    amount: creditNeeded
+  }) : await creditCheckout(apollo);
+  const transactionId = data?.shop?.transactionId;
+  const result = await pollForFinishedCheckout({
+    apollo,
+    transactionSagaId: transactionId,
+    timeout: 3e5
+    // five minutes
+  });
+  if (result.errors?.length) {
+    throw parseShopError(result.errors[0]);
+  }
+  window.location.href = `/checkout/post-purchase?kiva_transaction_id=${transactionId}`;
+}
+
+export {
+  executeOneTimeCheckout
+};

package/dist/chunk-FCAOCO7O.js

@@ -0,0 +1,17 @@
+// src/basketVerification.ts
+var VerificationState = /* @__PURE__ */ ((VerificationState2) => {
+  VerificationState2["VERIFIED"] = "verified";
+  VerificationState2["PENDING"] = "pending";
+  VerificationState2["REQUIRED"] = "required";
+  VerificationState2["MAY_BE_NEEDED"] = "may_be_needed";
+  VerificationState2["NOT_NEEDED"] = "not_needed";
+  return VerificationState2;
+})(VerificationState || {});
+function isBasketVerified(state) {
+  return state === "verified" /* VERIFIED */ || state === "not_needed" /* NOT_NEEDED */;
+}
+
+export {
+  VerificationState,
+  isBasketVerified
+};

package/dist/chunk-JBQ2KNMP.js

@@ -0,0 +1,50 @@
+import {
+  callShopMutation
+} from "./chunk-CBJJUUVR.js";
+import {
+  ShopError,
+  parseShopError
+} from "./chunk-4ODZGLWK.js";
+import {
+  getVisitorID
+} from "./chunk-TPJPGUO7.js";
+
+// src/validatePreCheckout.ts
+import { gql } from "@apollo/client/core";
+var validatePreCheckoutMutation = gql`
+	mutation validatePreCheckout($basketId: String, $email: String, $visitorId: String, $emailOptIn: Boolean) {
+	shop (basketId: $basketId) {
+		id
+		validatePreCheckout (email: $email, visitorId: $visitorId, emailOptIn: $emailOptIn) {
+			error
+			success
+			value
+		}
+	}
+}`;
+async function validatePreCheckout({
+  apollo,
+  emailAddress,
+  emailOptIn
+}) {
+  const data = await callShopMutation(apollo, {
+    mutation: validatePreCheckoutMutation,
+    variables: {
+      visitorId: getVisitorID(),
+      email: emailAddress,
+      emailOptIn
+    }
+  }, 0);
+  const results = data?.shop?.validatePreCheckout;
+  const errors = results.filter(({ success }) => !success).map((result) => parseShopError(result));
+  if (errors.length) {
+    const aggregate = new ShopError({ code: "shop.failedCheckoutValidation" });
+    aggregate.aggregateErrors(errors);
+    throw aggregate;
+  }
+}
+
+export {
+  validatePreCheckoutMutation,
+  validatePreCheckout
+};

package/dist/{chunk-SLMBU6L7.js → chunk-JXQPCEKG.js}

@@ -1,7 +1,7 @@
 import {
   ShopError,
   parseShopError
-} from "./chunk-IYCMZ5WV.js";
+} from "./chunk-4ODZGLWK.js";
 
 // src/useBraintreeDropIn.ts
 import { gql } from "@apollo/client/core";
@@ -22,7 +22,7 @@ async function getClientToken(apollo) {
   }
   return data?.shop?.getClientToken;
 }
-function useBraintreeDropIn() {
+function initBraintreeDropin() {
   let instance;
   let formattedAmount = "";
   const paymentMethodRequestable = ref(false);
@@ -152,6 +152,13 @@ function useBraintreeDropIn() {
     updateAmount
   };
 }
+var instances = {};
+function useBraintreeDropIn(key = "default") {
+  if (!instances[key]) {
+    instances[key] = initBraintreeDropin();
+  }
+  return instances[key];
+}
 
 export {
   defaultPaymentTypes,

package/dist/{chunk-TIASV6B2.js → chunk-KV4SOUVF.js}

@@ -1,7 +1,7 @@
 import {
   ShopError,
   parseShopError
-} from "./chunk-IYCMZ5WV.js";
+} from "./chunk-4ODZGLWK.js";
 
 // src/subscriptionCheckout.ts
 import { gql } from "@apollo/client/core";

package/dist/chunk-LZ4UMRCV.js

@@ -0,0 +1,16 @@
+// src/util/cookie.ts
+var getCookieValue = (name) => {
+  if (typeof document !== void 0) {
+    return decodeURIComponent(document.cookie.match(`(^|;)\\s*${name}\\s*=\\s*([^;]+)`)?.pop() || "");
+  }
+};
+var setCookieValue = (name, value, options = "") => {
+  if (typeof document !== void 0) {
+    document.cookie = `${name}=${encodeURIComponent(value)};${options}`;
+  }
+};
+
+export {
+  getCookieValue,
+  setCookieValue
+};

package/dist/chunk-MRCBNXPS.js

@@ -0,0 +1,35 @@
+import {
+  callShopMutation
+} from "./chunk-CBJJUUVR.js";
+
+// src/basketCredits.ts
+import { gql } from "@apollo/client/core";
+async function applyKivaCredit(apollo) {
+  const data = await callShopMutation(apollo, {
+    awaitRefetchQueries: true,
+    mutation: gql`mutation applyKivaCredit($basketId: String) {
+			shop (basketId: $basketId) {
+				id
+				addCreditByType(creditType: kiva_credit)
+			}
+		}`
+  });
+  return !!data?.shop?.addCreditByType;
+}
+async function removeKivaCredit(apollo) {
+  const data = await callShopMutation(apollo, {
+    awaitRefetchQueries: true,
+    mutation: gql`mutation removeKivaCredit($basketId: String) {
+			shop (basketId: $basketId) {
+				id
+				removeCreditByType(creditType: kiva_credit)
+			}
+		}`
+  });
+  return !!data?.shop?.removeCreditByType;
+}
+
+export {
+  applyKivaCredit,
+  removeKivaCredit
+};

package/dist/chunk-PC4WUPYU.js

@@ -0,0 +1,78 @@
+import {
+  getVisitorID
+} from "./chunk-TPJPGUO7.js";
+
+// src/checkoutStatus.ts
+import { gql } from "@apollo/client/core";
+
+// src/util/poll.ts
+function wait(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+async function poll(fn, fnCondition, interval, timeout) {
+  const endTime = Date.now() + timeout;
+  let result = await fn();
+  while (!fnCondition(result)) {
+    if (Date.now() > endTime) {
+      throw new Error("Polling timed out");
+    }
+    await wait(interval);
+    result = await fn();
+  }
+  return result;
+}
+
+// src/checkoutStatus.ts
+async function getCheckoutStatus({ apollo, transactionSagaId }) {
+  return apollo.query({
+    query: gql`
+			query checkoutStatus($transactionId: String!, $visitorId: String) {
+				checkoutStatus(transactionId: $transactionId, visitorId: $visitorId) {
+					basketId
+					errorCode
+					errorMessage
+					receipt {
+						checkoutId
+					}
+					requestedAt
+					status
+					transactionId
+					updatedAt
+				}
+			}
+		`,
+    variables: {
+      transactionId: transactionSagaId,
+      visitorId: getVisitorID()
+    }
+  });
+}
+async function pollForFinishedCheckout({
+  apollo,
+  transactionSagaId,
+  interval = 1e3,
+  timeout = 6e4
+}) {
+  return poll(
+    // function to poll
+    () => getCheckoutStatus({
+      apollo,
+      transactionSagaId
+    }),
+    // function to check for completed status
+    (result) => {
+      const { status, errorCode, errorMessage } = result?.data?.checkoutStatus;
+      if (status === "COMPLETED" || errorCode || errorMessage) {
+        return true;
+      }
+      return false;
+    },
+    interval,
+    timeout
+  );
+}
+
+export {
+  getCheckoutStatus,
+  pollForFinishedCheckout
+};

package/dist/chunk-TPJPGUO7.js

@@ -0,0 +1,12 @@
+import {
+  getCookieValue
+} from "./chunk-LZ4UMRCV.js";
+
+// src/util/visitorId.ts
+function getVisitorID() {
+  return getCookieValue("uiv");
+}
+
+export {
+  getVisitorID
+};

package/dist/components/KvPaymentSelect.vue

@@ -40,6 +40,13 @@ export default defineComponent({
 			type: String,
 			required: true,
 		},
+		/**
+		 * Braintree Drop In instance name.
+		 */
+		dropInName: {
+			type: String,
+			default: 'default',
+		},
 		/**
 		 * Paypal flow options.
 		 * Must be 'checkout' or 'vault'
@@ -92,7 +99,7 @@ export default defineComponent({
 			paymentMethodRequestable,
 			requestPaymentMethod,
 			updateAmount,
-		} = useBraintreeDropIn();
+		} = useBraintreeDropIn(props.dropInName);
 
 		const errorToast = ref();
 		const showError = (message: string) => {