@kiva/kv-shop 1.1.3 → 1.1.4

package/dist/subscriptionCheckout.cjs

@@ -0,0 +1,152 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/subscriptionCheckout.ts
+var subscriptionCheckout_exports = {};
+__export(subscriptionCheckout_exports, {
+  checkSubscriptionStatus: () => checkSubscriptionStatus,
+  executeNewSubscriptionCheckout: () => executeNewSubscriptionCheckout
+});
+module.exports = __toCommonJS(subscriptionCheckout_exports);
+var import_core = require("@apollo/client/core");
+
+// src/shopError.ts
+var ShopError = class extends Error {
+  constructor({ code, original }, ...params) {
+    super(...params);
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, ShopError);
+    }
+    this.name = "ShopError";
+    this.code = code;
+    this.original = original;
+  }
+};
+function parseShopError(error) {
+  const errorCode = error?.code ?? error?.name ?? "";
+  const errorMessage = typeof error === "string" ? error : error?.message ?? "";
+  if (errorCode === "invalidMethodParameter" && errorMessage.includes("paymentMethod.create")) {
+    return new ShopError({
+      code: "paymentMethod.create.invalidMethodParameter",
+      original: error
+    }, "There was a problem validating your payment information. Please double-check the details and try again.");
+  }
+  return new ShopError({
+    code: "shop.unknown",
+    original: error
+  }, "An unknown error occurred.");
+}
+
+// src/subscriptionCheckout.ts
+async function checkSubscriptionStatus(apollo) {
+  const { data: subsData } = await apollo.query({
+    query: import_core.gql`query subscriptionStatus{
+			my {
+				id
+				subscriptions {
+					totalCount
+				}
+				autoDeposit {
+					id
+					isSubscriber
+				}
+			}
+		}`
+  });
+  if (!subsData?.my?.id) {
+    throw new ShopError({ code: "api.authenticationRequired" }, "You must be logged in to continue.");
+  }
+  if ((subsData?.my?.subscriptions?.totalCount ?? 0) > 0 || subsData?.my?.autoDeposit?.isSubscriber) {
+    throw new ShopError({ code: "shop.subscriptionExists" }, "You already have an existing Monthly Good subscription. Changes can be made in your subscription settings.");
+  }
+  if (subsData?.my?.autoDeposit?.id) {
+    throw new ShopError({ code: "shop.autoDepositExists" }, "You already have existing Auto Deposit settings. Changes can be made in your subscription settings.");
+  }
+  return true;
+}
+async function executeNewSubscriptionCheckout({
+  amount,
+  apollo,
+  dayOfMonth = (/* @__PURE__ */ new Date()).getDate(),
+  donateAmount,
+  paymentMethod
+}) {
+  const amountRegex = new RegExp(/^\d+\.\d{2}$/);
+  if (!amountRegex.test(amount) || !amountRegex.test(donateAmount)) {
+    throw new ShopError({
+      code: "api.invalidMethodParameter"
+    }, "Please check that the amount is correct and try again.");
+  }
+  await checkSubscriptionStatus(apollo);
+  const { deviceData, nonce } = paymentMethod;
+  let data;
+  let error;
+  try {
+    const result = await apollo.query({
+      variables: {
+        dayOfMonth,
+        deviceData,
+        nonce
+      },
+      query: import_core.gql`mutation createAutoDepositSubscription(
+				$nonce: String!,
+				$deviceData: String,
+				$amount: Money!,
+				$donateAmount: Money!,
+				$dayOfMonth: Int!
+			) {
+				my {
+					createAutoDeposit (
+						autoDeposit: {
+							amount: $amount,
+							donateAmount: $donateAmount,
+							dayOfMonth: $dayOfMonth,
+						},
+						deviceData: $deviceData,
+						paymentMethodNonce: $nonce
+					) {
+						id amount donateAmount dayOfMonth status
+					}
+				}
+			}`
+    });
+    if (result.error || result.errors.length) {
+      error = result.error ?? result.errors[0];
+    } else {
+      data = result.data;
+    }
+  } catch (e) {
+    error = e;
+  }
+  if (error) {
+    const parsed = parseShopError(error);
+    if (parsed.code === "shop.unknown") {
+      throw new ShopError({
+        code: "shop.createAutoDepositError",
+        original: parsed
+      }, "There was a problem trying to setup your monthly deposit.");
+    }
+    throw parsed;
+  }
+  return data?.my?.createAutoDeposit;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkSubscriptionStatus,
+  executeNewSubscriptionCheckout
+});

package/dist/subscriptionCheckout.d.ts

@@ -0,0 +1,13 @@
+import { PaymentMethodPayload } from 'braintree-web-drop-in';
+
+declare function checkSubscriptionStatus(apollo: any): Promise<boolean>;
+interface SubscriptionCheckoutOptions {
+    amount: string;
+    apollo: any;
+    dayOfMonth?: number;
+    donateAmount: string;
+    paymentMethod: PaymentMethodPayload;
+}
+declare function executeNewSubscriptionCheckout({ amount, apollo, dayOfMonth, donateAmount, paymentMethod, }: SubscriptionCheckoutOptions): Promise<any>;
+
+export { SubscriptionCheckoutOptions, checkSubscriptionStatus, executeNewSubscriptionCheckout };

package/dist/subscriptionCheckout.js

@@ -0,0 +1,9 @@
+import {
+  checkSubscriptionStatus,
+  executeNewSubscriptionCheckout
+} from "./chunk-V2I7V4QJ.js";
+import "./chunk-H35VQXDR.js";
+export {
+  checkSubscriptionStatus,
+  executeNewSubscriptionCheckout
+};

package/dist/useBraintreeDropIn.cjs

@@ -0,0 +1,218 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useBraintreeDropIn.ts
+var useBraintreeDropIn_exports = {};
+__export(useBraintreeDropIn_exports, {
+  default: () => useBraintreeDropIn,
+  defaultPaymentTypes: () => defaultPaymentTypes,
+  getClientToken: () => getClientToken
+});
+module.exports = __toCommonJS(useBraintreeDropIn_exports);
+var import_core = require("@apollo/client/core");
+var import_numeral = __toESM(require("numeral"), 1);
+var import_vue_demi = require("vue-demi");
+
+// src/shopError.ts
+var ShopError = class extends Error {
+  constructor({ code, original }, ...params) {
+    super(...params);
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, ShopError);
+    }
+    this.name = "ShopError";
+    this.code = code;
+    this.original = original;
+  }
+};
+function parseShopError(error) {
+  const errorCode = error?.code ?? error?.name ?? "";
+  const errorMessage = typeof error === "string" ? error : error?.message ?? "";
+  if (errorCode === "invalidMethodParameter" && errorMessage.includes("paymentMethod.create")) {
+    return new ShopError({
+      code: "paymentMethod.create.invalidMethodParameter",
+      original: error
+    }, "There was a problem validating your payment information. Please double-check the details and try again.");
+  }
+  return new ShopError({
+    code: "shop.unknown",
+    original: error
+  }, "An unknown error occurred.");
+}
+
+// src/useBraintreeDropIn.ts
+var defaultPaymentTypes = ["paypal", "card", "applePay", "googlePay"];
+async function getClientToken(apollo) {
+  const { data, error, errors } = await apollo.query({
+    query: import_core.gql`query getClientToken {
+			shop {
+				id
+				getClientToken(useCustomerId: true)
+			}
+		}`
+  });
+  if (error || errors.length) {
+    throw parseShopError(error ?? errors[0]);
+  }
+  return data?.shop?.getClientToken;
+}
+function useBraintreeDropIn() {
+  let instance;
+  let formattedAmount = "";
+  const paymentMethodRequestable = (0, import_vue_demi.ref)(false);
+  function getApplePaymentRequest(amount) {
+    return {
+      countryCode: "US",
+      currencyCode: "USD",
+      // merchantCapabilities: ['supports3DS'], // TODO: confirm/update
+      requiredBillingContactFields: ["postalAddress"],
+      // supportedNetworks: ['amex', 'discover', 'interac', 'jcb', 'masterCard', 'visa'], // TODO: confirm/update
+      total: {
+        label: "Kiva",
+        amount
+      }
+    };
+  }
+  function getGoogleTransactionInfo(amount) {
+    return {
+      totalPriceStatus: "FINAL",
+      totalPrice: amount,
+      currencyCode: "USD",
+      countryCode: "US"
+    };
+  }
+  function initDropInActions() {
+    if (instance.isPaymentMethodRequestable()) {
+      paymentMethodRequestable.value = true;
+    }
+    instance.on("paymentMethodRequestable", (event) => {
+      paymentMethodRequestable.value = true;
+    });
+    instance.on("noPaymentMethodRequestable", () => {
+      paymentMethodRequestable.value = false;
+    });
+  }
+  async function initDropIn({
+    amount,
+    authToken,
+    container,
+    googlePayMerchantId,
+    paymentTypes = [...defaultPaymentTypes],
+    preselectVaultedPaymentMethod = true,
+    paypalFlow = "checkout"
+  }) {
+    formattedAmount = (0, import_numeral.default)(amount).format("0.00");
+    const { default: DropIn } = await import("braintree-web-drop-in");
+    try {
+      instance = await DropIn.create({
+        authorization: authToken,
+        container,
+        dataCollector: {
+          kount: true
+          // Required if Kount fraud data collection is enabled
+        },
+        // vaultManager: true, - Useful for testing and removing payment methods easily.
+        paymentOptionPriority: paymentTypes,
+        preselectVaultedPaymentMethod,
+        card: {
+          vault: {
+            allowVaultCardOverride: true
+          }
+        },
+        paypal: {
+          flow: paypalFlow,
+          amount: formattedAmount,
+          currency: "USD",
+          buttonStyle: {
+            // @ts-ignore
+            color: "gold",
+            // @ts-ignore
+            shape: "rect",
+            // @ts-ignore
+            size: "responsive"
+          }
+        },
+        googlePay: {
+          googlePayVersion: 2,
+          merchantId: googlePayMerchantId,
+          transactionInfo: getGoogleTransactionInfo(formattedAmount),
+          button: {
+            allowedPaymentMethods: [{
+              type: "CARD",
+              // @ts-ignore
+              parameters: {
+                // allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'], // TODO: confirm/update
+                // allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA'], // TODO: confirm/update
+                billingAddressRequired: true,
+                billingAddressParameters: {
+                  format: "FULL"
+                }
+              }
+            }]
+          }
+        },
+        applePay: {
+          displayName: "Kiva",
+          paymentRequest: getApplePaymentRequest(formattedAmount)
+        }
+      });
+      initDropInActions();
+    } catch (e) {
+      throw new ShopError({
+        code: "shop.braintreeDropinInitError",
+        original: e
+      }, "An Error has occured. Please refresh the page and try again.");
+    }
+    return instance;
+  }
+  async function requestPaymentMethod() {
+    if (instance.isPaymentMethodRequestable()) {
+      return instance.requestPaymentMethod();
+    }
+  }
+  function updateAmount(amount) {
+    const newAmount = (0, import_numeral.default)(amount).format("0.00");
+    if (newAmount !== formattedAmount) {
+      formattedAmount = newAmount;
+      instance?.updateConfiguration("paypal", "amount", formattedAmount);
+      instance?.updateConfiguration("googlePay", "transactionInfo", getGoogleTransactionInfo(formattedAmount));
+      instance?.updateConfiguration?.("applePay", "paymentRequest", getApplePaymentRequest(formattedAmount));
+    }
+  }
+  return {
+    initDropIn,
+    paymentMethodRequestable,
+    requestPaymentMethod,
+    updateAmount
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultPaymentTypes,
+  getClientToken
+});

package/dist/useBraintreeDropIn.d.ts

@@ -0,0 +1,25 @@
+import * as braintree_web_drop_in from 'braintree-web-drop-in';
+import { Dropin } from 'braintree-web-drop-in';
+import * as _vue_composition_api from '@vue/composition-api';
+
+declare type PaymentType = 'card' | 'paypal' | 'paypalCredit' | 'venmo' | 'applePay' | 'googlePay';
+declare type PayPalFlowType = 'checkout' | 'vault';
+declare const defaultPaymentTypes: readonly ["paypal", "card", "applePay", "googlePay"];
+declare function getClientToken(apollo: any): Promise<any>;
+interface DropInInitOptions {
+    amount: string | number;
+    authToken: string;
+    container: string | HTMLElement;
+    googlePayMerchantId: string;
+    paymentTypes?: PaymentType[];
+    preselectVaultedPaymentMethod?: boolean;
+    paypalFlow?: PayPalFlowType;
+}
+declare function useBraintreeDropIn(): {
+    initDropIn: ({ amount, authToken, container, googlePayMerchantId, paymentTypes, preselectVaultedPaymentMethod, paypalFlow, }: DropInInitOptions) => Promise<Dropin>;
+    paymentMethodRequestable: _vue_composition_api.Ref<boolean>;
+    requestPaymentMethod: () => Promise<braintree_web_drop_in.PaymentMethodPayload>;
+    updateAmount: (amount: string | number) => void;
+};
+
+export { DropInInitOptions, PayPalFlowType, PaymentType, useBraintreeDropIn as default, defaultPaymentTypes, getClientToken };

package/dist/useBraintreeDropIn.js

@@ -0,0 +1,11 @@
+import {
+  defaultPaymentTypes,
+  getClientToken,
+  useBraintreeDropIn
+} from "./chunk-R27YZQKP.js";
+import "./chunk-H35VQXDR.js";
+export {
+  useBraintreeDropIn as default,
+  defaultPaymentTypes,
+  getClientToken
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-shop",
-    "version": "1.1.3",
+    "version": "1.1.4",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -19,7 +19,7 @@
         }
     },
     "scripts": {
-        "build": "tsup src/**/*.ts --format cjs,esm --dts --clean && cp -R src/components/ dist/components/",
+        "build": "tsup src/*.ts --format cjs,esm --dts --clean && cp -R src/components/ dist/components/",
         "lint": "eslint --ext .ts,.vue ./src",
         "test": "jest"
     },
@@ -53,5 +53,5 @@
             "optional": true
         }
     },
-    "gitHead": "2f7b300768fe971c5ecd3152a79ae58f4ec9ec81"
+    "gitHead": "2ad76dbc917ebd7ce1ef1278f8ce6164b8acfc57"
 }

package/dist/basket.spec.cjs

@@ -1,17 +0,0 @@
-// src/basket.ts
-var getCookieValue = (name) => {
-  if (typeof document !== void 0) {
-    return decodeURIComponent(document.cookie.match(`(^|;)\\s*${name}\\s*=\\s*([^;]+)`)?.pop() || "");
-  }
-};
-
-// src/tests/basket.spec.ts
-describe("basket.ts", () => {
-  it("encoded token", () => {
-    const encodedToken = encodeURIComponent("tests==");
-    expect(encodedToken).toEqual("tests%3D%3D");
-    document.cookie = `encoded=${encodedToken}; Max-Age=5;`;
-    const decodedToken = getCookieValue("encoded");
-    expect(decodedToken).toEqual("tests==");
-  });
-});

package/dist/basket.spec.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/dist/basket.spec.js

@@ -1,17 +0,0 @@
-// src/basket.ts
-var getCookieValue = (name) => {
-  if (typeof document !== void 0) {
-    return decodeURIComponent(document.cookie.match(`(^|;)\\s*${name}\\s*=\\s*([^;]+)`)?.pop() || "");
-  }
-};
-
-// src/tests/basket.spec.ts
-describe("basket.ts", () => {
-  it("encoded token", () => {
-    const encodedToken = encodeURIComponent("tests==");
-    expect(encodedToken).toEqual("tests%3D%3D");
-    document.cookie = `encoded=${encodedToken}; Max-Age=5;`;
-    const decodedToken = getCookieValue("encoded");
-    expect(decodedToken).toEqual("tests==");
-  });
-});