@kiva/kv-shop 3.0.1 → 3.0.3

package/dist/vendor/braintree-web-drop-in/views/payment-method-view.js

@@ -0,0 +1,76 @@
+import { __require as p } from "../lib/analytics.js";
+import { __require as m } from "./base-view.js";
+import { __require as y } from "../constants.js";
+import { __require as g } from "../lib/add-selection-event-handler.js";
+var r, o;
+function M() {
+  if (o) return r;
+  o = 1;
+  var d = p(), s = m(), a = y(), l = g(), h = `<div class="braintree-method__icon-container braintree-method__delete-container">
+  <div class="braintree-method__icon braintree-method__delete">
+    <svg width="48" height="29">
+      <use xlink:href="#iconX"></use>
+    </svg>
+  </div>
+</div>
+
+<div class="braintree-method__logo">
+  <svg width="40" height="24" class="@CLASSNAME">
+    <use xlink:href="#@ICON"></use>
+  </svg>
+</div>
+
+<div class="braintree-method__label">@TITLE<br><div class="braintree-method__label--small">@SUBTITLE</div></div>
+
+<div class="braintree-method__icon-container braintree-method__check-container">
+  <div class="braintree-method__icon braintree-method__check">
+    <svg height="100%" width="100%">
+      <use xlink:href="#iconCheck"></use>
+    </svg>
+  </div>
+</div>
+`;
+  function e() {
+    s.apply(this, arguments), this._initialize();
+  }
+  return e.prototype = Object.create(s.prototype), e.prototype.constructor = e, e.prototype._initialize = function() {
+    var n, t = h, c = a.paymentMethodCardTypes, i = a.paymentMethodTypes;
+    switch (this.element = document.createElement("div"), this.element.className = "braintree-method", this.element.setAttribute("tabindex", "0"), this.element.setAttribute("role", "button"), l(this.element, (function() {
+      this.model.isInEditMode() ? this._selectDelete() : this._choosePaymentMethod();
+    }).bind(this)), this.paymentMethod.type) {
+      case i.applePay:
+        t = t.replace(/@ICON/g, "logoApplePay").replace(/@CLASSNAME/g, "").replace(/@TITLE/g, this.strings["Apple Pay"]).replace(/@SUBTITLE/g, "");
+        break;
+      case i.card:
+        n = this.strings.endingIn.replace("{{lastFourCardDigits}}", this.paymentMethod.details.lastFour), t = t.replace(/@ICON/g, "icon-" + c[this.paymentMethod.details.cardType]).replace(/@CLASSNAME/g, " braintree-icon--bordered").replace(/@TITLE/g, n).replace(/@SUBTITLE/g, this.strings[this.paymentMethod.details.cardType]);
+        break;
+      case i.googlePay:
+        t = t.replace(/@ICON/g, "logoGooglePay").replace(/@CLASSNAME/g, "").replace(/@TITLE/g, this.strings["Google Pay"]).replace(/@SUBTITLE/g, "");
+        break;
+      case i.paypal:
+        t = t.replace(/@ICON/g, "logoPayPal").replace(/@CLASSNAME/g, "").replace(/@TITLE/g, this.paymentMethod.details.email).replace(/@SUBTITLE/g, this.strings.PayPal);
+        break;
+      case i.venmo:
+        t = t.replace(/@ICON/g, "logoVenmo").replace(/@CLASSNAME/g, "").replace(/@TITLE/g, this.paymentMethod.details.username).replace(/@SUBTITLE/g, this.strings.Venmo);
+        break;
+    }
+    this.element.innerHTML = t, this.checkMark = this.element.querySelector(".braintree-method__check-container");
+  }, e.prototype.setActive = function(n) {
+    setTimeout((function() {
+      this.element.classList.toggle("braintree-method--active", n);
+    }).bind(this), 0);
+  }, e.prototype.enableEditMode = function() {
+    this.checkMark.classList.add("braintree-hidden"), this.paymentMethod.hasSubscription && this.element.classList.add("braintree-method--disabled");
+  }, e.prototype.disableEditMode = function() {
+    this.checkMark.classList.remove("braintree-hidden"), this.element.classList.remove("braintree-method--disabled");
+  }, e.prototype.teardown = function() {
+    this.element.parentNode && this.element.parentNode.removeChild(this.element);
+  }, e.prototype._choosePaymentMethod = function() {
+    this.paymentMethod.vaulted && d.sendEvent(this.client, "vaulted-" + a.analyticsKinds[this.paymentMethod.type] + ".select"), this.model.changeActivePaymentMethod(this.paymentMethod);
+  }, e.prototype._selectDelete = function() {
+    this.model.confirmPaymentMethodDeletion(this.paymentMethod);
+  }, r = e, r;
+}
+export {
+  M as __require
+};

package/dist/vendor/braintree-web-drop-in/views/payment-methods-view.js

@@ -0,0 +1,72 @@
+import { __require as l } from "./base-view.js";
+import { __require as p } from "./payment-method-view.js";
+import { __require as y } from "../lib/dropin-error.js";
+import { __require as M } from "../constants.js";
+import { __require as v } from "../lib/add-selection-event-handler.js";
+var o, r;
+function g() {
+  if (r) return o;
+  r = 1;
+  var s = l(), h = p(), a = y(), d = M().errors, m = v(), c = {
+    CreditCard: "Card",
+    PayPalAccount: "PayPal",
+    ApplePayCard: "Apple Pay",
+    AndroidPayCard: "Google Pay",
+    VenmoAccount: "Venmo"
+  };
+  function i() {
+    s.apply(this, arguments), this._initialize();
+  }
+  return i.prototype = Object.create(s.prototype), i.prototype.constructor = i, i.ID = i.prototype.ID = "methods", i.prototype._initialize = function() {
+    this.views = [], this.container = this.getElementById("methods-container"), this._headingLabel = this.getElementById("methods-label"), this._editButton = this.getElementById("methods-edit"), this.model.on("addPaymentMethod", this._addPaymentMethod.bind(this)), this.model.on("changeActivePaymentMethod", this._changeActivePaymentMethodView.bind(this)), this.model.on("refreshPaymentMethods", this.refreshPaymentMethods.bind(this)), this.refreshPaymentMethods(), this.model.merchantConfiguration.vaultManager && (this.model.on("removePaymentMethod", this._removePaymentMethod.bind(this)), m(this._editButton, (function() {
+      this.model.isInEditMode() ? this.model.disableEditMode() : this.model.enableEditMode();
+    }).bind(this)), this._editButton.classList.remove("braintree-hidden"));
+  }, i.prototype.removeActivePaymentMethod = function() {
+    this.activeMethodView && (this.activeMethodView.setActive(!1), this.activeMethodView = null, this._headingLabel.classList.add("braintree-no-payment-method-selected"));
+  }, i.prototype._getPaymentMethodString = function() {
+    var t, e;
+    return this.activeMethodView ? (t = c[this.activeMethodView.paymentMethod.type], e = this.strings[t], this.strings.payingWith.replace("{{paymentSource}}", e)) : "";
+  }, i.prototype.enableEditMode = function() {
+    this.container.classList.add("braintree-methods--edit"), this._editButton.innerHTML = this.strings.deleteCancelButton, this._headingLabel.innerHTML = this.strings.editPaymentMethods, this.views.forEach(function(t) {
+      t.enableEditMode();
+    });
+  }, i.prototype.disableEditMode = function() {
+    this.container.classList.remove("braintree-methods--edit"), this._editButton.innerHTML = this.strings.edit, this._headingLabel.innerHTML = this._getPaymentMethodString(), this.views.forEach(function(t) {
+      t.disableEditMode();
+    });
+  }, i.prototype._addPaymentMethod = function(t) {
+    var e = new h({
+      model: this.model,
+      paymentMethod: t,
+      client: this.client,
+      strings: this.strings
+    });
+    this.model.isGuestCheckout && this.container.firstChild && (this.views[0].teardown(), this.views.pop()), this.container.firstChild ? this.container.insertBefore(e.element, this.container.firstChild) : this.container.appendChild(e.element), this.views.push(e);
+  }, i.prototype._removePaymentMethod = function(t) {
+    var e;
+    for (e = 0; e < this.views.length; e++)
+      if (this.views[e].paymentMethod === t) {
+        this.views[e].teardown(), this._headingLabel.innerHTML = "&nbsp;", this.views.splice(e, 1);
+        break;
+      }
+  }, i.prototype._changeActivePaymentMethodView = function(t) {
+    var e, n = this.activeMethodView;
+    for (e = 0; e < this.views.length; e++)
+      if (this.views[e].paymentMethod === t) {
+        this.activeMethodView = this.views[e], this._headingLabel.innerHTML = this._getPaymentMethodString();
+        break;
+      }
+    n && n.setActive(!1), this.activeMethodView.setActive(!0), this._headingLabel.classList.remove("braintree-no-payment-method-selected");
+  }, i.prototype.requestPaymentMethod = function() {
+    return !this.activeMethodView || this.model.isInEditMode() ? Promise.reject(new a(d.NO_PAYMENT_METHOD_ERROR)) : Promise.resolve(this.activeMethodView.paymentMethod);
+  }, i.prototype.refreshPaymentMethods = function() {
+    var t, e = this.model.getPaymentMethods();
+    for (this.views.forEach(function(n) {
+      n.teardown();
+    }), this.views = [], t = e.length - 1; t >= 0; t--)
+      this._addPaymentMethod(e[t]);
+  }, o = i, o;
+}
+export {
+  g as __require
+};

package/dist/vendor/braintree-web-drop-in/views/payment-options-view.js

@@ -0,0 +1,61 @@
+import { __require as y } from "../lib/analytics.js";
+import { __require as h } from "../lib/add-selection-event-handler.js";
+import { __require as m } from "./base-view.js";
+import { __require as u } from "../constants.js";
+var o, p;
+function C() {
+  if (p) return o;
+  p = 1;
+  var c = y(), d = h(), s = m(), a = u().paymentOptionIDs, g = `<div class="braintree-option__logo">
+  <svg width="48" height="29" class="@CLASSNAME">
+    <use xlink:href="#@ICON"></use>
+  </svg>
+</div>
+
+<div class="braintree-option__label" aria-label="@OPTION_LABEL">
+  @OPTION_TITLE
+  <div class="braintree-option__disabled-message"></div>
+</div>
+`;
+  function i() {
+    s.apply(this, arguments), this._initialize();
+  }
+  return i.prototype = Object.create(s.prototype), i.prototype.constructor = i, i.ID = i.prototype.ID = "options", i.prototype._initialize = function() {
+    this.container = this.getElementById("payment-options-container"), this.elements = {}, this.model.supportedPaymentOptions.forEach((function(t) {
+      this._addPaymentOption(t);
+    }).bind(this));
+  }, i.prototype._addPaymentOption = function(t) {
+    var r, n = document.createElement("div"), e = g, l = (function() {
+      this.mainView.setPrimaryView(t), this.model.selectPaymentOption(t), c.sendEvent(this.client, "selected." + a[t]);
+    }).bind(this);
+    switch (n.className = "braintree-option braintree-option__" + t, n.setAttribute("tabindex", "0"), n.setAttribute("role", "button"), t) {
+      case a.applePay:
+        r = this.strings["Apple Pay"], e = e.replace(/@ICON/g, "logoApplePay");
+        break;
+      case a.card:
+        r = this.strings.Card, e = e.replace(/@ICON/g, "iconCardFront"), e = e.replace(/@CLASSNAME/g, "braintree-icon--bordered");
+        break;
+      case a.googlePay:
+        r = this.strings["Google Pay"], e = e.replace(/@ICON/g, "logoGooglePay");
+        break;
+      case a.paypal:
+        r = this.strings.PayPal, e = e.replace(/@ICON/g, "logoPayPal");
+        break;
+      case a.paypalCredit:
+        r = this.strings["PayPal Credit"], e = e.replace(/@ICON/g, "logoPayPalCredit");
+        break;
+      case a.venmo:
+        r = this.strings.Venmo, e = e.replace(/@ICON/g, "logoVenmo");
+        break;
+    }
+    e = e.replace(/@OPTION_LABEL/g, this._generateOptionLabel(r)), e = e.replace(/@OPTION_TITLE/g, r), e = e.replace(/@CLASSNAME/g, ""), n.innerHTML = e, d(n, l), this.container.appendChild(n), this.elements[t] = {
+      div: n,
+      clickHandler: l
+    };
+  }, i.prototype._generateOptionLabel = function(t) {
+    return this.strings.payingWith.replace("{{paymentSource}}", t);
+  }, o = i, o;
+}
+export {
+  C as __require
+};

package/dist/vendor/braintree-web-drop-in/views/payment-sheet-views/apple-pay-view.js

@@ -0,0 +1,59 @@
+import { commonjsGlobal as i } from "../../../../_virtual/_commonjsHelpers.js";
+import { __require as d } from "../../lib/assign.js";
+import { __require as h } from "../base-view.js";
+import g from "braintree-web/apple-pay";
+import { __require as S } from "../../lib/dropin-error.js";
+import { __require as v } from "../../lib/is-https.js";
+import { __require as _ } from "../../constants.js";
+var p, y;
+function D() {
+  if (y) return p;
+  y = 1;
+  var u = d().assign, s = h(), P = g, m = S(), c = v(), f = _().paymentOptionIDs, l = 2;
+  function a() {
+    s.apply(this, arguments);
+  }
+  return a.prototype = Object.create(s.prototype), a.prototype.constructor = a, a.ID = a.prototype.ID = f.applePay, a.prototype.initialize = function() {
+    var e = this;
+    return e.applePayConfiguration = u({}, e.model.merchantConfiguration.applePay), e.applePaySessionVersion = e.applePayConfiguration.applePaySessionVersion || l, delete e.applePayConfiguration.applePaySessionVersion, P.create({ client: this.client }).then(function(t) {
+      e.buttonDiv = e.getElementById("apple-pay-button"), e.applePayInstance = t, e.buttonDiv.onclick = e._showPaymentSheet.bind(e), e.buttonDiv.style["-apple-pay-button-style"] = e.model.merchantConfiguration.applePay.buttonStyle || "black", e.model.asyncDependencyReady(a.ID);
+    }).catch(function(t) {
+      e.model.asyncDependencyFailed({
+        view: e.ID,
+        error: new m(t)
+      });
+    });
+  }, a.prototype.requestPaymentMethod = function() {
+    return this.model.reportError("applePayButtonMustBeUsed"), s.prototype.requestPaymentMethod.call(this);
+  }, a.prototype._showPaymentSheet = function() {
+    var e = this, t, n;
+    return this._sessionInProgress || (this._sessionInProgress = !0, t = this.applePayInstance.createPaymentRequest(this.applePayConfiguration.paymentRequest), n = new i.ApplePaySession(e.applePaySessionVersion, t), n.onvalidatemerchant = function(o) {
+      e.applePayInstance.performValidation({
+        validationURL: o.validationURL,
+        displayName: e.applePayConfiguration.displayName
+      }).then(function(r) {
+        n.completeMerchantValidation(r);
+      }).catch(function(r) {
+        e.model.reportError(r), e._sessionInProgress = !1, n.abort();
+      });
+    }, n.onpaymentauthorized = function(o) {
+      e.applePayInstance.tokenize({
+        token: o.payment.token
+      }).then(function(r) {
+        e._sessionInProgress = !1, n.completePayment(i.ApplePaySession.STATUS_SUCCESS), r.rawPaymentData = o.payment, e.model.addPaymentMethod(r);
+      }).catch(function(r) {
+        e.model.reportError(r), e._sessionInProgress = !1, n.completePayment(i.ApplePaySession.STATUS_FAILURE);
+      });
+    }, n.oncancel = function() {
+      e._sessionInProgress = !1;
+    }, n.begin()), !1;
+  }, a.prototype.updateConfiguration = function(e, t) {
+    this.applePayConfiguration[e] = t;
+  }, a.isEnabled = function(e) {
+    var t = e.client.getConfiguration().gatewayConfiguration, n = t.applePayWeb && !!e.merchantConfiguration.applePay, o = e.merchantConfiguration.applePay && e.merchantConfiguration.applePay.applePaySessionVersion, r;
+    return o = o || l, !n || (r = i.ApplePaySession && c.isHTTPS(), !r) || !i.ApplePaySession.supportsVersion(o) ? Promise.resolve(!1) : Promise.resolve(!!i.ApplePaySession.canMakePayments());
+  }, p = a, p;
+}
+export {
+  D as __require
+};

package/dist/vendor/braintree-web-drop-in/views/payment-sheet-views/base-paypal-view.js

@@ -0,0 +1,79 @@
+import { commonjsGlobal as l } from "../../../../_virtual/_commonjsHelpers.js";
+import { __require as S } from "../../lib/analytics.js";
+import { __require as U } from "../../lib/assign.js";
+import { __require as L } from "../../lib/browser-detection.js";
+import { __require as R } from "../base-view.js";
+import V from "braintree-web/paypal-checkout";
+import { __require as F } from "../../lib/dropin-error.js";
+import { __require as G } from "../../constants.js";
+import M from "@braintree/asset-loader";
+import { __require as Y } from "../../translations/index.js";
+var m, P;
+function X() {
+  if (P) return m;
+  P = 1;
+  var _ = S(), E = U().assign, y = L(), d = R(), w = V, D = F(), v = G(), q = M, b = Y().fiveCharacterLocales, I = 3e4, T = ["offerCredit", "locale"], N = "warn", u;
+  function o() {
+    d.apply(this, arguments);
+  }
+  return o.prototype = Object.create(d.prototype), o.prototype.initialize = function() {
+    var r, a = !!this._isPayPalCredit, p = !1, e = this, C = a ? "paypalCredit" : "paypal", O = this.model.merchantConfiguration[C], A = "#braintree--dropin__" + this.model.componentID;
+    return this.paypalConfiguration = E({}, O), r = setTimeout(function() {
+      e.model.asyncDependencyFailed({
+        view: e.ID,
+        error: new D("There was an error connecting to PayPal.")
+      });
+    }, I), w.create({ client: this.client }).then(function(i) {
+      var t, c = '[data-braintree-id="paypal-button"]', B = e.client.getConfiguration().gatewayConfiguration.environment === "production" ? "production" : "sandbox", f = e.model.merchantConfiguration.locale;
+      return e.paypalInstance = i, e.paypalConfiguration.offerCredit = !!a, t = {
+        env: B,
+        style: e.paypalConfiguration.buttonStyle || {},
+        commit: e.paypalConfiguration.commit,
+        payment: function() {
+          return i.createPayment(e.paypalConfiguration).catch(s);
+        },
+        onAuthorize: function(n) {
+          var g = e.paypalConfiguration.vault && e.paypalConfiguration.vault.vaultPayPal === !1;
+          return g && (n.vault = !1), i.tokenizePayment(n).then(function(h) {
+            !g && e.paypalConfiguration.flow === "vault" && !e.model.isGuestCheckout && (h.vaulted = !0), e.model.addPaymentMethod(h);
+          }).catch(s);
+        },
+        onError: s
+      }, f && f in b && (e.paypalConfiguration.locale = f, t.locale = f), t.funding = {
+        disallowed: []
+      }, Object.keys(l.paypal.FUNDING).forEach(function(n) {
+        n === "PAYPAL" || n === "CREDIT" || t.funding.disallowed.push(l.paypal.FUNDING[n]);
+      }), a ? (c = '[data-braintree-id="paypal-credit-button"]', t.style.label = "credit") : t.funding.disallowed.push(l.paypal.FUNDING.CREDIT), c = A + " " + c, l.paypal.Button.render(t, c).then(function() {
+        e.model.asyncDependencyReady(C), p = !0, clearTimeout(r);
+      });
+    }).catch(s);
+    function s(i) {
+      p ? e.model.reportError(i) : (e.model.asyncDependencyFailed({
+        view: e.ID,
+        error: i
+      }), clearTimeout(r));
+    }
+  }, o.prototype.requestPaymentMethod = function() {
+    return this.model.reportError("paypalButtonMustBeUsed"), d.prototype.requestPaymentMethod.call(this);
+  }, o.prototype.updateConfiguration = function(r, a) {
+    T.indexOf(r) === -1 && (this.paypalConfiguration[r] = a);
+  }, o.isEnabled = function(r) {
+    var a = r.client.getConfiguration().gatewayConfiguration, p = r.merchantConfiguration.paypal || r.merchantConfiguration.paypalCredit;
+    return a.paypalEnabled ? y.isIe9() || y.isIe10() ? (_.sendEvent(r.client, r.viewID + ".checkout.js-browser-not-supported"), Promise.resolve(!1)) : l.paypal && l.paypal.Button ? Promise.resolve(!0) : u || (u = q.loadScript({
+      src: v.CHECKOUT_JS_SOURCE,
+      id: v.PAYPAL_CHECKOUT_SCRIPT_ID,
+      dataAttributes: {
+        "log-level": p.logLevel || N
+      }
+    }).then(function() {
+      return Promise.resolve(!0);
+    }).catch(function() {
+      return Promise.resolve(!1);
+    }).then(function(e) {
+      return u = null, Promise.resolve(e);
+    }), u) : Promise.resolve(!1);
+  }, m = o, m;
+}
+export {
+  X as __require
+};