@kiva/kv-shop 2.1.1 → 3.0.0

package/dist/_virtual/_commonjs-dynamic-modules.js

@@ -0,0 +1,6 @@
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  r as commonjsRequire
+};

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
+};

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/_virtual/dropin.js

@@ -0,0 +1,11 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../vendor/braintree-web-drop-in/dist/browser/dropin.js";
+var e = o();
+const t = /* @__PURE__ */ r(e), a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  a as d,
+  t as default
+};

package/dist/_virtual/dropin2.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/basket.js

@@ -1,14 +1,37 @@
-import {
-  createBasket,
-  getBasketID,
-  hasBasketExpired,
-  setBasketID
-} from "./chunk-FBF4WMN6.js";
-import "./chunk-4ODZGLWK.js";
-import "./chunk-LZ4UMRCV.js";
+import { gql as i } from "@apollo/client";
+import { getCookieValue as c, setCookieValue as o } from "./util/cookie.js";
+import { parseShopError as u } from "./shopError.js";
+function B() {
+  return c("kvbskt");
+}
+function k(t) {
+  o("kvbskt", t, "path=/;secure;");
+}
+async function p(t) {
+  try {
+    return t.mutate({
+      mutation: i`mutation createNewBasketForUser { shop { id createBasket } }`
+    }).then(({ data: e }) => {
+      var n;
+      const a = ((n = e.shop) == null ? void 0 : n.createBasket) ?? null;
+      a && k(a);
+    });
+  } catch (e) {
+    throw u(e);
+  }
+}
+let s = null;
+async function f(t) {
+  return s || (s = p(t), s);
+}
+function m(t) {
+  var a;
+  const e = (t == null ? void 0 : t.code) ?? ((a = t == null ? void 0 : t.extensions) == null ? void 0 : a.code) ?? (t == null ? void 0 : t.name) ?? "";
+  return ["shop.invalidBasketId", "shop.basketRequired", "shop.alreadyCheckedOut"].includes(e);
+}
 export {
-  createBasket,
-  getBasketID,
-  hasBasketExpired,
-  setBasketID
+  f as createBasket,
+  B as getBasketID,
+  m as hasBasketExpired,
+  k as setBasketID
 };

package/dist/basketCredits.js

@@ -1,16 +1,80 @@
-import {
-  applyKivaCredit,
-  applyPromoCredit,
-  removeKivaCredit,
-  removePromoCredit
-} from "./chunk-UJXHTR43.js";
-import "./chunk-IOZ5ERDX.js";
-import "./chunk-FBF4WMN6.js";
-import "./chunk-4ODZGLWK.js";
-import "./chunk-LZ4UMRCV.js";
+import { gql as i } from "@apollo/client";
+import { callShopMutation as m } from "./shopQueries.js";
+async function C(t) {
+  var r;
+  const e = await m(t, {
+    awaitRefetchQueries: !0,
+    mutation: i`mutation applyKivaCredit($basketId: String) {
+			shop (basketId: $basketId) {
+				id
+				addCreditByType(creditType: kiva_credit)
+			}
+		}`
+  });
+  return !!((r = e == null ? void 0 : e.shop) != null && r.addCreditByType);
+}
+async function l(t) {
+  var r;
+  const e = await m(t, {
+    awaitRefetchQueries: !0,
+    mutation: i`mutation removeKivaCredit($basketId: String) {
+			shop (basketId: $basketId) {
+				id
+				removeCreditByType(creditType: kiva_credit)
+			}
+		}`
+  });
+  return !!((r = e == null ? void 0 : e.shop) != null && r.removeCreditByType);
+}
+async function v(t, e) {
+  var a, d;
+  return !((a = e == null ? void 0 : e.variables) != null && a.creditType) || !((d = e == null ? void 0 : e.variables) != null && d.redemptionCode) ? Promise.resolve({
+    errors: [
+      {
+        message: "Missing required parameter.",
+        extensions: { code: "upc.missing_parameter" }
+      }
+    ]
+  }) : await m(t, {
+    awaitRefetchQueries: !0,
+    fetchPolicy: (e == null ? void 0 : e.fetchPolicy) ?? "network-only",
+    mutation: i`mutation applyPromoCredit(
+			$basketId: String,
+			$creditType: CreditTypeEnum!,
+			$redemptionCode: String
+		) {
+			shop (basketId: $basketId) {
+				id
+				addCreditByType(creditType: $creditType, redemptionCode: $redemptionCode)
+			}
+		}`,
+    variables: { ...e == null ? void 0 : e.variables }
+  });
+}
+async function b(t, e) {
+  var a, d, y;
+  if (!((a = e == null ? void 0 : e.variables) != null && a.creditType) && !((d = e == null ? void 0 : e.variables) != null && d.redemptionCode))
+    return Promise.resolve(!1);
+  const r = await m(t, {
+    awaitRefetchQueries: !0,
+    fetchPolicy: (e == null ? void 0 : e.fetchPolicy) ?? "network-only",
+    mutation: i`mutation removePromoCredit(
+			$basketId: String,
+			$creditType: CreditTypeEnum!,
+			$redemptionCode: String
+		) {
+			shop (basketId: $basketId) {
+				id
+				removeCreditByType(creditType: $creditType, redemptionCode: $redemptionCode)
+			}
+		}`,
+    variables: { ...e == null ? void 0 : e.variables }
+  });
+  return !!((y = r == null ? void 0 : r.shop) != null && y.removeCreditByType);
+}
 export {
-  applyKivaCredit,
-  applyPromoCredit,
-  removeKivaCredit,
-  removePromoCredit
+  C as applyKivaCredit,
+  v as applyPromoCredit,
+  l as removeKivaCredit,
+  b as removePromoCredit
 };

package/dist/basketItems.js

@@ -1,10 +1,29 @@
-import {
-  setTipDonation
-} from "./chunk-Z7JRY3QE.js";
-import "./chunk-IOZ5ERDX.js";
-import "./chunk-FBF4WMN6.js";
-import "./chunk-4ODZGLWK.js";
-import "./chunk-LZ4UMRCV.js";
+import { gql as r } from "@apollo/client";
+import p from "numeral";
+import { callShopMutation as m } from "./shopQueries.js";
+async function d({ amount: a, apollo: o, metadata: e }) {
+  var i;
+  const n = p(a).format("0.00"), t = await m(o, {
+    awaitRefetchQueries: !0,
+    mutation: r`mutation setTipDonation($price: Money!, $basketId: String, $metadata: String) {
+			shop (basketId: $basketId) {
+				id
+				updateDonation (donation: {
+					price: $price,
+					isTip: true,
+					metadata: $metadata,
+				})
+				{
+					id
+					price
+					isTip
+				}
+			}
+		}`,
+    variables: { price: n, metadata: e }
+  });
+  return (i = t == null ? void 0 : t.shop) == null ? void 0 : i.updateDonation;
+}
 export {
-  setTipDonation
+  d as setTipDonation
 };

package/dist/basketTotals.js

@@ -1,12 +1,40 @@
-import {
-  basketTotalsQuery,
-  watchBasketTotals
-} from "./chunk-IIN37LC7.js";
-import "./chunk-IOZ5ERDX.js";
-import "./chunk-FBF4WMN6.js";
-import "./chunk-4ODZGLWK.js";
-import "./chunk-LZ4UMRCV.js";
+import { gql as e } from "@apollo/client";
+import { watchShopQuery as t } from "./shopQueries.js";
+const l = e`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 r(a) {
+  return t(a, {
+    query: l
+  });
+}
 export {
-  basketTotalsQuery,
-  watchBasketTotals
+  l as basketTotalsQuery,
+  r as watchBasketTotals
 };

package/dist/basketVerification.js

@@ -1,8 +1,8 @@
-import {
-  VerificationState,
-  isBasketVerified
-} from "./chunk-FCAOCO7O.js";
+var E = /* @__PURE__ */ ((e) => (e.VERIFIED = "verified", e.PENDING = "pending", e.REQUIRED = "required", e.MAY_BE_NEEDED = "may_be_needed", e.NOT_NEEDED = "not_needed", e))(E || {});
+function d(e) {
+  return e === "verified" || e === "not_needed";
+}
 export {
-  VerificationState,
-  isBasketVerified
+  E as VerificationState,
+  d as isBasketVerified
 };

package/dist/checkoutStatus.js

@@ -1,10 +1,54 @@
-import {
-  getCheckoutStatus,
-  pollForFinishedCheckout
-} from "./chunk-SRGYGDAX.js";
-import "./chunk-TPJPGUO7.js";
-import "./chunk-LZ4UMRCV.js";
+import { gql as u } from "@apollo/client";
+import { poll as d } from "./util/poll.js";
+import { getVisitorID as I } from "./util/visitorId.js";
+async function f({ apollo: t, transactionSagaId: r }) {
+  return t.query({
+    query: u`
+			query checkoutStatus($transactionId: String!, $visitorId: String) {
+				checkoutStatus(transactionId: $transactionId, visitorId: $visitorId) {
+					basketId
+					errorCode
+					errorMessage
+					receipt {
+						checkoutId
+					}
+					requestedAt
+					status
+					transactionId
+					updatedAt
+				}
+			}
+		`,
+    variables: {
+      transactionId: r,
+      visitorId: I()
+    },
+    fetchPolicy: "network-only"
+  });
+}
+async function g({
+  apollo: t,
+  transactionSagaId: r,
+  interval: i = 1e3,
+  timeout: a = 6e4
+}) {
+  return d(
+    // function to poll
+    () => f({
+      apollo: t,
+      transactionSagaId: r
+    }),
+    // function to check for completed status
+    (o) => {
+      var e;
+      const { status: n, errorCode: s, errorMessage: c } = (e = o == null ? void 0 : o.data) == null ? void 0 : e.checkoutStatus;
+      return !!(n === "COMPLETED" || s || c);
+    },
+    i,
+    a
+  );
+}
 export {
-  getCheckoutStatus,
-  pollForFinishedCheckout
+  f as getCheckoutStatus,
+  g as pollForFinishedCheckout
 };

package/dist/components/KvPaymentSelect.css

@@ -0,0 +1 @@
+.kv-payment-select .braintree-dropin{font-family:inherit}.kv-payment-select [data-braintree-id=sheet-error]{@apply tw-bg-white;}.kv-payment-select .braintree-method__label,.kv-payment-select .braintree-option__label,.kv-payment-select .braintree-methods--active .braintree-method__label,.kv-payment-select .braintree-method .braintree-method__label .braintree-method__label--small{@apply tw-text-primary tw-text-left tw-font-book;}.kv-payment-select [data-braintree-id=methods-container] .braintree-method--active{@apply tw-border tw-border-brand tw-bg-secondary;}.kv-payment-select [data-braintree-id=methods-container] .braintree-method__check{padding:.3125rem;height:1.95rem;width:1.95rem;margin-right:.25rem;@apply tw-bg-brand;}.kv-payment-select [data-braintree-id=paypal],.kv-payment-select [data-braintree-id=applePay],.kv-payment-select [data-braintree-id=googlePay],.kv-payment-select [data-braintree-id=card]{border:0}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content.braintree-sheet__content--form{padding:0}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content .braintree-form__field-error{@apply tw-text-danger tw-text-left tw-font-medium;}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content .braintree-form__field-group{padding-left:0;margin-bottom:1.25rem}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__hosted-field{@apply tw-bg-danger/[.15] tw-border-danger tw-rounded-sm;}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content .braintree-form__field-group:not(.braintree-form__field-group--has-error) .braintree-form__field:not(.braintree-form__checkbox) .braintree-form__hosted-field{@apply tw-text-tertiary tw-bg-secondary tw-rounded-sm tw-border-secondary;}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content span.braintree-form__descriptor{display:none}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content [data-braintree-id=expiration-date-field-group],.kv-payment-select [data-braintree-id=card] .braintree-sheet__content [data-braintree-id=cvv-field-group],.kv-payment-select [data-braintree-id=card] .braintree-sheet__content [data-braintree-id=postal-code-field-group]{width:49%;flex-basis:auto;flex-grow:unset}.kv-payment-select [data-braintree-id=card-view-icons]{padding-bottom:0}.kv-payment-select [data-braintree-id=card-view-icons]>div{padding:0;border:1px solid #f3f3f3;border-radius:.25rem;line-height:.6875 rem}.kv-payment-select [data-braintree-id=paypal-button]{width:99%}@screen md{.kv-payment-select [data-braintree-id="paypal-button"] {width: 250px;}}.kv-payment-select [data-braintree-id=number-field-group]:not(.braintree-form__field-group--card-type-known) svg{display:none}.kv-payment-select iframe[type=number]{box-shadow:none;padding:0;background-color:transparent}.kv-payment-select [data-braintree-id=choose-a-way-to-pay],.kv-payment-select [data-braintree-id=methods-label],.kv-payment-select [data-braintree-id=other-ways-to-pay]{@apply tw-text-small tw-text-primary tw-text-tertiary tw-w-full;}.kv-payment-select [data-braintree-id=sheet-container]{@apply tw-bg-white;}.kv-payment-select [data-braintree-id=paypal-sheet-header],.kv-payment-select [data-braintree-id=apple-pay-sheet-header],.kv-payment-select [data-braintree-id=google-pay-sheet-header],.kv-payment-select [data-braintree-id=card-sheet-header]{@apply tw-bg-transparent tw-border-0 tw-p-0 tw-pb-1 tw-mb-1;}.kv-payment-select [data-braintree-id=paypal-sheet-header] .braintree-sheet__logo--header,.kv-payment-select [data-braintree-id=apple-pay-sheet-header] .braintree-sheet__logo--header,.kv-payment-select [data-braintree-id=google-pay-sheet-header] .braintree-sheet__logo--header,.kv-payment-select [data-braintree-id=card-sheet-header] .braintree-sheet__logo--header{@apply tw-hidden;}.kv-payment-select [data-braintree-id=paypal-sheet-header] .braintree-sheet__header-label,.kv-payment-select [data-braintree-id=apple-pay-sheet-header] .braintree-sheet__header-label,.kv-payment-select [data-braintree-id=google-pay-sheet-header] .braintree-sheet__header-label,.kv-payment-select [data-braintree-id=card-sheet-header] .braintree-sheet__header-label{@apply tw-w-full;}.kv-payment-select [data-braintree-id=paypal-sheet-header] .braintree-sheet__text,.kv-payment-select [data-braintree-id=apple-pay-sheet-header] .braintree-sheet__text,.kv-payment-select [data-braintree-id=google-pay-sheet-header] .braintree-sheet__text,.kv-payment-select [data-braintree-id=card-sheet-header] .braintree-sheet__text,.kv-payment-select [data-braintree-id=paypal-sheet-header] .braintree-sheet__label,.kv-payment-select [data-braintree-id=apple-pay-sheet-header] .braintree-sheet__label,.kv-payment-select [data-braintree-id=google-pay-sheet-header] .braintree-sheet__label,.kv-payment-select [data-braintree-id=card-sheet-header] .braintree-sheet__label{@apply tw-ml-0 tw-text-h4 tw-text-primary tw-text-left;}.kv-payment-select [data-braintree-id=upper-container]:before{background-color:transparent}.kv-payment-select [data-braintree-id=methods-container] .braintree-method{@apply tw-border-solid tw-border-tertiary tw-w-full tw-border tw-p-2;}.kv-payment-select [data-braintree-id=methods-container] .braintree-method:first-child{@apply tw-rounded-tr tw-rounded-tl tw-rounded-bl-none tw-rounded-br-none;}.kv-payment-select [data-braintree-id=methods-container] .braintree-method:last-child{@apply tw-rounded-br tw-rounded-bl;}.kv-payment-select [data-braintree-id=payment-options-container] .braintree-option{@apply tw-border-solid tw-border-tertiary tw-w-full tw-border tw-border-b-0 tw-p-2;}.kv-payment-select [data-braintree-id=payment-options-container] .braintree-option:first-child{@apply tw-rounded-tr tw-rounded-tl tw-rounded-bl-none tw-rounded-br-none;}.kv-payment-select [data-braintree-id=payment-options-container] .braintree-option:last-child{@apply tw-rounded-br tw-rounded-bl tw-border-b;}.kv-payment-select [data-braintree-id=toggle],.kv-payment-select [data-braintree-id=toggle]:hover{@apply tw-bg-transparent tw-text-h4 tw-text-link;}.kv-payment-select [data-braintree-id=toggle] span,.kv-payment-select [data-braintree-id=toggle] span:focus,.kv-payment-select [data-braintree-id=toggle] span:hover{@apply tw-text-base tw-no-underline tw-border-0;@apply tw-font-medium;}.kv-payment-select [data-braintree-id=card] .braintree-sheet__content .braintree-form__label{@apply tw-text-base;@apply tw-font-medium;}.braintree-sheet__container>.braintree-sheet:not(.braintree-card):before{@apply tw-absolute tw-w-full tw-left-0 tw-top-3 tw-font-medium;content:"Click payment method again to continue"}

package/dist/components/KvPaymentSelect.js

@@ -0,0 +1,23 @@
+import o from "./KvPaymentSelect2.js";
+import { resolveComponent as r, createElementBlock as s, openBlock as e, createElementVNode as a, createBlock as c, createCommentVNode as p } from "vue";
+import "./KvPaymentSelect.css";
+import i from "../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "kv-payment-select tw-text-center" }, d = {
+  ref: "container",
+  class: "data-hj-suppress",
+  "data-testid": "braintree-drop-in"
+};
+function l(t, _, f, u, k, v) {
+  const n = r("kv-loading-spinner");
+  return e(), s("div", m, [
+    a("div", d, null, 512),
+    t.updatingPaymentWrapper ? (e(), c(n, {
+      key: 0,
+      class: "tw-mb-2"
+    })) : p("", !0)
+  ]);
+}
+const x = /* @__PURE__ */ i(o, [["render", l]]);
+export {
+  x as default
+};

package/dist/components/KvPaymentSelect2.js

@@ -0,0 +1,110 @@
+import { toRefs as v, ref as l, watch as p, onMounted as M } from "vue";
+import { KvLoadingSpinner as P } from "@kiva/kv-components";
+import T, { defaultPaymentTypes as I } from "../useBraintreeDropIn.js";
+const k = {
+  components: {
+    KvLoadingSpinner: P
+  },
+  props: {
+    amount: {
+      type: [String, Number],
+      default: ""
+    },
+    /**
+     * Braintree authorization token.
+     */
+    authToken: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Braintree Drop In instance name.
+     */
+    dropInName: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * Paypal flow options.
+     * Must be 'checkout' or 'vault'
+    * */
+    flow: {
+      type: String,
+      default: "checkout"
+    },
+    /**
+     * Google Pay merchant ID
+     * Required if using the 'googlePay' option (which is on by default)
+     */
+    googlePayMerchantId: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Payment type options to be displayed.
+     * Also controls the order to display them in.
+     * All options in default order:
+     * ['card', 'paypal', 'paypalCredit', 'venmo', 'applePay', 'googlePay']
+    * */
+    paymentTypes: {
+      type: Array,
+      default: () => I
+    },
+    /**
+     * Preselect Vaulted Payment Method
+     * Braintree option to preselect payment method
+    * */
+    preselectVaultedPaymentMethod: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["transactions-enabled", "error"],
+  setup(o, { emit: a }) {
+    const {
+      amount: u,
+      authToken: s,
+      flow: d,
+      googlePayMerchantId: y,
+      paymentTypes: i,
+      preselectVaultedPaymentMethod: m
+    } = v(o), n = l(null), r = l(!1), {
+      initDropIn: c,
+      paymentMethodRequestable: f,
+      requestPaymentMethod: h,
+      updateAmount: g
+    } = T(o.dropInName);
+    return p(u, (e) => {
+      g(e);
+    }), p(f, (e) => {
+      a("transactions-enabled", e);
+    }, { immediate: !0 }), M(async () => {
+      var e;
+      if (((e = n.value) == null ? void 0 : e.innerHTML) === "") {
+        r.value = !0;
+        try {
+          await c({
+            amount: u.value,
+            authToken: s.value,
+            container: n.value,
+            googlePayMerchantId: y.value,
+            paymentTypes: i.value,
+            preselectVaultedPaymentMethod: m.value,
+            paypalFlow: d.value
+          });
+        } catch (t) {
+          t instanceof Error ? a("error", t == null ? void 0 : t.message) : a("error", "An error has occured. Please refresh the page and try again.");
+        } finally {
+          r.value = !1;
+        }
+      }
+    }), {
+      container: n,
+      updatingPaymentWrapper: r,
+      requestPaymentMethod: h
+    };
+  }
+};
+export {
+  k as default
+};